.media-page{background:#f4f7fc;font-family:"Noto Sans KR",system-ui,sans-serif}.media-page .media-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.media-page label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:14px;font-weight:700;color:#26364b}.media-page input,.media-page select,.media-page textarea{width:100%;min-width:0;border:1px solid #cad5e6;border-radius:9px;padding:11px;background:#fff;color:#17243b;font:inherit;box-sizing:border-box}.media-page textarea{resize:vertical}.media-page input[type=color]{height:45px;padding:5px}.media-page input[type=checkbox]{width:18px;height:18px}.media-page .check{flex-direction:row;align-items:center}.media-page .file-pick,.media-page [data-qr],.media-page #signature-controls,.media-page #photo-controls{grid-column:1/-1}.media-page .file-pick{background:#f1f6ff;border:1px dashed #94acd0;border-radius:12px;padding:18px}.media-page .media-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.media-page .media-help,.media-page .media-note p{line-height:1.8;color:#52647d}.media-page .media-note{padding:12px 0 20px;border-bottom:1px solid #e1e8f1}.media-page .media-note:last-child{border:0}.media-page .media-note h2{font-size:20px}.media-page .media-results{display:grid;gap:16px;margin-top:22px}.media-page .result-card{border:1px solid #d9e4f2;border-radius:12px;padding:16px;min-width:0}.media-page .preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.media-page .preview-box{background-color:#fff;background-image:linear-gradient(45deg,#e6ebf3 25%,transparent 25%),linear-gradient(-45deg,#e6ebf3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6ebf3 75%),linear-gradient(-45deg,transparent 75%,#e6ebf3 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;display:flex;justify-content:center;align-items:center;padding:14px;min-height:120px;overflow:hidden;border-radius:10px}.media-page canvas,.media-page svg,.media-page img{max-width:100%;height:auto}.media-page .result-card>canvas{display:block;margin:auto;max-height:650px;object-fit:contain}.media-page #signature-pad{width:100%;touch-action:none;background:white;border:2px dashed #adc1e0;cursor:crosshair}.media-page pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5fb;padding:12px;border-radius:9px}.media-page .meta-row{display:grid;grid-template-columns:minmax(90px,1fr) 2fr;gap:8px;padding:8px;border-bottom:1px solid #e4e9f1;overflow-wrap:anywhere;font-size:14px}.media-page .sensitive{background:#fff1e6}.media-page #error{background:#fff0f0;color:#9d1d25;padding:15px;border-radius:9px}.media-page #status{overflow-wrap:anywhere}.media-page [hidden]{display:none!important}.media-page .file-info{overflow-wrap:anywhere;margin-top:15px}.media-page .fail{color:#a21f2d}.media-page .ok{color:#146841}.media-page .favicon-tiles{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.media-page .favicon-tiles figure{margin:0;text-align:center}.media-page #label-sheet:not([hidden]){display:flex;flex-wrap:wrap;gap:4mm;max-width:190mm;margin:20px auto;padding:5mm;background:#fff;border:1px solid #c4d1e4}.media-page .print-label{break-inside:avoid;overflow:hidden}.media-page .print-label svg{width:100%;max-width:none}.media-page button:disabled{opacity:.5;cursor:wait}.media-page button:focus-visible,.media-page input:focus-visible{outline:3px solid #94b5ff;outline-offset:2px}
@media(max-width:600px){.media-page .media-fields{grid-template-columns:1fr}.media-page .media-actions button{flex:1;min-width:100px}.media-page .preview-pair{grid-template-columns:1fr}.media-page .media-note h2{font-size:18px}.media-page .meta-row{grid-template-columns:1fr}.media-page .moa-panel{padding:16px}.media-page #label-sheet:not([hidden]){max-width:100%;box-sizing:border-box}.media-page .print-label{max-width:100%}}
@media print{body.media-print>*{display:none!important}body.media-print main{display:block!important}body.media-print main>*{display:none!important}body.media-print #label-sheet{display:flex!important;border:0;margin:0;padding:0;width:190mm;max-width:190mm}body.media-print .print-label{max-width:none}@page{size:A4;margin:10mm}}
@media print{body.media-print .media-page #label-sheet:not([hidden]){border:0!important;padding:0!important;margin:0!important;width:190mm!important;max-width:190mm!important;box-sizing:border-box;gap:4mm}body.media-print .media-page .print-label{max-width:none!important}body.media-print .media-page .print-label svg{display:block}}