:root{color:#173b4d;font-synthesis:none;background:#f3f6f8;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{color:#173b4d;cursor:pointer;background:#fff;border:1px solid #c4d2dc;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 15px;font-weight:550;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:#f0f7fa;border-color:#21617c}button:disabled,.disabled{opacity:.48;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #58a1bd}button.primary,.button.primary{color:#fff;background:#21617c;border-color:#21617c}h1,h2,p{margin:0}h1{letter-spacing:-.6px;font-size:25px;line-height:1.2}h2{font-size:17px;font-weight:650}small,.hint{color:#526b78;font-size:13px}input[type=number],input:not([type]),select{width:100%;min-height:44px;color:inherit;background:#fff;border:1px solid #c4d2dc;border-radius:8px;padding:8px}input[type=checkbox]{accent-color:#21617c;flex-shrink:0;width:19px;height:19px}input[type=range]{accent-color:#21617c;width:100%;min-height:40px}label{font-size:14px;display:block}label>select,label>input{margin-top:5px}fieldset{border:0;gap:14px;min-width:0;margin:0;padding:0;display:grid}fieldset:disabled{opacity:.55}.app-shell{max-width:1240px;margin:auto;padding:0 32px}.masthead{justify-content:space-between;align-items:center;gap:15px;padding:28px 0;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand small{font-size:14px}.brand-icon{color:#21617c;font-size:40px;line-height:1}.private-badge{color:#21617c;white-space:nowrap;background:#e1edf2;border-radius:30px;padding:6px 11px;font-size:12px}.panel{background:#fff;border:1px solid #d0dce3;border-radius:13px;overflow:hidden}.import-bar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:16px 20px;display:flex}.import-bar>div{align-items:center;gap:18px;min-width:0;display:flex}.file-button{flex-shrink:0;position:relative}.file-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.samples{flex-shrink:0}.samples>div{margin-top:10px}.samples summary{font-size:13px}.workspace{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.segmented{gap:4px;display:flex}.segmented button{padding:8px 12px;font-size:13px}.segmented button[aria-pressed=true]{color:#21617c;background:#dfeef5;border-color:#21617c}.preview-panel{background:#e8eff3}.preview-heading{padding:16px 20px}.paper-stage{justify-content:center;align-items:center;height:420px;padding:24px;display:flex;overflow:hidden}.paper-stage canvas{object-fit:contain;image-rendering:auto;background:#fff;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 7px 25px #173b4d20}.empty-preview{text-align:center;color:#526b78;max-width:260px}.empty-preview p{margin:15px 0 6px;font-weight:600}.paper-symbol{color:#86a4b3;font-size:70px}.paper-caption{text-align:center;color:#526b78;padding:10px 12px 18px;font-size:13px}.paper-caption span{font-size:12px}.preview-navigation{justify-content:center;align-items:center;gap:18px;padding-bottom:16px;font-size:13px;display:flex}.preview-navigation button{min-width:44px}.pages{border-top:1px solid #d0dce3;padding:18px}.pages h2 small{font-weight:400;display:block}.pages .row button{padding:8px 12px;font-size:13px}.page-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.page-card{background:#f8fafb;border:1px solid #ccd8df;border-radius:8px;overflow:hidden}.page-card.active{background:#dcebf2;border-color:#21617c;box-shadow:0 0 0 1px #21617c}.page-card>button{background:0 0;border:0;border-radius:0;flex-direction:column;gap:6px;width:100%;padding:9px 6px;font-size:12px;display:flex}.thumbnail{justify-content:center;align-items:center;height:64px;display:flex}.thumbnail canvas{max-width:50px;max-height:64px;box-shadow:0 2px 5px #173b4d18}.page-check{border-top:1px solid #ccd8df;justify-content:center;align-items:center;gap:5px;min-height:44px;font-size:12px;display:flex}.selection{overflow-wrap:anywhere;color:#526b78;font-size:12px}.controls{gap:16px;display:grid}.adjust,.printer,.controls>.panel:not(.setup){padding:20px}.section-heading{margin-bottom:18px}.section-heading small{margin-top:3px;display:block}.rotate strong{margin-left:6px;font-weight:500}.brightness-label .brightness-value{float:right;color:#21617c}.hint{margin-top:14px}.setup summary{cursor:pointer;padding:16px 20px;font-size:15px;font-weight:600}.setup summary span{float:right;color:#526b78;font-size:12px;font-weight:400}.setup form{padding:0 20px 20px}.setup p{color:#526b78;font-size:13px}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.setup details{border-block:1px solid #d0dce3;padding-block:8px}.setup details summary{padding:8px 0;font-size:13px}.setup details p{margin-bottom:12px}.setup details label{margin-block:8px}.check{align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}.check input{margin:0}.connection{color:#526b78;white-space:nowrap;font-size:12px}.connection.connected{color:#246e57}.printer>.row{margin-bottom:14px}.printer>button{margin-bottom:8px;margin-right:8px}.restart{background:#f0f6f9;border-left:3px solid #21617c;margin-top:16px;padding:14px;font-size:13px}.restart p{margin:8px 0 12px}.job{font-size:13px}.job p{overflow-wrap:anywhere}.job small{margin-top:10px;display:block}.job progress{accent-color:#21617c;width:100%;height:8px;margin:15px 0;display:block}.job button{margin-top:12px;font-size:13px}.error{color:#8e3c27;background:#fff6f1;border:1px solid #e3b5a7;border-radius:9px;margin:0 0 18px;padding:14px 18px;font-size:14px}.print-bar{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffed;border:1px solid #cbd8e0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:15px 20px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 22px #173b4d0a}.print-bar strong{font-size:15px;display:block}.print-bar small{font-size:12px;display:block}.print-button{min-width:170px}.app-notes{color:#526b78;padding:22px 0 28px;font-size:12px}.app-notes button{margin-top:10px;margin-right:10px;font-size:12px}.app-notes p+p{margin-top:4px}summary{cursor:pointer}summary::marker{color:#21617c}@media (min-width:1100px){.paper-stage{height:500px}}@media (max-width:800px){.app-shell{padding:0 20px}.workspace{grid-template-columns:minmax(0,1fr)}.paper-stage{height:360px}.controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.setup{grid-area:1/2/span 2}.print-bar{bottom:0}}@media (max-width:540px){.app-shell{padding:0 12px}.masthead{padding:20px 4px}h1{font-size:22px}.brand small{font-size:12px}.private-badge{padding:5px 8px;font-size:10px}.import-bar{margin-bottom:14px;padding:14px;display:block}.import-bar>div{display:block}.file-button{width:100%}.file-name{margin-top:9px;font-size:12px;display:block}.samples{margin-top:8px}.workspace{gap:14px}.preview-heading{gap:6px;padding:14px}.preview-heading h2{font-size:15px}.segmented button{padding:7px 10px;font-size:12px}.paper-stage{height:300px;padding:18px 28px}.controls{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.setup{grid-area:auto}.adjust,.printer,.controls>.panel:not(.setup){padding:17px}.page-grid{gap:8px}.pages{padding:14px}.print-bar{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-bottom-right-radius:0;border-bottom-left-radius:0;gap:10px;margin-top:16px}.print-bar>div{min-width:0}.print-bar strong{font-size:13px}.print-bar small{font-size:11px}.print-button{min-width:132px;padding:10px;font-size:14px}.field-grid{gap:10px}.setup form{padding:0 17px 17px}.setup summary{padding:16px 17px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.paper-stage .native-paper{background:#fff;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 7px 25px #173b4d20}.raster-holder{width:100%;height:100%}.paper-stage .raster-holder canvas{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;display:block}
