:root{color-scheme:dark;--bg: #0a0e12;--surface-1: #0f151b;--surface-2: #141c24;--text: #dce8ec;--text-muted: #6f8894;--accent: #3fd0e0;--accent-support: #e0a53f;--success: #4fd68c;--danger: #e0623f;--grid-line: rgba(63, 208, 224, .08);--font-display: "JetBrains Mono", ui-monospace, monospace;--font-body: "Inter", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius: 2px;--motion-ui: .18s ease-out}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-body);background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:24px 24px;color:var(--text)}#app{min-height:100%;display:flex;flex-direction:column;padding:var(--space-4) var(--space-6) var(--space-6);gap:var(--space-4)}.app-header{display:flex;align-items:baseline;gap:var(--space-4);flex-wrap:wrap}.wordmark{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.75rem;letter-spacing:.08em;color:var(--text)}.wordmark-accent{color:var(--accent)}.tagline{margin:0;color:var(--text-muted);font-size:.9375rem}.gh-link{margin-left:auto;font-family:var(--font-display);font-size:.8125rem;color:var(--accent);text-decoration:none;padding:var(--space-2) var(--space-3);border:1px solid rgba(63,208,224,.35);border-radius:var(--radius);transition:background-color var(--motion-ui),border-color var(--motion-ui)}.gh-link:hover{border-color:var(--accent);background:#3fd0e01a}.gh-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3);background:var(--surface-2);border:1px solid rgba(63,208,224,.2);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-family:var(--font-body);font-weight:600;font-size:.875rem;white-space:nowrap;padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid rgba(63,208,224,.35);background:var(--surface-1);color:var(--text);cursor:pointer;transition:background-color var(--motion-ui),border-color var(--motion-ui),transform .12s ease-out}.btn:hover{border-color:var(--accent);background:#3fd0e01a}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed;border-color:#3fd0e026;background:var(--surface-1);transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn-primary:hover{background:#59d9e6}.window-count{margin-left:auto;font-family:var(--font-display);font-size:.8125rem;color:var(--text-muted)}.pane-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--space-3);min-height:60vh}.pane{position:relative;background:var(--surface-1);border:1px solid rgba(63,208,224,.2);border-radius:var(--radius);overflow:hidden;min-height:220px}.pane-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.pane-canvas:active{cursor:grabbing}.pane-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.about{border-top:1px solid rgba(63,208,224,.2);background:var(--surface-1);padding:var(--space-8) var(--space-6)}.about-inner{max-width:68ch;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.about h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.5rem;line-height:1.25;color:var(--text)}.about h2{margin:var(--space-4) 0 0;font-family:var(--font-display);font-weight:500;font-size:1.0625rem;color:var(--accent)}.about p,.about li,.faq dd{margin:0;color:var(--text-muted);line-height:1.6}.about ul{margin:0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.about strong{color:var(--text);font-weight:600}.faq{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.faq dt{font-weight:600;color:var(--text)}.faq dd{margin-top:var(--space-1)}.about a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(63,208,224,.35)}.about a:hover{border-bottom-color:var(--accent)}.site-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(63,208,224,.15);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);font-family:var(--font-display);font-size:.8125rem;color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.pane-grid{grid-template-columns:1fr;grid-template-rows:none;min-height:none}.pane{aspect-ratio:1 / 1;min-height:320px}.window-count{margin-left:0;width:100%;order:1}}@media(prefers-reduced-motion:reduce){.btn{transition:none}}