.document-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:12px 0}.document-nav label{display:flex;align-items:center;gap:6px;font-size:13px}.document-nav input{width:75px!important;min-width:0}.document-nav button{min-height:40px;font-size:12px;padding:6px 10px}.document-nav span{font-size:13px}.document-scroll{overflow:auto;max-height:65vh;min-height:220px;background:#eaf0f7;padding:12px;overscroll-behavior:contain;touch-action:pan-x pan-y}.document-scroll .annotation-surface{margin:auto}.document-scroll canvas{display:block;width:100%;height:auto}.document-selection{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.document-selection input[type=checkbox]{flex-shrink:0}.page-row .page-selected{margin:6px}.document-thumbs{list-style:none;padding:0;max-height:65vh;overflow:auto;margin:0}.document-thumbs li{margin:0 0 7px}.document-thumbs button{width:100%;display:flex;align-items:center;gap:6px}.document-thumbs canvas{width:48px;max-height:75px;object-fit:contain}.document-selection .primary{width:auto;margin:0}
#finalPrintDialog{width:min(1050px,calc(100% - 16px));max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);padding:20px;border:1px solid #d7e2f3;border-radius:18px;color:#17233b}#finalPrintDialog::backdrop{background:#17233b99}#finalPrintViewer{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px}#finalPrintViewer .document-nav{grid-column:1/-1}#finalPrintDialog .primary{width:auto;margin:0;justify-content:center}.native-print-frame{position:fixed;left:-10000px;top:0;width:800px;height:600px;border:0}
.document-disclosure{margin:12px 0;font-size:12px;color:#526582;line-height:1.7}.scanner-dpi{margin:16px 0}.scanner-dpi input{width:100%}
.print-studio{margin:16px 0;padding:14px;border:1px solid #d7e2f3;border-radius:14px;background:#f8fbff}.print-studio .button-row{flex-wrap:wrap;gap:7px}.print-studio button{min-height:40px;font-size:12px}.print-studio input[type=range]{flex:1;min-width:80px;width:auto}#studioStage{position:relative;max-width:650px;margin:12px auto;background:#fff;box-shadow:0 2px 10px #20335418}#studioPreview{display:block;width:100%;height:auto;touch-action:none;cursor:move}#studioBounds{position:absolute;border:1px dashed #5486ae;pointer-events:none}#studioStatus{min-height:2em;color:#384f6f}#studioValue{min-width:48px;font-weight:700}
.print-color-controls{margin:16px 0;padding:14px;border:1px solid #d7e2f3;border-radius:12px;background:#fff}.print-color-controls select{width:100%;max-width:100%}.print-color-controls .button-row{display:flex;flex-wrap:wrap;gap:8px}.print-color-controls [data-color=canvas]{display:block;width:100%;height:auto;cursor:crosshair;touch-action:pan-y;background:#fff}.print-color-controls [data-color=picker]{max-height:65vh;overflow:auto;margin:12px 0;border:1px solid #d7e2f3;padding:8px}.print-color-controls .color-manual-label{display:flex;align-items:center;gap:6px}.print-color-controls input[type=color]{width:48px;height:40px;padding:3px}.print-color-swatches{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.print-color-swatches button{border-left:12px solid var(--color);font-size:12px}.print-color-warning{color:#475773}#finalPrintViewer[aria-busy=true]{opacity:.35;pointer-events:none}
@media(max-width:600px){#finalPrintDialog{padding:12px}#finalPrintViewer{display:flex;flex-direction:column}.document-thumbs{display:flex;max-height:100px;gap:7px;overflow:auto}.document-thumbs button{min-width:90px}.document-thumbs canvas{max-height:65px}.document-scroll{max-height:55vh}.document-nav{gap:5px}.document-nav button{font-size:11px}.document-selection button{font-size:12px}}
#finalPrintDialog>.button-row{position:sticky;bottom:-20px;background:#fff;padding:12px 0 4px;z-index:2}#finalPrintDialog .document-scroll{height:52vh;height:52dvh;min-height:150px}#finalPrintDialog .document-thumbs{max-height:52vh;max-height:52dvh}
@media(max-width:600px){#finalPrintDialog>.button-row{bottom:-12px}#finalPrintDialog .document-thumbs{max-height:90px}#finalPrintDialog .document-scroll{height:40dvh}}
#finalPrintDialog[open]{display:flex;flex-direction:column;width:min(1360px,calc(100% - 20px));height:min(940px,calc(100dvh - 24px));overflow:hidden}#finalPrintLayout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;flex:1;min-height:0;overflow:hidden}#finalColorPanel{min-width:0;min-height:0;overflow:auto;align-self:stretch;border-radius:12px;background:#f8fbff}#finalColorPanel>summary{display:none}#finalPrintColors .print-color-controls{margin:0}.final-print-main{min-width:0;min-height:0;overflow:auto}#finalPrintViewer{grid-template-columns:110px minmax(0,1fr)}#finalPrintThumbs button[aria-current=true]{border-color:#1769f5;background:#edf4ff}#finalPrintCanvas[data-picking=true]{cursor:crosshair}#finalPrintDialog>.button-row{position:static;flex-shrink:0;gap:8px;flex-wrap:wrap}#savePrintPDF[aria-disabled=true]{opacity:.5;pointer-events:none}#finalPageStatus{min-height:1.5em}
@media(max-width:760px){#finalPrintDialog[open]{padding:12px;width:calc(100% - 12px);height:calc(100dvh - 16px)}#finalPrintLayout{display:flex;flex-direction:column;gap:8px}#finalColorPanel{flex:none;max-height:38dvh;overflow:auto}#finalColorPanel>summary{display:block;position:sticky;top:0;z-index:1;cursor:pointer;padding:12px;background:#edf4ff;color:#17233b;font-weight:700;min-height:44px}.final-print-main{flex:1;overflow:auto}#finalPrintViewer{display:flex;flex-direction:column}#finalPrintDialog .document-scroll{height:36dvh;min-height:150px}#finalPrintDialog .document-thumbs{display:flex;max-height:90px;gap:7px;overflow:auto}#finalPrintDialog .document-thumbs button{min-width:90px}#savePrintPDF{width:100%;justify-content:center}#finalPrintDialog>.button-row{padding-top:8px}}
.named-color-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.named-color-buttons button{display:flex;align-items:center;gap:7px;min-height:44px;padding:10px;font-size:14px}.named-color-dot{width:16px;height:16px;border-radius:50%;background:var(--swatch);border:1px solid #0002;flex:none}.named-color-check{margin-left:auto;visibility:hidden}.named-color-buttons button[aria-pressed=true]{border-color:#1769f5;background:#edf4ff;color:#123b77}.named-color-buttons button[aria-pressed=true] .named-color-check{visibility:visible}@media(max-width:760px){.named-color-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.named-color-buttons button{font-size:13px;padding:8px;gap:5px}}
#finalPrintDialog #nativePrint,#finalPrintDialog #openPrintPDF{display:none}