:root{--chrome-0: #0B2545;--chrome-1: #13315C;--chrome-2: #1B3C68;--chrome-text: #E6ECF4;--chrome-text-dim: #93A5C0;--panel-0: #FBFAF7;--panel-1: #F4F2ED;--panel-2: #EAE7DF;--panel-3: #DFDBD1;--panel-hover: #ECE9E0;--ink-0: #0F1A2E;--ink-1: #2C3A54;--ink-2: #5B6A85;--ink-3: #8A97AE;--rule: #D6D1C4;--rule-strong: #B8B0A0;--accent: #C8551F;--accent-soft: #E8B99A;--accent-tint: #F7E8DC;--ok: #2D6A4F;--ok-tint: #D9E9DF;--warn: #B8860B;--warn-tint: #F5EAC8;--err: #922B21;--err-tint: #F1DCD8;--info: #1B4F72;--info-tint: #D6E4EE;--doc-bg: #4A4741;--doc-paper: #FEFCF7;--doc-shadow: 0 1px 3px rgba(0,0,0,.15), 0 8px 24px rgba(0,0,0,.25);--font-ui: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;--font-serif: "IBM Plex Serif", Georgia, serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--font-indic: "Noto Sans Devanagari", "Inter", sans-serif;--r-sm: 3px;--r-md: 5px;--r-lg: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-ui);color:var(--ink-0);background:#1a1a1a;font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}body{height:100vh;width:100vw;display:flex;flex-direction:column}.app-window{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--panel-0);display:flex;flex-direction:column;overflow:hidden}.titlebar{height:32px;background:linear-gradient(180deg,#0f2a52,#0b2545);color:var(--chrome-text);display:flex;align-items:center;padding:0 12px;gap:10px;border-bottom:1px solid #051a36;-webkit-user-select:none;user-select:none;flex-shrink:0}.titlebar-logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:12px;letter-spacing:.2px}.titlebar-logo-mark{width:18px;height:18px;background:var(--accent);border-radius:2px;position:relative;display:grid;place-items:center;color:#fff;font-family:var(--font-serif);font-weight:700;font-size:12px;line-height:1}.titlebar-title{flex:1;text-align:center;font-size:11.5px;color:var(--chrome-text-dim);letter-spacing:.3px}.titlebar-title strong{color:var(--chrome-text);font-weight:500}.titlebar-controls{display:flex;gap:2px}.titlebar-btn{width:28px;height:22px;display:grid;place-items:center;color:var(--chrome-text-dim);border-radius:2px;cursor:pointer}.titlebar-btn:hover{background:#ffffff14;color:#fff}.titlebar-btn.close:hover{background:#c42b1c;color:#fff}.menubar{height:28px;background:var(--panel-1);border-bottom:1px solid var(--rule);display:flex;align-items:center;padding:0 8px;gap:2px;flex-shrink:0;font-size:12px}.menubar-item{padding:4px 10px;border-radius:3px;cursor:pointer;color:var(--ink-1)}.menubar-item:hover{background:var(--panel-hover)}.menubar-item.active{background:var(--chrome-0);color:#fff}.menubar-spacer{flex:1}.menubar-meta{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2)}.toolbar{min-height:62px;background:var(--panel-1);border-bottom:1px solid var(--rule);display:flex;align-items:stretch;padding:6px 8px;gap:0;flex-shrink:0}.tool-group{display:flex;flex-direction:column;align-items:center;padding:0 10px;border-right:1px solid var(--rule);min-width:60px}.tool-group:last-child{border-right:none}.tool-group-buttons{display:flex;gap:2px;flex:1;align-items:center}.tool-group-label{font-size:9.5px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.5px;padding-top:3px;font-weight:500}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 8px;border-radius:3px;cursor:pointer;color:var(--ink-1);min-width:42px;font-size:10.5px;border:1px solid transparent}.tool-btn:hover{background:var(--panel-hover);border-color:var(--rule)}.tool-btn.active{background:var(--accent-tint);border-color:var(--accent-soft);color:var(--accent)}.tool-btn.compact{flex-direction:row;gap:6px;padding:6px 10px;min-width:0}.tool-btn svg{width:18px;height:18px;stroke-width:1.5}.tool-btn.compact svg{width:14px;height:14px}.workspace{flex:1;display:flex;min-height:0;background:var(--panel-0)}.left-rail{width:56px;background:var(--chrome-0);border-right:1px solid #051a36;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:2px;flex-shrink:0}.rail-btn{width:40px;height:40px;display:grid;place-items:center;color:var(--chrome-text-dim);border-radius:4px;cursor:pointer;position:relative}.rail-btn:hover{background:var(--chrome-1);color:var(--chrome-text)}.rail-btn.active{background:var(--chrome-1);color:#fff}.rail-btn.active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:2px;background:var(--accent);border-radius:0 2px 2px 0}.rail-btn svg{width:20px;height:20px;stroke-width:1.5}.rail-btn-label{position:absolute;left:44px;top:50%;transform:translateY(-50%);background:var(--chrome-0);color:#fff;padding:4px 8px;border-radius:3px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;border:1px solid var(--chrome-2)}.rail-btn:hover .rail-btn-label{opacity:1}.rail-divider{width:24px;height:1px;background:var(--chrome-2);margin:4px 0}.rail-spacer{flex:1}.left-panel{width:232px;background:var(--panel-1);border-right:1px solid var(--rule);display:flex;flex-direction:column;flex-shrink:0;min-height:0}.panel-header{height:32px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-2);font-weight:600;flex-shrink:0;background:var(--panel-1)}.panel-tabs{display:flex;border-bottom:1px solid var(--rule);background:var(--panel-2);flex-shrink:0}.panel-tab{padding:8px 12px;font-size:11.5px;color:var(--ink-2);cursor:pointer;border-right:1px solid var(--rule);border-bottom:2px solid transparent}.panel-tab.active{background:var(--panel-1);color:var(--ink-0);border-bottom-color:var(--accent)}.panel-body{flex:1;overflow-y:auto;min-height:0}.canvas-area{flex:1;background:var(--doc-bg);overflow:auto;position:relative;min-width:0}.canvas-scroll{padding:32px;display:flex;flex-direction:column;align-items:center;gap:24px;min-height:100%}.right-panel{width:280px;background:var(--panel-1);border-left:1px solid var(--rule);display:flex;flex-direction:column;flex-shrink:0;min-height:0}.statusbar{height:24px;background:var(--chrome-0);color:var(--chrome-text-dim);display:flex;align-items:center;padding:0 12px;gap:16px;font-size:11px;font-family:var(--font-mono);flex-shrink:0;border-top:1px solid #051a36}.statusbar-item{display:flex;align-items:center;gap:6px}.statusbar-item.clickable{cursor:pointer;padding:0 6px;height:100%}.statusbar-item.clickable:hover{background:var(--chrome-1);color:#fff}.statusbar-spacer{flex:1}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}.status-dot.warn{background:var(--warn)}.status-dot.err{background:var(--err)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:10px;font-size:10.5px;font-weight:500;background:var(--panel-2);color:var(--ink-1);border:1px solid var(--rule)}.pill.ok{background:var(--ok-tint);color:var(--ok);border-color:transparent}.pill.warn{background:var(--warn-tint);color:var(--warn);border-color:transparent}.pill.err{background:var(--err-tint);color:var(--err);border-color:transparent}.pill.info{background:var(--info-tint);color:var(--info);border-color:transparent}.pill.accent{background:var(--accent-tint);color:var(--accent);border-color:transparent}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:3px;font-size:11px;background:var(--panel-2);color:var(--ink-1);border:1px solid var(--rule);cursor:pointer}.chip:hover{background:var(--panel-hover)}.chip.active{background:var(--chrome-0);color:#fff;border-color:var(--chrome-0)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:3px;font-size:12px;cursor:pointer;border:1px solid var(--rule-strong);background:#fff;color:var(--ink-0);font-family:inherit}.btn:hover{background:var(--panel-hover)}.btn.primary{background:var(--chrome-0);color:#fff;border-color:var(--chrome-0)}.btn.primary:hover{background:var(--chrome-1)}.btn.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.accent:hover{filter:brightness(1.05)}.btn.small{padding:3px 8px;font-size:11px}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--panel-hover)}.input{padding:5px 8px;border:1px solid var(--rule-strong);border-radius:3px;background:#fff;font-family:inherit;font-size:12px;color:var(--ink-0);width:100%}.input:focus{outline:none;border-color:var(--chrome-1);box-shadow:0 0 0 2px #13315c26}.section{border-bottom:1px solid var(--rule);padding:10px 12px}.section-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-2);font-weight:600;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.kv{display:grid;grid-template-columns:96px 1fr;gap:6px 10px;font-size:11.5px}.kv .k{color:var(--ink-2)}.kv .v{color:var(--ink-0);font-family:var(--font-mono);font-size:11px}.thumbs{display:flex;flex-direction:column;gap:6px;padding:8px}.thumb{display:flex;gap:8px;padding:6px;border-radius:3px;cursor:pointer;align-items:flex-start}.thumb:hover{background:var(--panel-hover)}.thumb.active{background:#fff;box-shadow:inset 0 0 0 1px var(--accent),inset 3px 0 0 var(--accent)}.thumb-page{width:60px;aspect-ratio:8.5 / 11;background:var(--doc-paper);border:1px solid var(--rule-strong);flex-shrink:0;position:relative;overflow:hidden;font-size:4px;padding:3px;line-height:1.2;color:#444}.thumb-meta{flex:1;min-width:0}.thumb-num{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2)}.thumb-label{font-size:11px;color:var(--ink-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paper{background:var(--doc-paper);box-shadow:var(--doc-shadow);position:relative}.paper-a4{width:720px;min-height:990px}.paper-letter{width:720px;min-height:932px}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column}.hair{height:1px;background:var(--rule)}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}.indic{font-family:var(--font-indic)}.dim{color:var(--ink-2)}.muted{color:var(--ink-3)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:6px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#00000059;background-clip:padding-box}.canvas-area::-webkit-scrollbar-thumb{background:#fff3;background-clip:padding-box}.screen-switcher{position:fixed;bottom:36px;left:50%;transform:translate(-50%);background:#0b2545f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px;display:flex;gap:2px;z-index:1000;box-shadow:0 8px 32px #0006}.screen-chip{padding:6px 12px;font-size:11px;color:#ffffffb3;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:6px;white-space:nowrap;font-family:var(--font-ui)}.screen-chip:hover{color:#fff;background:#ffffff0f}.screen-chip.active{background:var(--accent);color:#fff}.screen-chip .num{font-family:var(--font-mono);font-size:10px;opacity:.7}.icon{display:inline-block;width:16px;height:16px}