@charset "utf-8";
@import url('common.css');
@import url('layout.css');

@media print {
    /* 1. 에브리캘크 전역 인프라 및 입력 폼 전체 숨김 처리 */
    header, footer, nav, .bottom-ad, #splitter-form, #pixel-form, .calculator-box > h2, .calculator-box > p, h3, h4, hr, .result-code-box, .target-guide-box, .result-tip {
        display: none !important;
    }

    /* 2. 전체 여백 초기화 및 결과 박스 배경 투명화 */
    body, html, #content, .calculator-box, .result-box, .result-display, .d-flex.justify-content-center.p-3 {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;      /* 부트스트랩 박스 테두리 제거 */
    outline: none !important;     /* 아웃라인 잔상 제거 */
    box-shadow: none !important;  /* 그림자 잔상 제거 */
    width: 100% !important;
}
    /* 3. 텍스트 지표 숨김 (선택 사항: 도안 크기와 색상 수 텍스트도 숨기고 도안만 남김) */
    .result-display p {
        display: none !important;
    }

    /* 4. 도안 차트가 포함된 컨테이너를 화면 중앙 정렬 및 여백 확보 */
    .d-flex.justify-content-center.p-3 {
        background: transparent !important;
        padding: 0 !important;
        margin: 20px auto !important;
        display: block !important;
        text-align: center !important;
    }

    /* 5. 픽셀 도안 캔버스 크기를 A4 종이 가로폭에 맞춰 자동 최적화 */
    #pixel-canvas {
        max-width: 95% !important;
        height: auto !important;
        box-shadow: none !important;
        border: 2px solid #000 !important; /* 인쇄 시 외곽선 선명하게 보정 */
        page-break-inside: avoid;
    }
}