*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#e0e0e0;overflow:hidden;height:100vh}#root{height:100vh}.project-list{display:flex;flex-direction:column;gap:18px;padding:28px;height:100vh;max-height:100vh;overflow:hidden;background:radial-gradient(circle at 0% 0%,rgba(72,122,255,.26),transparent 38%),radial-gradient(circle at 85% 15%,rgba(18,208,193,.14),transparent 34%),linear-gradient(160deg,#0f1d36,#13192b 52%,#0d1221)}.project-list h1{font-size:34px;font-weight:800;margin-bottom:10px;color:#fff;letter-spacing:.2px;line-height:1.15}.project-list .subtitle{color:#b2c0dd;font-size:15px;max-width:760px}.project-hero{border:1px solid rgba(106,135,196,.28);border-radius:16px;padding:24px;background:linear-gradient(145deg,#112445eb,#0c182ee6);box-shadow:0 14px 34px #0000004d}.project-hero-main{display:flex;flex-direction:column;gap:12px}.product-pill{align-self:flex-start;font-size:12px;font-weight:700;color:#9ec7ff;border:1px solid rgba(126,168,223,.45);padding:5px 10px;border-radius:999px;background:#28447a5c;letter-spacing:.35px}.project-hero-kpis{display:flex;flex-wrap:nowrap;gap:12px;max-width:100%;overflow-x:auto;padding-bottom:2px}.hero-kpi-card{flex:1 0 140px;border:1px solid rgba(105,136,193,.25);border-radius:12px;padding:12px;background:#09142a99}.hero-kpi-value{font-size:25px;font-weight:800;color:#f4f8ff}.hero-kpi-label{font-size:12px;color:#9ab0d8;margin-top:3px}.primary-upload-btn{background:linear-gradient(135deg,#2f8dff,#1757dc);border:none;color:#fff;padding:12px 20px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 8px 24px #2f52c759;transition:transform .15s ease,box-shadow .15s ease}.primary-upload-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px #1757dc73}.project-controls{display:flex;align-items:center;gap:12px}.project-controls-elevated{justify-content:space-between;border:1px solid rgba(98,122,170,.3);border-radius:12px;padding:14px;background:#0c162ab8}.project-search-wrap{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.project-search{width:min(560px,100%);background:#0c1125c7;border:1px solid #2e3f6d;color:#dbe3fa;padding:10px 12px;border-radius:8px;font-size:14px}.project-search:focus{border-color:#4a9eff;outline:none}.project-search-meta{color:#90a4ce;font-size:12px;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;flex:1 1 auto;min-height:0;overflow-y:auto;align-content:flex-start;padding-bottom:8px}.project-grid::-webkit-scrollbar{width:10px}.project-grid::-webkit-scrollbar-track{background:#14203c80;border-radius:8px}.project-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b5b9e,#2a4478);border-radius:8px;border:2px solid rgba(20,32,60,.5)}.project-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4a9eff,#3564b0)}.project-grid{scrollbar-width:thin;scrollbar-color:#3b5b9e rgba(20,32,60,.5)}.project-card{position:relative;background:linear-gradient(165deg,#16213e,#101a35);border:1px solid #2a3a65;border-radius:12px;padding:12px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.project-card:hover{border-color:#4a9eff;transform:translateY(-2px);box-shadow:0 10px 20px #050c1e73}.project-delete-btn{position:absolute;top:10px;right:10px;background:#6e1c1ce6;border:1px solid #9a3a3a;color:#f7c2c2;font-size:11px;padding:3px 8px;border-radius:6px;cursor:pointer;z-index:3}.project-delete-btn:hover{background:#8a2a2a;color:#fff}.project-thumb-wrap{width:100%;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;border:1px solid #2a3a5a;background:#0f1730;margin-bottom:10px}.project-thumb{width:100%;height:100%;object-fit:cover;display:block}.project-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#7080a8;font-size:13px}.project-card-name{font-weight:700;font-size:15px;margin-bottom:4px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:58px}.project-card-id{font-size:11px;color:#7f8db1;margin-bottom:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-card-meta{font-size:12px;color:#a4afcc;margin-bottom:4px}.project-card-status{font-size:12px;color:#c8d1ea;margin-bottom:6px}.status-warning{color:#f2bb64}.project-card-time{font-size:11px;color:#8b98b8}.project-list-empty{color:#9ba4c0;font-size:15px;border:1px dashed #2a3a5a;border-radius:10px;padding:16px;text-align:center}.upload-progress{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px}.upload-spinner{width:40px;height:40px;border:4px solid #2a2a4a;border-top-color:#4a9eff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.upload-msg{font-size:16px;color:#fff;font-weight:500}.upload-steps{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#888}.upload-step{padding:2px 0}.upload-card{border-style:dashed;border-color:#3a6a3a}.upload-card:hover{border-color:#4a9eff;background:#1a2744}.upload-modal-overlay{background:#060a14b8;backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)}.upload-modal{width:min(560px,94vw);background:linear-gradient(160deg,#1e293be6,#0f172af0);border:1px solid rgba(148,163,184,.25);border-radius:16px;box-shadow:0 30px 80px #000000a6,0 0 0 1px #ffffff0f,0 0 60px #2563eb1f;overflow:hidden}.upload-modal h3{border-bottom:1px solid rgba(148,163,184,.18);padding-bottom:12px;margin-bottom:18px}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:44px 20px;margin-bottom:16px;border:2px dashed rgba(148,163,184,.4);border-radius:14px;background:#02061059;cursor:pointer;text-align:center;transition:border-color .18s ease,background .18s ease,transform .18s ease;-webkit-user-select:none;user-select:none}.upload-dropzone:hover{border-color:#4a9eff;background:#2563eb1a}.upload-dropzone.active{border-color:#4a9eff;background:#2563eb29;transform:scale(1.01);box-shadow:inset 0 0 40px #2563eb26}.upload-dropzone.disabled{opacity:.55;pointer-events:none}.upload-icon{font-size:38px;line-height:1;color:#60a5fa;animation:uploadFloat 1.6s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(74,158,255,.55))}@keyframes uploadFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.upload-drop-hint{font-size:15px;font-weight:600;color:#e2e8f0}.upload-drop-sub{font-size:12.5px;color:#94a3b8}.upload-drop-multi{font-size:11.5px;color:#38bdf8;margin-top:2px}.upload-file-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:10px 12px;border-radius:10px;background:#02061066;border:1px solid rgba(148,163,184,.18);max-height:140px;overflow-y:auto}.upload-file-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#e2e8f0}.upload-file-ext{flex-shrink:0;font-size:10px;font-weight:800;color:#38bdf8;background:#38bdf81f;border:1px solid rgba(56,189,248,.3);padding:1px 6px;border-radius:4px;letter-spacing:.5px}.upload-file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-size{flex-shrink:0;font-size:11.5px;color:#64748b}.upload-file-total{text-align:right;font-size:11.5px;color:#94a3b8;margin-top:2px}.upload-keep-editable{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:12px;background:#34d39917;border:1px solid rgba(52,211,153,.35);border-radius:8px;cursor:pointer;font-size:13px;color:#d1fae5}.upload-keep-editable input[type=checkbox]{width:16px;height:16px;accent-color:#34d399;cursor:pointer}.upload-keep-editable .upload-keep-editable-label{line-height:1.35}.upload-keep-editable .upload-keep-editable-note{font-size:11.5px;color:#94a3b8;white-space:nowrap}.upload-error{font-size:13px;color:#fca5a5;background:#dc26261f;border:1px solid rgba(220,38,38,.35);padding:8px 12px;border-radius:8px;margin-bottom:12px}.upload-live{margin-bottom:6px}.upload-live-bar{height:8px;border-radius:999px;background:#94a3b826;overflow:hidden;border:1px solid rgba(148,163,184,.18)}.upload-live-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#38bdf8,#4ade80);background-size:200% 100%;animation:uploadProgressSweep 1.4s linear infinite;transition:width .35s ease}@keyframes uploadProgressSweep{0%{background-position:0% 0}to{background-position:200% 0}}.upload-live-status{font-size:13px;color:#cbd5e1;margin:8px 0 4px}.upload-live-steps{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#64748b}.upload-live-step{padding:1px 0}.upload-live-step:first-letter{text-transform:capitalize}.upload-global-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:#060a1499;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;display:flex;align-items:center;justify-content:center;animation:fadeInOverlay .12s ease-out}.upload-global-inner{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:18px;font-weight:700;color:#e2e8f0;padding:48px 64px;border-radius:20px;border:3px dashed #4a9eff;background:#0f172ad9;box-shadow:0 0 80px #2563eb59}.upload-global-inner .upload-icon{font-size:52px}@media (max-width: 760px){.project-list{padding:16px;gap:12px}.project-controls-elevated{flex-direction:column;align-items:stretch;gap:10px}.project-search-wrap{flex-direction:column;align-items:stretch}.primary-upload-btn{width:100%}.project-hero-kpis{flex-wrap:wrap;overflow-x:visible}.hero-kpi-card{flex:1 1 calc(50% - 6px);min-width:140px}.project-grid{grid-template-columns:1fr}.project-card-name{padding-right:0}}@media (max-width: 460px){.hero-kpi-card{flex-basis:100%}}.editor{display:flex;flex-direction:column;height:100vh}.app-tab-bar{display:flex;align-items:flex-end;gap:4px;padding:6px 10px 0;background:#0f172a;border-bottom:1px solid #1e293b;overflow-x:auto;-webkit-user-select:none;user-select:none;flex-shrink:0;z-index:105}.app-tab-home-btn{background:#1e293b;border:1px solid #334155;color:#94a3b8;padding:5px 10px;border-radius:6px 6px 0 0;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease;margin-right:4px}.app-tab-home-btn:hover{background:#334155;color:#fff}.app-tab{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#1e293b;border:1px solid #334155;border-bottom:none;border-radius:8px 8px 0 0;color:#94a3b8;font-size:12px;font-weight:600;cursor:pointer;max-width:220px;min-width:120px;transition:all .15s ease;position:relative}.app-tab:hover{background:#273549;color:#e2e8f0}.app-tab.active{background:#16213e;color:#3b82f6;border-color:#3b82f6;border-bottom:2px solid #16213e;margin-bottom:-1px;box-shadow:0 -2px 10px #3b82f640;font-weight:700}.app-tab-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-tab-close{width:18px;height:18px;border-radius:50%;border:none;background:transparent;color:#94a3b8;font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease}.app-tab-close:hover{background:#ef4444;color:#fff}.app-tab-add{background:transparent;border:1px dashed #334155;color:#64748b;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;margin-bottom:2px;transition:all .15s ease}.app-tab-add:hover{background:#1e293b;color:#3b82f6;border-color:#3b82f6}.editor-topbar{display:flex;flex-direction:column;gap:4px;padding:6px 12px;background:#16213e;border-bottom:1px solid #2a2a4a;z-index:100;flex-shrink:0;max-height:50vh;overflow-y:auto}.editor-topbar-main{display:flex;align-items:center;gap:8px;min-height:34px;flex-wrap:wrap}.editor-topbar-groups{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.editor-topbar-groups::-webkit-scrollbar{display:none}.editor-topbar-context{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#1e293b;border:1px solid #334155;border-radius:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;height:36px;min-height:36px;max-height:36px;box-shadow:inset 0 1px #ffffff0d;scrollbar-width:none;flex-shrink:0}.editor-topbar-context::-webkit-scrollbar{display:none}.floating-context-panel{position:fixed;z-index:260;width:min(720px,96vw);max-width:min(98vw,1400px);min-width:300px;background:#16182a;border:1px solid #2e3444;border-radius:10px;box-shadow:0 8px 30px #00000073;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;overflow:auto}.floating-context-panel.minimized{max-width:min(96vw,260px);resize:none;overflow:hidden}.floating-context-panel.fcp-column-mode{width:auto;max-width:min(96vw,340px);min-width:0;overflow:visible}.floating-context-panel.fcp-column-mode .editor-topbar-context{flex-direction:column;flex-wrap:nowrap;align-items:stretch;height:auto;min-height:0;max-height:70vh;width:100%;box-sizing:border-box}.floating-context-panel.fcp-column-mode .fcp-resize-grip{display:none}.fcp-handle{display:flex;align-items:center;gap:8px;padding:5px 10px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;background:#1e222b;border-bottom:1px solid #2e3444;border-radius:10px 10px 0 0}.fcp-handle:active{cursor:grabbing}.fcp-grip{color:#55608a;font-size:14px}.fcp-title{font-size:11px;font-weight:700;color:#93c5fd;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.fcp-btn{margin-left:auto;background:#ffffff0d;color:#d1d5db;border:1px solid #374151;border-radius:4px;width:24px;height:22px;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.fcp-btn:hover{background:#374151;color:#fff}.floating-context-panel .editor-topbar-context{border-radius:0 0 10px 10px;border:none;box-shadow:none;flex-wrap:wrap;height:auto;min-height:36px;max-height:80vh;overflow-y:auto;overflow-x:hidden}.floating-context-panel.minimized .fcp-handle{border-radius:10px;border-bottom:none}.floating-context-panel.minimized .editor-topbar-context{display:none}.context-subheader{display:flex;flex-direction:column;width:100%;flex-shrink:0;background:#16213e;border-top:1px solid #2a2a4a;border-bottom:1px solid #2a2a4a}.context-subheader .fcp-handle{cursor:default;background:#1a2035;border:1px solid #2e3444;border-bottom:none;border-radius:8px 8px 0 0}.context-subheader .fcp-handle:active{cursor:default}.context-subheader .fcp-grip{color:#93c5fd}.context-subheader .fcp-btn{margin-left:0}.context-subheader .editor-topbar-context{border:1px solid #2e3444;border-radius:0 0 8px 8px;flex-wrap:nowrap;height:38px;min-height:38px;max-height:38px;overflow:hidden;flex-shrink:0}.context-subheader.minimized .editor-topbar-context{display:none}.context-subheader.minimized .fcp-handle{border-bottom:1px solid #2e3444;border-radius:8px}@media (pointer: coarse){.context-subheader .editor-topbar-context{max-height:38px}}.context-subheader .editor-topbar-context.compact .fcp-overflow-zone{display:none!important}.context-subheader .editor-topbar-context.compact.fcp-measure .fcp-overflow-zone{display:inline-flex!important}.fcp-right-btns{margin-left:auto;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.fcp-more-btn{background:#ffffff0d;color:#d1d5db;border:1px solid #374151;border-radius:4px;height:22px;padding:0 8px;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0}.fcp-more-btn:hover{background:#374151;color:#fff}.fcp-more-panel{position:fixed;z-index:400;min-width:260px;max-width:340px;background:#16182a;border:1px solid #2e3444;border-radius:10px;box-shadow:0 8px 30px #00000073;padding:10px;display:flex;flex-direction:column;gap:10px}.fcp-more-head{font-size:11px;font-weight:700;color:#93c5fd;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid #2e3444;padding-bottom:6px}.fcp-more-group{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.fcp-more-group .context-label{margin:0}.fcp-more-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fcp-restore-bar{cursor:default}.fcp-resize-grip{position:absolute;bottom:0;right:0;width:20px;height:20px;display:inline-flex;align-items:flex-end;justify-content:flex-end;padding:2px;font-size:11px;color:#93c5fd;opacity:.8;cursor:nwse-resize;user-select:none;-webkit-user-select:none;border-radius:0 0 10px;background:#94a3b81f}.fcp-resize-grip:hover{background:#93c5fd47;color:#fff}@media (pointer: coarse){.floating-context-panel{max-width:min(98vw,860px)}.floating-context-panel .editor-topbar-context{max-height:42vh}}.context-group{display:flex;align-items:center;gap:6px;background:#0f172aa6;padding:4px 8px;border:1px solid #334155;border-radius:6px}.font-picker{position:relative;display:inline-flex}.font-picker-trigger{display:flex;align-items:center;gap:4px;background:#1e293b;border:1px solid #334155;border-radius:4px;padding:2px 6px;cursor:pointer;min-width:100px;max-width:180px}.font-picker-trigger:hover{border-color:#4a9eff}.font-picker-trigger-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#ddd;line-height:1.4}.font-picker-arrow{font-size:9px;color:#888}.font-picker-dropdown{position:absolute;top:100%;left:0;z-index:100000;background:#111827;border:1px solid #334155;border-radius:6px;box-shadow:0 8px 24px #00000080;min-width:220px;max-height:360px;display:flex;flex-direction:column;margin-top:2px}.font-picker-dropdown.fixed{position:fixed;z-index:1000000}.font-picker-search{border:none;border-bottom:1px solid #334155;background:#1e293b;color:#ddd;padding:6px 10px;font-size:12px;outline:none;width:100%;box-sizing:border-box;border-radius:6px 6px 0 0}.font-picker-search::placeholder{color:#666}.font-picker-list{overflow-y:auto;max-height:300px}.font-picker-item{padding:4px 10px;cursor:pointer;font-size:12px;color:#ccc}.font-picker-item:hover{background:#1e3a5f;color:#fff}.font-picker-item.active{background:#1e40af;color:#fff}.font-picker-sample{pointer-events:none}.font-picker-empty{padding:12px;text-align:center;color:#666;font-size:12px}.context-label{font-size:11px;font-weight:800;color:#60a5fa;text-transform:uppercase;margin-right:2px;letter-spacing:.5px}.icon-align-btn{width:28px;height:28px;border-radius:5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.icon-align-btn:hover{background:#2563eb;color:#fff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 6px #2563eb66}.v-divider{width:1px;height:18px;background:#334155;margin:0 3px}.tool-group{display:flex;flex-direction:column;gap:5px;padding:8px;border:1px solid #2f3f64;border-radius:8px;background:#111e39e6}.tool-group-title{font-size:11px;font-weight:700;color:#8fa8d6;text-transform:uppercase;letter-spacing:.5px}.tool-group-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tool-group-view .zoom-slider{width:90px}.back-btn{background:none;border:1px solid #3a3a5a;color:#aaa;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:13px}.back-btn:hover{background:#2a2a4a;color:#fff}.project-name{font-weight:600;font-size:14px;color:#fff}.project-name-input{min-width:220px;max-width:420px;background:#111e39e6;border:1px solid #33456f;color:#fff;padding:6px 10px;border-radius:6px;font-size:14px;font-weight:700}.project-name-input:focus{outline:none;border-color:#57a6ff;box-shadow:0 0 0 1px #57a6ff59}.page-info{font-size:13px;color:#888}.topbar-spacer{flex:1}.zoom-label{font-size:12px;color:#888;margin-right:4px}.zoom-slider{width:100px;accent-color:#4a9eff}.btn{background:#2a2a4a;border:1px solid #3a3a5a;color:#ccc;padding:3px 8px;border-radius:4px;cursor:pointer;font-size:13px}.btn:hover{background:#3a3a5a;color:#fff}.icon-btn{width:34px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1}.icon-btn-glyph{display:inline-flex;align-items:center;justify-content:center;transform:translateY(-.5px)}.preview-btn{background:#1a4a1a;border-color:#2a6a2a;color:#8f8}.preview-btn:hover{background:#2a6a2a}.review-toggle{display:flex;align-items:center;gap:4px;font-size:12px;color:#888;cursor:pointer;padding:3px 8px;border-radius:4px}.review-toggle input{accent-color:#4a9eff}.review-toggle.reviewed{color:#4a9}.review-toggle.blocked{color:#f66}.save-indicator{font-size:11px;padding:2px 8px;border-radius:3px}.save-indicator.saved{color:#5a5}.save-indicator.dirty{color:#fa5}.save-indicator.saving{color:#5af}.save-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;position:relative;color:#e2e8f0;background:#1e293b;border:1px solid #334155;transition:background .15s,border-color .15s,color .15s}.save-btn:hover:not(:disabled){background:#273449}.save-btn:disabled{opacity:.65;cursor:default}.save-btn.dirty{background:#452a0a;border-color:#b45309;color:#fbbf24}.save-btn.saving{color:#60a5fa;border-color:#3b82f6}.save-dirty-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 5px #f59e0be6}@media (max-width: 1023px){.editor-topbar-main{flex-wrap:wrap}.topbar-spacer{display:none}.tool-group{width:100%}.page-nav{width:96px}.page-nav-masters-wrap,.page-nav-pages{padding:6px}}.editor-body{display:flex;flex:1;overflow:hidden}.layer-panel{width:270px;background:#1e222b;border-left:1px solid #363d4e;padding:10px;display:flex;flex-direction:column;flex-shrink:0;-webkit-user-select:none;user-select:none}.layer-panel-host{position:relative;display:flex;flex-shrink:0;overflow:visible;transition:width .25s ease}.layer-panel-host .layer-panel{height:100%}.layer-panel-host.collapsed{width:0}.layer-panel-host.collapsed>.layer-panel{width:0;padding:0;border:none;overflow:hidden;opacity:0}.layer-panel-host.narrow{position:fixed;top:0;right:0;height:100%;width:min(85vw,330px);z-index:320;pointer-events:none}.layer-panel-host.narrow>.layer-panel{width:100%;height:100%;pointer-events:auto;transform:translate(110%);transition:transform .28s ease;border-left:1px solid #363d4e;box-shadow:-12px 0 40px #0000008c}.layer-panel-host.narrow:not(.collapsed)>.layer-panel{transform:translate(0)}.layer-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:315;pointer-events:auto}.layer-panel-tab{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#1e222b;color:#93c5fd;border:1px solid #363d4e;border-right:none;border-radius:6px 0 0 6px;padding:10px 7px;cursor:pointer;z-index:330;pointer-events:auto;-webkit-user-select:none;user-select:none;font-size:12px;line-height:1;box-shadow:-2px 0 8px #0000004d}.layer-panel-tab:hover{background:#2563eb;color:#fff}.layer-panel-tab.narrow{position:fixed;top:108px;right:0;transform:none;border-radius:8px 0 0 8px;padding:12px 10px;font-size:13px;font-weight:700}.asset-panel{width:210px;background:#1e222b;border-left:1px solid #363d4e;padding:10px;display:flex;flex-direction:column;flex-shrink:0;-webkit-user-select:none;user-select:none;overflow:hidden}.asset-panel-host{position:relative;display:flex;flex-shrink:0;overflow:visible;transition:width .25s ease}.asset-panel-host .asset-panel{height:100%}.asset-panel-host.collapsed{width:0}.asset-panel-host.collapsed>.asset-panel{width:0;padding:0;border:none;overflow:hidden;opacity:0}.asset-panel-host.narrow{position:fixed;top:0;right:0;height:100%;width:min(85vw,290px);z-index:320;pointer-events:none}.asset-panel-host.narrow>.asset-panel{width:100%;height:100%;pointer-events:auto;transform:translate(110%);transition:transform .28s ease;border-left:1px solid #363d4e;box-shadow:-12px 0 40px #0000008c}.asset-panel-host.narrow:not(.collapsed)>.asset-panel{transform:translate(0)}.asset-panel-tab{position:absolute;right:20px;top:38%;transform:translateY(-50%);background:#1e222b;color:#93c5fd;border:1px solid #363d4e;border-radius:6px 0 0 6px;padding:8px 6px;cursor:pointer;z-index:330;pointer-events:auto;-webkit-user-select:none;user-select:none;font-size:12px;line-height:1;box-shadow:-2px 0 8px #0000004d}.asset-panel-tab:hover{background:#7c3aed;color:#fff}.asset-panel-tab.narrow{position:fixed;top:172px;right:0;transform:none;border-radius:8px 0 0 8px;padding:12px 10px;font-size:13px;font-weight:700}.asset-panel-body{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding-top:8px}.asset-panel-hint{color:#9ca3af;font-size:12px;line-height:1.5;padding:6px 4px}.asset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;align-content:start}.asset-tile{position:relative;border-radius:8px;overflow:hidden;border:1px solid #363d4e;background:#262b36;cursor:pointer;padding:4px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;transition:border-color .12s,transform .12s}.asset-tile:hover{border-color:#7c3aed;transform:scale(1.03)}.asset-thumb{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;pointer-events:none;-webkit-user-select:none;user-select:none}.asset-del{position:absolute;top:3px;right:3px;background:#000000b3;color:#f87171;border:none;border-radius:50%;width:18px;height:18px;font-size:10px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:2}.asset-tile:hover .asset-del{display:flex}.asset-del:hover{background:#b91c1c;color:#fff}.asset-grid.inserting .asset-tile{opacity:.55;pointer-events:none}.layer-collapse-btn{background:#ffffff0d;border:1px solid #374151;color:#d1d5db;border-radius:4px;width:26px;height:24px;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:6px;transition:all .12s}.layer-collapse-btn:hover{background:#374151;color:#fff}.layer-panel-host.collapsed .layer-panel-title{white-space:nowrap}.layer-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #2e3444}.layer-panel-title{font-size:12px;font-weight:800;letter-spacing:.5px;color:#93c5fd}.layer-header-actions{display:flex;gap:4px}.layer-icon-btn{background:#ffffff0d;border:1px solid #374151;color:#d1d5db;border-radius:4px;width:26px;height:24px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.layer-icon-btn:hover{background:#374151;color:#fff}.layer-icon-btn.danger:hover{background:#dc2626;color:#fff;border-color:#ef4444}.layer-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:5px;padding-right:2px}.layer-item{width:100%;background:#272d3b;border:1px solid #374151;color:#e5e7eb;padding:6px 8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .12s ease}.layer-item:hover{background:#323a4c;border-color:#4b5563}.layer-item.active{background:#1e3a8a;border-color:#3b82f6;color:#fff;box-shadow:0 0 8px #3b82f666}.layer-item.drag-over{border-top:2px solid #60a5fa;background:#1d4ed8}.layer-drag-handle{color:#6b7280;font-size:12px;cursor:grab}.layer-type-badge{font-size:9px;font-weight:800;padding:2px 4px;border-radius:3px;letter-spacing:.3px}.layer-type-badge.shape{background:#065f46;color:#6ee7b7}.layer-type-badge.image{background:#701a75;color:#f5d0fe}.layer-type-badge.text{background:#1e40af;color:#93c5fd}.layer-item-label{font-size:12px;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-item-quick-actions{display:flex;gap:2px}.layer-sub-btn{background:transparent;border:none;color:#9ca3af;font-size:12px;width:22px;height:22px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center}.layer-sub-btn:hover{background:#ffffff1a;color:#fff}.layer-sub-btn.danger:hover{background:#ef4444;color:#fff}.layer-panel-footer{display:flex;gap:4px;margin-top:10px;padding-top:8px;border-top:1px solid #2e3444}.layer-panel-footer .btn{flex:1;padding:4px 6px;font-size:11px}.page-nav{width:130px;background:#12122a;border-right:1px solid #2a2a4a;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.page-nav-masters-wrap{position:sticky;top:0;z-index:10;flex-shrink:0;overflow-y:auto;padding:8px 8px 4px;scrollbar-width:thin}.sidebar-splitter{flex-shrink:0;height:6px;cursor:row-resize;background:#2a2a4a;border-top:1px solid #1a1a35;border-bottom:1px solid #3a3a5a;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .15s;position:relative;z-index:11}.sidebar-splitter:before{content:"";width:28px;height:3px;border-radius:3px;background:#55608a;transition:background .15s}.sidebar-splitter:hover,.sidebar-splitter.active{background:#0ea5e9}.sidebar-splitter:hover:before,.sidebar-splitter.active:before{background:#fff}.page-nav-pages{flex:1;overflow-y:auto;padding:8px 8px 60px;scroll-behavior:smooth;scrollbar-width:thin}.page-nav-spread-pair{display:flex;gap:2px;margin-bottom:10px;padding:3px;border-radius:8px;border:1px solid transparent;transition:border-color .2s}.page-nav-spread-pair.active-spread{border-color:#3b82f680;background:#3b82f614}.page-nav-spread-left,.page-nav-spread-right{flex:1;min-width:0}.page-nav-spread-left .page-thumb,.page-nav-spread-right .page-thumb{margin-bottom:0}.page-thumb{cursor:pointer;border:2px solid transparent;border-radius:6px;overflow:hidden;margin-bottom:10px;transition:all .2s ease}.page-thumb:hover{border-color:#4a9eff88;transform:translateY(-1px)}.page-thumb.active{border-color:#3b82f6;box-shadow:0 0 14px #3b82f6bf;transform:scale(1.04)}.page-thumb.active .page-thumb-label{background:#2563eb;color:#fff;font-weight:700}.page-thumb.reviewed{border-color:#10b981}.page-thumb.reorder-mode{cursor:default}.page-thumb.reorder-mode:hover{border-color:#f59e0b88;transform:none}.page-thumb img{width:100%;display:block}.page-thumb-label{text-align:center;font-size:11px;padding:3px 2px;background:#16213e;color:#9ca3af;transition:all .2s}.review-check{color:#10b981}.illustrator-toolbox{background:#232731;border:1px solid #363d4e;border-radius:8px;box-shadow:0 12px 36px #000000a6,0 0 0 1px #ffffff0d;padding:5px;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none;width:44px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.illustrator-toolbox.cols-2{width:80px}.toolbox-grip{width:100%;height:22px;background:#191c24;border-radius:5px;cursor:grab;display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;color:#7b88a1;font-size:11px;font-weight:800;letter-spacing:.5px;padding:0 4px}.toolbox-grip:hover{background:#2a3142;color:#60a5fa}.toolbox-grip:active{cursor:grabbing;background:#3b82f6;color:#fff}.toolbox-grip .grip-dots{font-size:13px;margin-right:3px}.toolbox-toggle-cols{background:none;border:none;color:#7b88a1;font-size:14px;cursor:pointer;padding:0;line-height:1;transition:color .15s;flex-shrink:0}.toolbox-toggle-cols:hover{color:#60a5fa}.toolbox-buttons{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center}.toolbox-buttons.cols-2{display:grid;grid-template-columns:34px 34px;gap:3px;width:fit-content;justify-content:center}.toolbox-buttons.cols-2 .toolbox-separator{grid-column:1 / -1;width:100%}.toolbox-buttons .icon-btn{width:34px;height:34px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#d1d5db;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.toolbox-buttons .icon-btn:hover{background:#3b82f633;color:#fff;border-color:#3b82f6}.toolbox-buttons .icon-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#60a5fa;box-shadow:0 0 12px #2563eb99}.toolbox-separator{width:26px;height:1px;background:#363d4e;margin:2px 0}.canvas-area{flex:1;overflow:auto;background:#112;position:relative}.isolation-bar{position:sticky;top:0;left:0;right:0;z-index:100;background:linear-gradient(90deg,#7c3aed,#6d28d9);color:#fff;padding:6px 16px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;text-align:center;justify-content:center;border-bottom:1px solid #5b21b6;transition:background .15s}.isolation-bar:hover{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.isolation-icon{font-size:14px}.isolation-hint{font-weight:400;opacity:.8;font-size:12px}.master-edit-bar{background:linear-gradient(90deg,#0d9488,#0f766e);border-bottom-color:#115e59}.master-edit-bar:hover{background:linear-gradient(90deg,#14b8a6,#0d9488)}.master-locked-layer{pointer-events:none}.master-locked-layer .shape-overlay,.master-locked-layer .image-overlay,.master-locked-layer .text-box-overlay{cursor:default}.master-locked-layer .text-box-content,.master-locked-layer .image-overlay-content{filter:saturate(.92)}.page-nav-masters-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:#7dd3fc;text-transform:uppercase;letter-spacing:.5px;padding:2px 4px 6px}.page-nav-masters-toggle{font-size:10px;color:#94a3b8}.page-nav-masters-new{display:block;width:100%;background:#1e293b;color:#7dd3fc;border:1px solid #2a4a6a;border-radius:4px;padding:5px 8px;margin-bottom:8px;font-size:12px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s}.page-nav-masters-new:hover{background:#2563eb;color:#fff;border-color:#2563eb}.page-nav-masters-list{display:flex;flex-direction:column;gap:4px}.page-nav-master-chip{display:flex;align-items:center;gap:6px;background:#16213e;border:1px solid #2a2a4a;border-radius:6px;padding:4px 6px;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .15s;position:relative}.page-nav-master-chip:hover{border-color:#0ea5e9;background:#1e293b}.page-nav-master-chip.active{border-color:#14b8a6;box-shadow:0 0 10px #14b8a673;background:#0f2a28}.page-nav-master-chip.page-nav-master-none{border-style:dashed;opacity:.8}.page-nav-master-badge{width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.page-nav-master-badge.none{background:linear-gradient(135deg,#475569,#334155);font-size:10px}.page-nav-master-name{flex:1;font-size:12px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-nav-master-edit{background:transparent;color:#60a5fa;border:1px solid #2a4a6a;border-radius:4px;font-size:10px;padding:1px 5px;cursor:pointer;line-height:1.4;flex-shrink:0}.page-nav-master-edit:hover{background:#2563eb;color:#fff;border-color:#2563eb}.page-nav-master-del{background:transparent;color:#f87171;border:none;cursor:pointer;font-size:11px;padding:0 2px;line-height:1;flex-shrink:0}.page-nav-master-del:hover{color:#fca5a5}.page-nav-master-actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.page-nav-master-apply{background:transparent;color:#34d399;border:1px solid #1f6b4f;border-radius:4px;font-size:10px;padding:1px 5px;cursor:pointer;line-height:1.4;flex-shrink:0;position:relative}.page-nav-master-apply:hover{background:#10b981;color:#fff;border-color:#10b981}.page-nav-master-apply-panel{position:absolute;top:calc(100% + 6px);right:0;background:#0b1222;border:1px solid #25354f;border-radius:8px;box-shadow:0 6px 20px #00000080;padding:8px;min-width:200px;z-index:50;display:flex;flex-direction:column;gap:6px}.page-nav-master-apply-option{background:transparent;color:#e2e8f0;border:none;text-align:left;font-size:12px;padding:5px 6px;border-radius:4px;cursor:pointer;white-space:nowrap}.page-nav-master-apply-option:hover{background:#16233c;color:#fff}.page-nav-master-apply-pages{display:flex;flex-direction:column;gap:4px}.page-nav-master-apply-input{background:#0f1a2e;border:1px solid #2a3a5a;border-radius:4px;color:#e2e8f0;font-size:12px;padding:4px 6px;width:100%;box-sizing:border-box}.page-nav-master-apply-input:focus{outline:none;border-color:#0ea5e9}.page-nav-master-apply-go{background:#0ea5e9;color:#fff;border:none;border-radius:4px;font-size:12px;padding:4px 8px;cursor:pointer;text-align:center}.page-nav-master-apply-go:hover{background:#0c8fd4}.page-nav-master-apply-popup{position:fixed;top:0;left:0;right:auto;min-width:290px;max-width:380px;width:auto;z-index:5000;padding:12px;border-radius:10px;box-shadow:0 12px 40px #000000a6,0 0 0 1px #2a4a6a}.page-nav-master-apply-head{font-size:12px;color:#7dd3fc;font-weight:600;padding:2px 2px 8px;border-bottom:1px solid #1e2a44;margin-bottom:8px}.page-nav-master-apply-name{color:#e2e8f0}.page-nav-master-apply-popup .page-nav-master-apply-option{font-size:13px;padding:7px 8px}.page-nav-master-apply-popup .page-nav-master-apply-pages>span{font-size:12px;color:#94a3b8}.page-nav-master-apply-popup .page-nav-master-apply-input{padding:7px 8px;font-size:13px}.page-nav-master-apply-popup .page-nav-master-apply-go{padding:8px;font-size:13px}.page-thumb-master-badge{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:4px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:11;box-shadow:0 0 4px #0009}.page-thumb.master-drop{border-color:#14b8a6;box-shadow:0 0 12px #14b8a699}.canvas-wrapper{display:flex;justify-content:center;align-items:flex-start;padding:100px 100px 400px;min-height:100%;min-width:100%;width:max-content}.canvas-wrapper.spread-mode{align-items:flex-start}.editor-rulers{display:flex;flex-direction:column;width:max-content;position:relative}.editor-rulers-row{display:flex}.editor-ruler-corner{width:24px;height:24px;background:#1a2440;border:1px solid #2a3a5a;box-sizing:border-box;flex-shrink:0;z-index:5}.editor-ruler{position:relative;background:#1a2440;overflow:hidden;box-sizing:border-box}.editor-ruler-h{height:24px;border:1px solid #2a3a5a;border-left:none;border-bottom:none;cursor:col-resize;flex-shrink:0}.editor-ruler-v{width:24px;border:1px solid #2a3a5a;border-top:none;border-left:none;cursor:row-resize;flex-shrink:0}.ruler-tick-major{position:absolute;top:0;bottom:0;width:0;border-left:1px solid #3a4a6a}.ruler-tick-label{position:absolute;left:3px;top:4px;font-size:9px;color:#8fa3c8;white-space:nowrap;pointer-events:none}.ruler-tick-minor{position:absolute;top:13px;bottom:0;width:0;border-left:1px solid #2a3a5a}.ruler-tick-v-major{position:absolute;left:0;right:0;height:0;border-top:1px solid #3a4a6a}.ruler-tick-v-label{position:absolute;left:5px;top:3px;font-size:9px;color:#8fa3c8;white-space:nowrap;pointer-events:none}.ruler-tick-v-minor{position:absolute;left:13px;right:0;height:0;border-top:1px solid #2a3a5a}.ruler-guide{position:absolute;pointer-events:auto;cursor:move;z-index:300}.ruler-guide-h{left:0;right:0;height:10px;margin-top:-5px}.ruler-guide-v{top:0;bottom:0;width:10px;margin-left:-5px}.ruler-guide-h .ruler-guide-line{position:absolute;left:0;right:0;top:5px;border-top:1px dashed #2196f3}.ruler-guide-v .ruler-guide-line{position:absolute;top:0;bottom:0;left:5px;border-left:1px dashed #2196f3}.ruler-guide.locked .ruler-guide-line{border-color:#f87171}.ruler-guide-grip{position:absolute;background:#2196f3;color:#fff;font-size:9px;line-height:1;border-radius:3px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;pointer-events:none}.ruler-guide-h .ruler-guide-grip{left:0;top:2px;width:14px;height:10px}.ruler-guide-v .ruler-guide-grip{top:0;left:2px;width:10px;height:14px}.ruler-guide.locked .ruler-guide-grip{background:#f87171}.ruler-guide-del{position:absolute;width:14px;height:14px;padding:0;border:none;border-radius:50%;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;pointer-events:auto;z-index:305;box-shadow:0 1px 4px #00000073}.ruler-guide:hover .ruler-guide-del{display:flex}.ruler-guide-del:hover{background:#dc2626}.ruler-guide-h .ruler-guide-del{left:15px;top:-2px}.ruler-guide-v .ruler-guide-del{left:14px;top:2px}.ruler-guide-menu{position:fixed;z-index:4000;background:#141d33;border:1px solid #2a3a5a;border-radius:6px;padding:4px;display:flex;flex-direction:column;box-shadow:0 8px 24px #00000080}.ruler-guide-menu button{background:transparent;border:none;color:#cfe0ff;text-align:left;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:12px}.ruler-guide-menu button:hover{background:#1f2c4d}.ruler-guide-menu-sep{height:1px;background:#2a3a5a;margin:3px 6px}.canvas-content{position:relative;box-shadow:0 4px 24px #00000080;flex-shrink:0}.canvas-area,.canvas-wrapper,.canvas-content,.canvas-content *{touch-action:none;-webkit-touch-callout:none}.canvas-area{overscroll-behavior:contain}.resize-handle:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.shape-point-handle:after{content:"";position:absolute;top:-13px;right:-13px;bottom:-13px;left:-13px}@media (pointer: coarse){.resize-handle{width:14px;height:14px}.resize-handle.nw,.resize-handle.ne,.resize-handle.sw,.resize-handle.se{width:16px;height:16px}.layer-item{padding:10px 6px}.layer-sub-btn,.layer-icon-btn,.layer-collapse-btn{width:34px;height:30px}.page-thumb{margin:6px auto}}.canvas-content.spread-companion{cursor:pointer;transition:box-shadow .15s}.canvas-content.spread-companion:hover{box-shadow:0 4px 24px #00000080,0 0 0 2px #60a5fa66}.spread-spine{width:1px;flex-shrink:0;margin:100px 0 400px;background:#ffffff26;box-shadow:-1px 0 4px #0000004d,1px 0 4px #0000004d}.spread-page-num{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:11px;color:#94a3b8;background:#00000080;padding:2px 8px;border-radius:4px;pointer-events:none;white-space:nowrap;z-index:10}.canvas-bg{display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.canvas-bg-skeleton{background-color:#334155;background-image:linear-gradient(100deg,transparent 40%,rgba(226,232,240,.22) 50%,transparent 60%);background-size:200% 100%;animation:bgSkeletonShimmer 1.2s linear infinite;z-index:0}@keyframes bgSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.canvas-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,rgba(74,158,255,.16) 1px,transparent 1px),linear-gradient(to bottom,rgba(74,158,255,.16) 1px,transparent 1px);z-index:1}.margin-guide-rect{position:absolute;border:1px dashed rgba(238,98,98,.85);box-shadow:inset 0 0 0 1px #ffffff1f;pointer-events:none;z-index:6}.marquee-rect{position:absolute;border:1px dashed rgba(115,226,255,.95);background:#73e2ff24;pointer-events:none;z-index:8}.selection-marquee-box{position:absolute;border:1.5px dashed #4a9eff;background:#4a9eff2e;box-shadow:inset 0 0 0 1px #ffffff2e,0 0 0 1px #4a9eff59;pointer-events:none;z-index:1000}.image-overlay{position:absolute;border:1.5px solid transparent;border-radius:2px;cursor:move;overflow:visible;z-index:4}.image-overlay:hover{border-color:#ffce5438}.image-overlay.selected{border-color:#ffcc55bf;box-shadow:0 0 0 1px #fc53}.image-overlay-content{width:100%;height:100%;display:block;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none}.shape-overlay{position:absolute;cursor:move;overflow:visible!important;box-sizing:border-box}.shape-overlay svg{overflow:visible!important}.shape-overlay.selected{box-shadow:0 0 0 2px #ffd15ca6,0 0 0 4px #ffd15c33}.shape-point-handle{position:absolute;width:10px;height:10px;background:#fff;border:2px solid #18a0fb;box-shadow:0 2px 6px #0006;cursor:grab;z-index:60;transition:transform .15s ease,background-color .15s ease}.shape-point-handle:hover{transform:scale(1.3);background:#18a0fb}.shape-point-handle.anchor{border-radius:2px;background:#fff;border:2px solid #18a0fb}.shape-point-handle.handle{border-radius:50%;background:#fff;border:2px solid #06b6d4}.shape-point-handle.vertex{border-radius:2px;background:#fff;border:2px solid #18a0fb}.shape-control-line{stroke:#73e2ffe6;stroke-width:1.5;stroke-dasharray:4 3}.text-box-overlay{position:absolute;cursor:move;border:1.5px solid transparent;border-radius:2px;transition:border-color .1s;overflow:visible}.text-box-overlay:hover{border-color:#4a9eff66}.text-box-overlay.selected{border-color:#4a9eff}.text-box-overlay.overflow{border-color:#f44;border-width:2px}.text-box-overlay.low-conf{border-color:#fa0;border-width:2px;border-style:dashed}.text-box-overlay.overflow.low-conf{border-color:#f44;border-style:solid}.text-box-overlay.editing{border-color:#3b82f6;border-width:1px;border-style:dashed;box-shadow:0 0 0 1px #3b82f659;z-index:10}.text-box-overlay.editing,.text-box-overlay.editing .text-box-textarea,.text-box-overlay.editing .text-box-content{cursor:text!important}.text-box-overlay.editing,.text-box-overlay.editing .text-box-textarea{user-select:text;-webkit-user-select:text}.text-box-content{width:100%;height:100%;pointer-events:none;margin:0;padding:0;line-height:1.2}.text-box-content h1{margin:0;font-size:2em;line-height:1.2}.text-box-content h2{margin:0;font-size:1.5em;line-height:1.3}.text-box-content h3{margin:0;font-size:1.17em;line-height:1.4}.text-box-content ul,.text-box-content ol{margin:0;padding-left:1.4em}.text-box-content li{margin:0}.text-box-content code,.text-box-textarea code,.content-editable code{font-family:Consolas,Courier New,monospace;font-weight:700;background:#60a5fa24;padding:0 2px;border-radius:3px}.text-line{min-height:1em}.text-box-content sup,.text-box-content sub,.text-box-textarea sup,.text-box-textarea sub,.content-editable sup,.content-editable sub{font-size:.72em;line-height:0}.text-box-content sup,.text-box-textarea sup,.content-editable sup{vertical-align:super}.text-box-content sub,.text-box-textarea sub,.content-editable sub{vertical-align:sub}.text-box-textarea{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:#fffffff2;resize:none;margin:0;padding:0;line-height:1.2;outline:none;z-index:11;border-radius:2px}.text-box-textarea::placeholder{color:#888;opacity:1}.content-editable ul,.content-editable ol,.text-box-textarea ul,.text-box-textarea ol{padding-left:1.4em;margin:0}.content-editable li,.text-box-textarea li{margin:0}.content-editable h1,.text-box-textarea h1{margin:0;font-size:2em}.content-editable h2,.text-box-textarea h2{margin:0;font-size:1.5em}.content-editable h3,.text-box-textarea h3{margin:0;font-size:1.17em}.text-box-textarea>div,.text-box-content>div,.text-box-textarea>p,.text-box-content>p{margin-bottom:var(--para-spacing, 0)}.text-box-textarea>div:last-child,.text-box-content>div:last-child,.text-box-textarea>p:last-child,.text-box-content>p:last-child{margin-bottom:0}.text-box-textarea .para,.text-box-content .para{margin-bottom:var(--para-spacing, 0)}.text-box-textarea .para:last-child,.text-box-content .para:last-child{margin-bottom:0}.text-on-path-overlay{position:absolute;cursor:move;border:1.5px solid transparent;border-radius:2px;transition:border-color .1s;overflow:visible}.text-on-path-overlay:hover{border-color:#4a9eff66}.text-on-path-overlay.selected{border-color:#4a9eff}.text-on-path-overlay.editing{border-color:#3b82f6;border-width:1px;border-style:dashed;box-shadow:0 0 0 1px #3b82f659;z-index:10}.text-on-path-overlay.editing,.text-on-path-overlay.editing .text-box-textarea{cursor:text!important;user-select:text;-webkit-user-select:text}.text-on-path-svg{position:absolute;pointer-events:none;overflow:visible}.text-on-path-svg text{user-select:none;-webkit-user-select:none}.text-on-path-translating{position:absolute;top:-20px;left:0;background:#1e1e3ad9;color:#8ab4ff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;pointer-events:none;z-index:15;white-space:nowrap}.path-handle{position:absolute;width:10px;height:10px;background:#4a9eff;border:1.5px solid #fff;border-radius:2px;z-index:20;box-shadow:0 0 3px #0000004d;touch-action:none}.path-handle-curv{cursor:ns-resize}.path-handle-curv:hover{background:#e67e22}.path-handle-start,.path-handle-end{cursor:ew-resize}.path-handle-start:hover,.path-handle-end:hover{background:#0ea5e9}.resize-handle{position:absolute;width:10px;height:10px;background:#4a9eff;border:1.5px solid #fff;border-radius:2px;z-index:20;box-shadow:0 0 3px #0000004d}.resize-handle.nw{top:-6px;left:-6px;cursor:nw-resize;width:12px;height:12px}.resize-handle.ne{top:-6px;right:-6px;cursor:ne-resize;width:12px;height:12px}.resize-handle.sw{bottom:-6px;left:-6px;cursor:sw-resize;width:12px;height:12px}.resize-handle.se{bottom:-6px;right:-6px;cursor:se-resize;width:12px;height:12px}.resize-handle.n{top:-6px;left:calc(50% - 5px);cursor:ns-resize}.resize-handle.s{bottom:-6px;left:calc(50% - 5px);cursor:ns-resize}.resize-handle.w{top:calc(50% - 5px);left:-6px;cursor:ew-resize}.resize-handle.e{top:calc(50% - 5px);right:-6px;cursor:ew-resize}.group-frame{position:absolute;border:1.5px solid #a855f7;background:#a855f70a;pointer-events:none;box-shadow:0 0 0 1px #a855f726;z-index:1500}.group-frame .resize-handle{pointer-events:auto;background:#a855f7;z-index:1510}.rotate-zone{position:absolute;width:26px;height:26px;z-index:16;cursor:grab;touch-action:none;pointer-events:auto}.rotate-zone:active{cursor:grabbing}.floating-toolbar{position:fixed;top:92px;left:50%;transform:translate(-50%);background:#1e1e3a;border:1px solid #3a3a5a;border-radius:8px;padding:8px 12px;z-index:200;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 16px #0006}.toolbar-row{display:flex;align-items:center;gap:4px}.toolbar-row select{background:#2a2a4a;border:1px solid #3a3a5a;color:#ddd;padding:3px 6px;border-radius:4px;font-size:12px}.toolbar-row input[type=color]{width:28px;height:24px;border:1px solid #3a3a5a;border-radius:4px;cursor:pointer;background:none;padding:1px}.toolbar-num{width:52px;background:#2a2a4a;border:1px solid #3a3a5a;color:#ddd;padding:3px 6px;border-radius:4px;font-size:12px;text-align:center}.psp-btn{background:#2a2a4a;border:1px solid #3a3a5a;color:#ccc;width:20px;height:22px;padding:0;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center}.psp-btn:hover{background:#3a3a5a;color:#fff}.psp-btn:active{background:#4a9eff;color:#fff}.toolbar-row button{background:#2a2a4a;border:1px solid #3a3a5a;color:#ccc;padding:3px 8px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600}.toolbar-row button:hover{background:#3a3a5a;color:#fff}.toolbar-row button.active{background:#4a9eff;color:#fff;border-color:#4a9eff}.toolbar-label{font-size:11px;color:#888;margin-right:4px}.merge-btn{background:#4a2a6a!important;border-color:#6a3a8a!important;color:#c8a!important}.merge-btn:hover{background:#6a3a8a!important}.multi-select-bar{display:flex;flex-direction:column;gap:6px;padding:8px;background:#2a1a3a;border:1px solid #6a3a8a;border-radius:6px}.multi-select-info{font-size:12px;color:#c8a;font-weight:600;text-align:center}.align-btn{font-size:10px!important;padding:2px 6px!important;text-transform:capitalize}.merge-btn-large{background:#6a2a6a;border:2px solid #aa4aaa;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;text-align:center;transition:all .15s}.merge-btn-large:hover{background:#8a3a8a;border-color:#cc6acc;transform:scale(1.03)}.overflow-badge{background:#6a1a1a;color:#f88;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-align:center}.low-conf-badge{background:#5a4a0a;color:#fc0;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-align:center}.text-box-loading-badge{position:absolute;left:50%;top:-10px;transform:translate(-50%);background:#c0392b;color:#fff;padding:2px 10px;border-radius:4px;font-size:11px;font-weight:700;white-space:nowrap;z-index:200;pointer-events:none;box-shadow:0 1px 4px #0006;border:1px solid rgba(255,255,255,.5)}.text-box-overlay.translating{cursor:wait!important}.toast{position:fixed;bottom:20px;right:20px;background:#2a2a4a;color:#ddd;padding:8px 16px;border-radius:6px;font-size:13px;z-index:999;box-shadow:0 2px 12px #0000004d;border:1px solid #3a3a5a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#112}::-webkit-scrollbar-thumb{background:#3a3a5a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a5a7a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c16bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeInOverlay .15s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c16bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeInOverlay .15s ease-out}.modal,.modal-content{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px;box-shadow:0 25px 60px #000000b3,0 0 0 1px #ffffff0d;color:#f1f5f9;width:min(440px,92vw);max-height:90vh;overflow-y:auto;animation:popModal .2s cubic-bezier(.16,1,.3,1)}@keyframes popModal{0%{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal h2,.modal h3,.modal-content h2,.modal-content h3{font-size:17px;font-weight:700;color:#fff;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #334155;display:flex;align-items:center;justify-content:space-between}.shadow-preview-box{width:100%;height:140px;border-radius:8px;border:1px solid #334155;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background-color:#0f172a;background-image:linear-gradient(45deg,#1e293b 25%,transparent 25%),linear-gradient(-45deg,#1e293b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1e293b 75%),linear-gradient(-45deg,transparent 75%,#1e293b 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;overflow:hidden}.shadow-settings-controls,.settings-controls{display:flex;flex-direction:column;gap:12px}.control-row,.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-row label,.settings-row label{font-size:13px;font-weight:500;color:#94a3b8;min-width:110px}.control-row input[type=range]{flex:1;accent-color:#3b82f6;cursor:pointer}.control-row span{font-size:12px;font-weight:700;color:#60a5fa;min-width:44px;text-align:right}.settings-actions,.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:14px;border-top:1px solid #334155}.settings-actions .btn,.modal-actions .btn{padding:7px 16px;font-size:13px;font-weight:600;border-radius:6px}.settings-actions .btn.primary,.modal-actions .btn.primary{background:#2563eb;color:#fff;border-color:#3b82f6}.settings-actions .btn.primary:hover,.modal-actions .btn.primary:hover{background:#1d4ed8}.settings-actions .btn.danger,.modal-actions .btn.danger{background:#dc2626;color:#fff;border-color:#ef4444}.settings-actions .btn.danger:hover,.modal-actions .btn.danger:hover{background:#b91c1c}.context-menu{position:fixed;z-index:1000;background:#2a2a4a;border:1px solid #4a4a6a;border-radius:6px;padding:4px 0;min-width:180px;box-shadow:0 4px 16px #0006}.context-menu-item{padding:8px 16px;font-size:13px;color:#ddd;cursor:pointer}.context-menu-item:hover{background:#3a3a6a;color:#fff}.context-menu-item.disabled{color:#666;cursor:default}.context-menu-item.disabled:hover{background:transparent}.context-menu-item.danger{color:#f87171}.context-menu-item.danger:hover{background:#7f1d1d;color:#fecaca}.context-menu-sep{height:1px;background:#4a4a6a;margin:4px 0}.glossary-panel{position:fixed;right:0;top:0;bottom:0;width:360px;background:#1a1a2e;border-left:1px solid #3a3a5a;z-index:900;display:flex;flex-direction:column;box-shadow:-4px 0 16px #0000004d}.glossary-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #3a3a5a;font-size:14px;font-weight:600;color:#ccc}.glossary-header button{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:0 4px}.glossary-header button:hover{color:#fff}.glossary-list{flex:1;overflow-y:auto;padding:8px 12px}.glossary-row{display:flex;gap:6px;margin-bottom:6px}.glossary-row input{flex:1;background:#112;border:1px solid #3a3a5a;color:#ddd;padding:6px 8px;border-radius:4px;font-size:13px}.glossary-row input:focus{border-color:#6a5acd;outline:none}.glossary-del{background:none;border:none;color:#f66;font-size:16px;cursor:pointer;padding:0 4px}.glossary-del:hover{color:#f44}.glossary-add-btn{background:#3a5a3a;border:1px solid #4a7a4a;color:#8f8;font-size:16px;cursor:pointer;padding:0 10px;border-radius:4px}.glossary-add-btn:hover{background:#4a7a4a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.modal{background:#1a1a2e;border:1px solid #3a3a5a;border-radius:10px;padding:24px;min-width:400px;max-width:500px;color:#ddd;box-shadow:0 8px 32px #0006}.modal h3{margin:0 0 16px;font-size:16px;color:#eee}.modal h4{margin:12px 0 8px;font-size:13px;color:#aaa}.modal hr{border:none;border-top:1px solid #3a3a5a;margin:12px 0}.settings-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.settings-row label{width:120px;font-size:13px;color:#aaa;flex-shrink:0}.settings-row select,.settings-row input{flex:1;background:#112;border:1px solid #3a3a5a;color:#ddd;padding:6px 10px;border-radius:4px;font-size:13px}.settings-row select:focus,.settings-row input:focus{border-color:#6a5acd;outline:none}.settings-key-hint{font-size:11px;color:#888}.settings-note{font-size:12px;color:#888;padding:8px 0}.settings-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.translating-indicator{color:#fc0;font-size:12px;font-weight:600;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ocr-busy-indicator{color:#8ef;font-size:12px;font-weight:700;animation:pulse 1s ease-in-out infinite}.photogimp-tools-highlight{animation:gimpToolsGlow 1.2s ease-in-out infinite;border:1px solid #a78bfa!important;border-radius:8px!important}@keyframes gimpToolsGlow{0%,to{box-shadow:0 0 0 2px #a78bfa59;background:#a78bfa14}50%{box-shadow:0 0 0 5px #a78bfa99;background:#a78bfa29}}.topbar-divider{width:1px;height:20px;background:#3a3a5a;margin:0 4px}.btn.ocr-active{background:#4a2a6a;border-color:#7a4aaa;color:#d8f}.btn.ocr-btn{background:#2a4a4a;border-color:#3a7a7a;color:#8ef}.btn.ocr-btn:hover{background:#3a6a6a}.btn.ocr-inpaint-btn{background:#4a2a2a;border-color:#7a3a3a;color:#f88}.btn.ocr-inpaint-btn:hover{background:#6a3a3a}.btn.inpaint-btn{background:#4a3a1a;border-color:#7a6a2a;color:#fc8}.btn.inpaint-btn:hover{background:#6a5a2a}.btn.toggle-bg-btn{background:#2a3a4a;border-color:#3a5a7a;color:#8cf;font-size:12px}.btn.toggle-bg-btn:hover{background:#3a4a5a}.btn.toggle-bg-btn.active{background:#4a2a1a;border-color:#7a4a2a;color:#fa8}.btn.toggle-overlay-btn{background:#2a3a4a;border-color:#3a5a7a;color:#8cf;font-size:12px}.btn.toggle-overlay-btn:hover{background:#3a4a5a}.btn.toggle-overlay-btn.active{background:#4a2a4a;border-color:#7a3a7a;color:#f8f}.btn:disabled{opacity:.5;cursor:not-allowed}.canvas-wrapper.ocr-region-mode{cursor:default}.canvas-content.ocr-region-mode{cursor:crosshair}.feather-tool-active{cursor:crosshair!important}.canvas-content.ocr-region-mode .text-box-overlay,.canvas-content.ocr-region-mode .image-overlay,.canvas-wrapper.draw-mode .image-overlay,.canvas-wrapper.draw-mode .shape-overlay,.canvas-wrapper.draw-mode .text-box-overlay,.canvas-wrapper.eyedropper-mode .image-overlay,.canvas-wrapper.eyedropper-mode .shape-overlay,.canvas-wrapper.eyedropper-mode .text-box-overlay{pointer-events:none}.canvas-wrapper.marquee-select-mode,.canvas-wrapper.marquee-select-mode .canvas-content{cursor:crosshair}.canvas-wrapper.marquee-select-mode{user-select:none;-webkit-user-select:none}.canvas-wrapper.marquee-select-mode .text-box-overlay,.canvas-wrapper.marquee-select-mode .image-overlay,.canvas-wrapper.marquee-select-mode .shape-overlay{pointer-events:none}.canvas-wrapper.text-tool-mode,.canvas-wrapper.text-tool-mode .canvas-content{cursor:text}.canvas-wrapper.text-tool-mode .text-box-overlay,.canvas-wrapper.text-tool-mode .image-overlay,.canvas-wrapper.text-tool-mode .shape-overlay{pointer-events:none}.ocr-region-rect{position:absolute;border:2px dashed #fa0;background:#ffaa0026;pointer-events:none;z-index:50}.ocr-region-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:6px 12px;background:#1a2a3a;border:1px solid #3a5a7a;border-radius:6px;margin:6px 12px;font-size:13px;color:#aac;max-width:100%;box-sizing:border-box}.erase-all-btn{border-color:#d97706!important;color:#ffd9a8!important}.erase-all-btn.active{background:#d97706!important;border-color:#d97706!important;color:#fff!important}.erase-all-hint{border:1px solid #d97706;background:#2a1a0a;color:#ffd9a8}.erase-all-panel{position:fixed;top:84px;right:14px;z-index:5100;width:380px;max-width:calc(100vw - 28px);background:linear-gradient(180deg,#3a2a12,#241708);border:2px solid #d97706;border-radius:10px;box-shadow:0 6px 24px #0000008c,0 0 18px #d9770659;color:#ffd9a8;font-size:13px;overflow:hidden}.erase-all-panel-head{padding:8px 12px;background:#d9770640;font-weight:800;font-size:14px;border-bottom:1px solid rgba(217,119,6,.4)}.erase-all-panel-body{padding:10px 12px}.erase-all-status{padding:6px 8px;border-radius:6px;margin-bottom:8px;font-size:12.5px}.erase-all-status.ok{background:#22c55e26;border:1px solid #22c55e;color:#86efac}.erase-all-status.warn{background:#f59e0b26;border:1px solid #d97706;color:#fde68a}.erase-all-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.erase-all-actions .btn{flex:1 1 auto;white-space:nowrap}.erase-all-foot{display:flex;gap:6px;justify-content:flex-end;border-top:1px dashed rgba(217,119,6,.35);padding-top:8px}.erase-all-foot .erase-all-exit{border-color:#ef4444;color:#fca5a5}.eraser-size-bar{flex-wrap:wrap}.eraser-size-btn{min-width:44px;padding:2px 6px;font-size:12px;border:1px solid #3a5a7a;border-radius:4px;background:#14202e;color:#cde;cursor:pointer}.eraser-size-btn:hover{border-color:#5a8ab0}.eraser-size-btn.active{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.eraser-size-bar input[type=range]{accent-color:#0ea5e9;width:140px}.eraser-size-val{min-width:34px;text-align:center;color:#eee;font-weight:600}.ocr-mode-hint{padding:6px 12px;background:#1a1a2a;border:1px solid #3a3a5a;border-radius:6px;margin:6px 12px;font-size:13px;color:#888;text-align:center}.canvas-area.ocr-busy{position:relative}.ocr-busy-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:600;background:#0a0e1c8c;display:flex;align-items:center;justify-content:center;pointer-events:all}.ocr-busy-card{min-width:320px;max-width:460px;background:#16213e;border:1px solid #3a5a7a;border-radius:10px;padding:16px 18px;box-shadow:0 8px 24px #00000073;text-align:center}.ocr-busy-spinner{width:32px;height:32px;margin:0 auto 10px;border:3px solid #2a3a5a;border-top-color:#6ad6ff;border-radius:50%;animation:spin .9s linear infinite}.ocr-busy-title{color:#d8ecff;font-size:15px;font-weight:700;margin-bottom:4px}.ocr-busy-subtitle{color:#a9bfd6;font-size:12px;line-height:1.45}.page-thumb{position:relative}.page-thumb-status{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;font-size:10px;line-height:18px;text-align:center;font-weight:700;z-index:10}.page-thumb-status.status-vector{background:#2a4a2a;color:#8c8}.page-thumb-status.status-ocr{background:#2a3a5a;color:#8af}.page-thumb-status.status-scan{background:#5a3a1a;color:#fc8}.page-thumb-status.status-inpainted{background:#1a5a3a;color:#8fc}.checkerboard{background-color:#e5e5f7;opacity:1;background-image:linear-gradient(45deg,#c4c4c4 25%,transparent 25%),linear-gradient(-45deg,#c4c4c4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c4c4c4 75%),linear-gradient(-45deg,transparent 75%,#c4c4c4 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-radius:8px}.shadow-preview-box{width:100%;height:220px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;border:1px solid #2f3f64;overflow:hidden}.shadow-settings-controls .control-row{display:flex;align-items:center;margin-bottom:16px}.shadow-settings-controls .control-row label{width:120px;font-size:14px}.shadow-settings-controls .control-row input[type=range]{flex:1;margin:0 12px}.shadow-settings-controls .control-row span{width:45px;text-align:right;font-size:14px}.batch-task-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.batch-task-card{background:#1e1e2d;padding:24px;border-radius:12px;box-shadow:0 10px 30px #00000080;width:400px;max-width:90vw;text-align:center;border:1px solid #33334d}.batch-task-card h3{margin:0 0 12px;color:#fff;font-size:1.2rem}.batch-task-card p{color:#aaa;margin:0 0 16px;font-size:.95rem}.batch-task-progress-container{background:#2a2a40;border-radius:8px;height:8px;width:100%;overflow:hidden;margin-bottom:20px}.batch-task-progress-bar{background:linear-gradient(90deg,#12d0c1,#0a8a80);height:100%;transition:width .3s ease}.batch-task-actions{display:flex;justify-content:center;gap:12px}.batch-task-btn{padding:8px 16px;border-radius:6px;border:none;font-size:.95rem;cursor:pointer;font-weight:500;transition:opacity .2s}.batch-task-btn:hover{opacity:.8}.batch-task-btn.primary{background:#12d0c1;color:#000}.batch-task-btn.secondary{background:#33334d;color:#fff}.batch-task-btn.danger{background:#ff4d4d;color:#fff}.overflow-indicator{position:absolute;right:2px;bottom:2px;width:16px;height:16px;background:#e74c3c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border-radius:2px;cursor:default;z-index:100;-webkit-user-select:none;user-select:none;border:1px solid white;box-shadow:0 1px 3px #0000004d}.inspector-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:950}.inspector-rect{position:absolute;box-sizing:border-box}.inspector-rect.inspector-orig{border:1.5px solid #ff3b30;outline:1px dashed rgba(255,59,48,.5);background:#ff3b300f;z-index:1}.inspector-rect.inspector-live{border:1.5px solid #34c759;background:#34c7590f;z-index:2}.inspector-rect.inspector-live:after{content:"";position:absolute;left:0;top:0;width:4px;height:4px;background:#34c759}.inspector-rect.inspector-orig:after{content:"";position:absolute;right:0;bottom:0;width:4px;height:4px;background:#ff3b30}.snapshot-mode{cursor:crosshair!important;-webkit-user-select:none!important;user-select:none!important}.snapshot-marquee{border:2px dashed #3b82f6;background:#3b82f61f;pointer-events:none;border-radius:2px;box-shadow:0 0 0 1px #3b82f64d}.snapshot-capture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100000;cursor:crosshair;pointer-events:auto;background:transparent}