@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #0b1220;--surface-1: #101b30;--surface-2: #16223c;--text: #e8f1ff;--text-muted: #8fa3c4;--accent: #5ec8ff;--accent-support: #ffb454;--success: #6bcf8f;--danger: #ff6b6b;--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius: 4px;--shadow-panel: 0 8px 24px rgba(0, 0, 0, .35);--glow-focus: 0 0 0 3px rgba(94, 200, 255, .25);--transition-ui: .16s ease-out;--panel-bg: rgba(22, 34, 60, .85)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);overflow-x:hidden}#app{display:flex;flex-direction:column;width:100vw;height:100vh}.toolbar{display:flex;align-items:center;justify-content:space-between;flex:0 0 56px;padding:0 var(--space-5);background:var(--surface-1);box-shadow:var(--shadow-panel);z-index:1}.wordmark{font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:.02em;color:var(--text)}.wordmark-dot{color:var(--accent)}.toolbar-right{display:flex;align-items:center;gap:var(--space-3)}.readout{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);letter-spacing:.02em;font-variant-numeric:tabular-nums}.icon-btn{min-height:44px;min-width:44px;padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.02em;cursor:pointer;transition:background-color var(--transition-ui),color var(--transition-ui)}.toolbar-link{display:inline-flex;align-items:center;text-decoration:none}.icon-btn:hover{color:var(--text);background:#5ec8ff1a}.icon-btn:active{transform:scale(.97)}.icon-btn[aria-pressed=true]{color:var(--accent-support)}.canvas-wrap{position:relative;flex:1 1 auto;min-height:0}#tiling-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#tiling-canvas:active{cursor:grabbing}.scheme-panel{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-2);background:var(--panel-bg);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.scheme-panel-body{display:flex;flex-direction:column;gap:var(--space-1)}.sheet-handle,.rail-toggle{display:none}.scheme-btn{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;text-align:left;cursor:pointer;transition:background-color var(--transition-ui),color var(--transition-ui)}.scheme-btn:hover{color:var(--text);background:#5ec8ff1a}.scheme-btn:active{transform:scale(.97)}.scheme-btn:disabled{color:var(--text-muted);opacity:.5;cursor:not-allowed}.scheme-btn[aria-pressed=true]{background:var(--accent);color:var(--bg);font-weight:600}.export-btn{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.08);color:var(--accent-support);font-weight:600}.export-btn:hover{color:var(--accent-support);background:#ffb45424}@media (min-width: 481px){.rail-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:var(--space-1);border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:1rem;cursor:pointer;transition:background-color var(--transition-ui),color var(--transition-ui)}.rail-toggle:hover{color:var(--text);background:#5ec8ff1a}.rail-toggle:active{transform:scale(.94)}.scheme-panel.rail-collapsed{padding:var(--space-2)}.scheme-panel.rail-collapsed .scheme-panel-body{display:none}}.flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:20}.flash-active{animation:camera-flash .12s ease-out}@keyframes camera-flash{0%{opacity:.08}to{opacity:0}}.toast{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%,12px);padding:var(--space-3) var(--space-5);background:var(--surface-2);color:var(--text);border:1px solid rgba(94,200,255,.3);border-radius:var(--radius);box-shadow:var(--shadow-panel);font-family:var(--font-mono);font-size:.8rem;opacity:0;pointer-events:none;z-index:21;transition:opacity var(--transition-ui),transform var(--transition-ui)}.toast-visible{opacity:1;transform:translate(-50%)}.pan-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border:1px dashed rgba(94,200,255,.4);border-radius:var(--radius);background:#101b30b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--text-muted);font-family:var(--font-mono);font-size:.82rem;letter-spacing:.02em;white-space:nowrap;pointer-events:none;z-index:3;opacity:1;transition:opacity .4s ease-out}.pan-hint-dismissed{opacity:0}.pan-hint-arrow{color:var(--accent);animation:pan-hint-drift 1.4s ease-in-out infinite}.pan-hint-arrow:last-child{animation-direction:reverse}@keyframes pan-hint-drift{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}.crosshair{position:absolute;top:0;left:0;width:16px;height:16px;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity var(--transition-ui);z-index:4}.crosshair.visible{opacity:1}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--accent-support)}.crosshair:before{left:50%;top:0;width:1px;height:100%;transform:translate(-50%)}.crosshair:after{top:50%;left:0;width:100%;height:1px;transform:translateY(-50%)}.survey-readout{position:absolute;top:0;left:0;transform:translate(14px,14px);padding:var(--space-1) var(--space-2);background:var(--panel-bg);border:1px solid rgba(94,200,255,.25);border-radius:var(--radius);color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-ui);z-index:4}.survey-readout.visible{opacity:1}.inspector-panel{position:absolute;left:var(--space-4);bottom:var(--space-4);min-width:220px;padding:var(--space-4);background:var(--panel-bg);border-radius:var(--radius);box-shadow:var(--shadow-panel);border:1px solid rgba(255,180,84,.3)}.inspector-close{position:absolute;top:var(--space-2);right:var(--space-2);width:44px;height:44px;min-height:0;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer;transition:background-color var(--transition-ui),color var(--transition-ui)}.inspector-close:hover{color:var(--text);background:#5ec8ff1a}.inspector-panel dl{margin:0;padding-right:var(--space-8);display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:.78rem}.inspector-panel dt{color:var(--text-muted)}.inspector-panel dd{margin:0;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 480px){.scheme-panel{top:auto;left:0;right:0;bottom:0;padding:0 var(--space-3) var(--space-3);border-radius:var(--radius) var(--radius) 0 0;max-height:65vh;display:flex;flex-direction:column;overflow-y:auto;transform:translateY(calc(100% - 52px));transition:transform var(--transition-ui)}.scheme-panel.sheet-open{transform:translateY(0)}.sheet-handle{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex:0 0 52px;margin:0 calc(var(--space-3) * -1);padding:0 var(--space-3);min-height:44px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.sheet-handle-bar{width:36px;height:4px;border-radius:2px;background:var(--text-muted)}.sheet-handle:hover,.sheet-handle[aria-expanded=true]{color:var(--text)}.sheet-handle:hover .sheet-handle-bar,.sheet-handle[aria-expanded=true] .sheet-handle-bar{background:var(--accent)}.scheme-btn{font-size:.72rem;padding:var(--space-2) var(--space-3)}.toolbar{flex-basis:48px;padding:0 var(--space-4)}.wordmark{font-size:1.05rem}.readout{font-size:.7rem}.toolbar-right{gap:var(--space-2)}.icon-btn{font-size:.68rem;padding:0 var(--space-2);min-width:0}.toast{width:calc(100% - var(--space-6));text-align:center}.inspector-panel{left:var(--space-3);right:var(--space-3);bottom:calc(52px + var(--space-3));min-width:0}.survey-readout{display:none}}:focus-visible{outline:none;box-shadow:var(--glow-focus)}.about{border-top:1px solid rgba(94,200,255,.22);background-color:var(--surface-1);background-image:linear-gradient(rgba(94,200,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(94,200,255,.04) 1px,transparent 1px);background-size:32px 32px}.about-inner{max-width:72ch;margin:0 auto;padding:var(--space-8) var(--space-5)}.about-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,6vw,3rem);letter-spacing:.01em;margin:0 0 var(--space-3)}.about-lede{color:var(--text-muted);font-size:1rem;line-height:1.6;margin:0 0 var(--space-6);max-width:60ch}.about-figure{margin:0 0 var(--space-7)}.about-sample{display:block;width:100%;height:auto;border:1px solid rgba(94,200,255,.25);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.about-figure figcaption{margin-top:var(--space-3);color:var(--text-muted);font-size:.78rem}.about h2{font-family:var(--font-display);font-weight:700;font-size:1.35rem;margin:var(--space-7) 0 var(--space-3);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.06)}.about p,.about li,.about dd{color:var(--text);font-size:.92rem;line-height:1.7}.about-steps{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.about code{padding:1px 5px;border-radius:3px;background:#5ec8ff1a;color:var(--accent);font-size:.85em}.faq{margin:0}.faq dt{font-weight:600;color:var(--accent);margin-top:var(--space-4)}.faq dd{margin:var(--space-1) 0 0;color:var(--text-muted)}.about-cta{margin:var(--space-8) 0 var(--space-6);text-align:center}.cta-btn{display:inline-block;padding:var(--space-3) var(--space-6);border-radius:var(--radius);background:var(--accent);color:var(--bg);font-family:var(--font-display);font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:var(--shadow-panel);transition:transform var(--transition-ui),box-shadow var(--transition-ui)}.cta-btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px #5ec8ff47}.cta-btn:active{transform:translateY(0)}.about-footer{padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.06);color:var(--text-muted);font-size:.82rem;text-align:center}.about-footer a,.faq a,.about-lede a{color:var(--accent)}@media (prefers-reduced-motion: reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}