:root{color-scheme:dark;--bg:#10151e;--panel:#181f2b;--muted:#a5b0c3;--line:#303c50;--accent:#96e2cf}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf3fc;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4vw;border-bottom:1px solid var(--line)}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{color:#c4cede}.brand{font-size:22px;font-weight:750;letter-spacing:2px;color:white}.brand span{font-weight:400;color:var(--accent);font-size:15px}.privacy-tag,.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:700}main{max-width:1600px;margin:auto;padding:30px 4vw}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.intro h1{font-size:clamp(25px,3vw,40px);margin:8px 0}.intro p:not(.eyebrow){color:var(--muted)}.open-actions{display:flex;gap:10px;flex-wrap:wrap}button{font:inherit;cursor:pointer;padding:11px 16px;min-height:42px;border:1px solid transparent;border-radius:8px;background:var(--accent);color:#10241e;font-weight:650}button.secondary{background:#273548;color:#edf3fc;border-color:#41536c}button:hover{filter:brightness(1.12)}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true]{background:#f4c97b;color:#251700}button.text-button{padding-left:0;background:transparent;color:var(--accent);font-size:12px}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #f4c97b;outline-offset:3px}[hidden]{display:none!important}.status-bar{display:flex;gap:12px;align-items:center;min-height:56px}.status-bar p{flex:1;overflow-wrap:anywhere;color:var(--muted);font-size:12px}.status-bar p.error{color:#ffb3ac}.status-bar p.success{color:var(--accent)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 286px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.viewport-wrap{position:relative;min-width:0;height:620px;background:radial-gradient(ellipse at 50% 35%,#29364b,#151d2a);overflow:hidden}.viewport-wrap.drag-over{outline:3px dashed var(--accent);outline-offset:-8px}canvas{width:100%;height:100%;display:block;touch-action:none}.viewport-label{position:absolute;left:20px;top:18px;font-size:10px;color:#c6d3e8;letter-spacing:2px;pointer-events:none}.view-controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:5px;white-space:nowrap}.view-controls button{min-width:40px;padding:8px 12px;background:#253248e8;color:#eff5ff;border-color:#536680}.view-controls button:hover{background:#38506b}#empty,#busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none}#empty h2{font-size:22px;font-weight:500}#empty p{line-height:1.8;color:var(--muted);margin:0 0 20px}#empty span{font-size:11px;color:var(--muted)}.empty-icon{font-size:72px;color:var(--accent)}#busy{background:#10151ee8;z-index:3;color:#edf3fc}.spinner{width:28px;height:28px;border:2px solid #526079;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}aside{border-left:1px solid var(--line);padding:0 22px}aside section{padding:20px 0;border-bottom:1px solid var(--line)}aside section:last-child{border:0}aside h2{font-size:16px;margin:6px 0;overflow-wrap:anywhere}#file-details{color:var(--muted);font-size:11px}dl{margin:18px 0}dl div{display:flex;justify-content:space-between;gap:8px;margin:12px 0}dt{color:var(--muted);font-size:12px}dd{font-variant-numeric:tabular-nums;margin:0;font-size:12px}.fine,.help{font-size:11px;line-height:1.7;color:var(--muted)}#measure-text{color:#f4c97b;font-size:12px;line-height:1.7;min-height:40px}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:26px 0}.notes h2{font-size:14px}.notes p{font-size:12px;color:var(--muted);line-height:1.8}footer{font-size:11px;border-top:1px solid var(--line);border-bottom:0}@media(max-width:760px){header{padding:16px 5vw}.privacy-tag{display:none}header nav{gap:12px;font-size:11px}main{padding:20px 4vw}.intro{align-items:flex-start;flex-direction:column}.intro h1{font-size:28px}.workspace{grid-template-columns:1fr}.viewport-wrap{height:420px;height:min(60svh,500px);min-height:300px}aside{border-left:0;border-top:1px solid var(--line);padding:0 18px}aside section{padding:18px 0}.notes{grid-template-columns:1fr;gap:6px}.view-controls button{padding:8px 10px}.viewport-label{font-size:8px}.status-bar{align-items:flex-start;padding:10px 0}.status-bar p{margin:8px 0}footer{align-items:flex-start;flex-direction:column}footer nav{gap:12px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}