:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#edf2f7;--panel:#fff;--panel-soft:#f5f8fb;--ink:#18212f;--muted:#657185;--line:#d9e1eb;--accent:#275bb5;--accent-dark:#1f478d;--accent-soft:#e7effd;--green:#1c7a50;--green-soft:#e2f4eb;--red:#bd4141;--red-soft:#fce8e8;--amber:#ae681b;--shadow:0 20px 48px #1f2e4714;background:#edf2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(circle at 82% 0%, #275bb51a, transparent 28rem), linear-gradient(180deg, #fff 0, var(--bg) 470px), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select,.drop-zone,.download-link{cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled,input:disabled,select:disabled,.drop-zone.is-disabled{cursor:not-allowed}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.app-shell{min-height:100vh;padding:28px}.layout{grid-template-columns:minmax(300px,350px) minmax(0,1fr);gap:20px;width:min(1480px,100%);margin:0 auto;display:grid}.control-panel,.workspace-head,.toolbar,.empty-state,.status-panel{box-shadow:var(--shadow);background:#fffffff0;border:1px solid #6d7e963b;border-radius:9px}.control-panel{align-self:start;padding:22px;position:sticky;top:28px}.brand{align-items:center;gap:14px;margin-bottom:20px;display:flex}.brand-mark{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#346dce,#224b94);border-radius:9px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 10px 22px #275bb53d}.brand-mark svg{width:27px;height:27px}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:850}h1,h2,p{margin-top:0}h1,h2{color:var(--ink);margin-bottom:0;line-height:1.1}h1{font-size:27px}h2{font-size:22px}.home-link,.primary-button,.secondary-button,.download-link{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:820;text-decoration:none;transition:transform .14s,border-color .14s,background .14s,color .14s,opacity .14s;display:inline-flex}.home-link{border:1px solid var(--line);width:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background:#fff;margin:-5px 0 18px;font-size:13px}.home-link:hover,.secondary-button:hover:not(:disabled){color:var(--accent);background:var(--accent-soft);border-color:#9eb8e7}.drop-zone{text-align:center;background:#f8fafc;border:1.5px dashed #9fadc0;border-radius:9px;place-items:center;min-height:160px;padding:22px;transition:transform .15s,border-color .15s,background .15s;display:grid;position:relative}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.drop-zone.is-disabled{opacity:.58;pointer-events:none}.drop-zone input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.drop-icon{width:48px;height:48px;color:var(--accent);background:#fff;border-radius:9px;place-items:center;margin-bottom:11px;display:grid;box-shadow:inset 0 0 0 1px #275bb529}.drop-icon svg{width:25px;height:25px}.drop-title{width:100%;color:var(--ink);font-size:16px;font-weight:850}.drop-subtitle,.privacy-note,.side-stats span,.workspace-hint,.page-meta span,.status-copy span,.result-panel span,.empty-state p{color:var(--muted);font-size:13px;line-height:1.45}.privacy-note{color:var(--green);background:var(--green-soft);border-radius:8px;align-items:flex-start;gap:9px;margin:13px 0 18px;padding:11px 12px;display:flex}.privacy-note svg{flex:0 0 18px;width:18px;height:18px;margin-top:1px}.privacy-note span{color:#31674d}.side-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px;display:grid}.side-stats div{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:3px;padding:10px 11px;display:grid}.side-stats strong{color:var(--ink);font-size:16px}.export-settings{gap:14px;margin-bottom:17px;display:grid}.watermark-settings{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;margin:0;padding:12px}.watermark-switch{cursor:pointer;align-items:center;gap:10px;display:flex}.watermark-switch input{width:18px;height:18px;accent-color:var(--accent)}.watermark-switch>span{gap:2px;display:grid}.watermark-switch strong{color:var(--ink);font-size:13px}.watermark-switch small{color:var(--muted);font-size:11px}.watermark-controls{border-top:1px solid var(--line);gap:12px;margin-top:12px;padding-top:12px;display:grid}.watermark-range{gap:7px;display:grid}.watermark-range>span{color:#2a3547;justify-content:space-between;gap:12px;font-size:12px;font-weight:800;display:flex}.watermark-range input{width:100%;accent-color:var(--accent)}.field{gap:7px;display:grid}.field>span{color:#2a3547;font-size:13px;font-weight:800}select,input[type=text]{border:1px solid var(--line);width:100%;min-height:43px;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:0 11px}select:focus,input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #275bb521}.filename-field{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;display:flex;overflow:hidden}.filename-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #275bb521}.filename-field input{min-width:0;box-shadow:none;border:0;border-radius:0}.filename-field span{color:var(--muted);-webkit-user-select:none;user-select:none;padding:0 11px 0 5px;font-size:13px;font-weight:800}.primary-button{color:#fff;background:linear-gradient(135deg,#2d65c4,#244f98);border:0;width:100%;min-height:48px;box-shadow:0 10px 22px #275bb530}.split-button{width:100%;margin-top:9px}.shortcut-help{border:1px solid var(--line);background:var(--panel-soft);-webkit-user-select:none;user-select:none;border-radius:8px;margin-top:12px}.shortcut-help summary{color:#3c485a;cursor:pointer;align-items:center;gap:8px;padding:11px 12px;font-size:12px;font-weight:820;list-style:none;display:flex}.shortcut-help summary::-webkit-details-marker{display:none}.shortcut-help dl{gap:7px;margin:0;padding:0 12px 12px;display:grid}.shortcut-help dl div{color:var(--muted);justify-content:space-between;gap:12px;font-size:11px;display:flex}.shortcut-help dt,.shortcut-help dd{margin:0}.shortcut-help dt{color:var(--ink);font-weight:800}.primary-button:hover:not(:disabled),.download-link:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.43}.result-panel{background:var(--green-soft);border:1px solid #b9ddca;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:13px;padding:12px;display:grid}.result-panel strong,.result-panel span{display:block}.result-panel strong{color:#205e41;font-size:14px}.download-link{color:#fff;background:var(--green);min-height:38px;padding:0 11px;font-size:13px}.download-link span{color:#fff}.workspace{align-content:start;gap:16px;min-width:0;display:grid}.workspace-head{justify-content:space-between;align-items:flex-start;gap:20px;padding:20px;display:flex}.history-actions{flex:none;gap:8px;display:flex}.workspace-hint{max-width:720px;margin:8px 0 0}.secondary-button{border:1px solid var(--line);color:#2d394c;background:#fff;padding:0 13px;font-size:13px}.danger-button:hover:not(:disabled){color:var(--red);background:var(--red-soft);border-color:#e0aaaa}.toolbar{justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.toolbar-group{gap:8px;display:flex}.range-panel{box-shadow:var(--shadow);background:#fffffff0;border:1px solid #6d7e963b;border-radius:9px;align-items:end;gap:10px;padding:12px;display:flex}.range-field{flex:1;gap:6px;display:grid}.range-field>span{color:#2a3547;font-size:12px;font-weight:800}.range-field input{-webkit-user-select:none;user-select:none;min-height:42px}.empty-state{text-align:center;align-content:center;place-items:center;min-height:480px;padding:40px;display:grid}.empty-state h2{margin:24px 0 8px}.empty-state p{max-width:470px;margin-bottom:18px}.empty-illustration{width:132px;height:116px;position:relative}.empty-illustration span{background:linear-gradient(#adc1df 0 0) 14px 18px/44px 5px no-repeat,linear-gradient(#d5deeb 0 0) 14px 33px/49px 4px no-repeat,linear-gradient(#d5deeb 0 0) 14px 44px/40px 4px no-repeat,#fff;border:1px solid #c8d5e7;border-radius:7px;width:78px;height:106px;position:absolute;top:0;box-shadow:0 14px 28px #2537531f}.empty-illustration span:first-child{left:0;transform:rotate(-7deg)translateY(7px)}.empty-illustration span:nth-child(2){z-index:2;border-color:#9eb9df;left:27px}.empty-illustration span:nth-child(3){right:0;transform:rotate(7deg)translateY(7px)}.page-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-items:start;gap:14px;display:grid}.page-card{background:#fff;border:1px solid #d2dbe7;border-radius:9px;min-width:0;transition:transform .15s,border-color .15s,box-shadow .15s,opacity .15s;position:relative;overflow:hidden;box-shadow:0 10px 24px #24324912}.page-card:hover{border-color:#a8bddc;transform:translateY(-2px);box-shadow:0 15px 30px #2432491f}.page-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px #275bb524,0 15px 30px #2432491a}.page-card.is-dragging{opacity:.42}.page-card.is-drop-target{border-color:var(--green);box-shadow:0 0 0 3px #1c7a5029}.page-topline{border-bottom:1px solid var(--line);background:#fbfcfe;grid-template-columns:32px 1fr 32px;align-items:center;min-height:42px;padding:5px 7px;display:grid}.page-topline>strong{color:var(--ink);justify-self:center;font-size:14px}.drag-handle{color:#9aa6b7;cursor:grab;justify-self:end;display:grid}.page-checkbox{cursor:pointer;place-items:center;width:28px;height:28px;display:grid;position:relative}.page-checkbox input{opacity:0;position:absolute}.page-checkbox span{color:#0000;background:#fff;border:1.5px solid #abb6c5;border-radius:5px;place-items:center;width:19px;height:19px;display:grid}.page-checkbox svg{stroke-width:2.4px;width:13px;height:13px}.page-checkbox input:checked+span{border-color:var(--accent);color:#fff;background:var(--accent)}.page-checkbox input:focus-visible+span{box-shadow:0 0 0 3px #275bb533}.page-preview{aspect-ratio:4/5;background-color:#f7f9fc;background-image:linear-gradient(45deg,#eef2f7 25%,#0000 25%),linear-gradient(-45deg,#eef2f7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef2f7 75%),linear-gradient(-45deg,#0000 75%,#eef2f7 75%),none;background-position:0 0,0 7px,7px -7px,-7px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:14px 14px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;place-items:center;padding:13px;display:grid;overflow:hidden}.page-preview img{background:#fff;max-width:100%;max-height:100%;transition:transform .18s;display:block;box-shadow:0 8px 18px #1d293d2e}.thumbnail-loading{width:58%;height:84%;color:var(--accent);background:#fff;place-items:center;display:grid;box-shadow:0 8px 18px #1d293d1f}.thumbnail-loading svg{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-meta{gap:3px;min-width:0;padding:11px 12px 9px;display:grid}.page-meta strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.page-meta span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.page-actions{border-top:1px solid var(--line);background:var(--line);grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.page-actions button{color:#586579;background:#fff;border:0;place-items:center;min-height:38px;padding:0;display:grid}.page-actions button:hover:not(:disabled){color:var(--accent);background:var(--accent-soft)}.page-actions button:disabled{color:#c3cad4;background:#f9fafb}.page-actions .remove-page:hover:not(:disabled){color:var(--red);background:var(--red-soft)}.page-actions svg{width:17px;height:17px}.status-panel{justify-content:space-between;align-items:center;gap:16px;padding:15px 16px 19px;display:flex;position:relative;overflow:hidden}.status-copy{align-items:center;gap:11px;min-width:0;display:flex}.status-copy>div{min-width:0;display:grid}.status-copy strong{color:var(--ink);font-size:14px}.status-icon{width:38px;height:38px;color:var(--accent);background:var(--accent-soft);border-radius:8px;flex:0 0 38px;place-items:center;display:grid}.status-pill{color:var(--muted);background:var(--panel-soft);-webkit-user-select:none;user-select:none;border-radius:8px;flex:none;padding:6px 9px;font-size:12px;font-weight:850}.status-pill[data-tone=ready],.status-pill[data-tone=done]{color:var(--green);background:var(--green-soft)}.status-pill[data-tone=working]{color:var(--accent);background:var(--accent-soft)}.status-pill[data-tone=error]{color:var(--red);background:var(--red-soft)}.progress-track{background:#e7ecf2;height:5px;position:absolute;bottom:0;left:0;right:0}.progress-track span{background:linear-gradient(90deg, var(--accent), #3c8a78);width:0;height:100%;transition:width .18s;display:block}@media (width<=1020px){.layout{grid-template-columns:1fr}.control-panel{position:static}.side-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=720px){.app-shell{padding:14px}.control-panel,.workspace-head,.toolbar,.empty-state{padding:16px}.workspace-head,.toolbar,.status-panel{flex-direction:column;align-items:stretch}.workspace-head .secondary-button,.toolbar-group{width:100%}.history-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.range-panel{flex-direction:column;align-items:stretch}.range-panel .secondary-button{width:100%}.toolbar-group .secondary-button{flex:1}.page-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}.side-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.toolbar-group{grid-template-columns:1fr;display:grid}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-preview,.page-meta{padding:9px}.history-actions{grid-template-columns:1fr}.icon-text-button span{display:inline}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}