:root{--background:#a8aaaf;--foreground:#ededed;--surface:#fff;--surface-raised:#fff;--surface-hover:#f8fafc;--surface-active:#f1f5f9;--field-bg:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#6b7280;--text-inverse:#fff;--border:#e5e7eb;--border-strong:#d1d5db;--accent:#6366f1;--accent-hover:#4f46e5;--focus-ring:#60a5fa;--btn-primary-bg:#0f172a;--btn-primary-bg-hover:#1e293b;--btn-primary-fg:#fff;--danger:#d00011;--danger-bg:#fef2f2;--danger-border:#fecaca;--success:#15803d;--success-bg:#f0fdf4;--success-border:#bbf7d0;--preview-bg-top:#d4dae4;--preview-bg-bottom:#bcc7d4;--preview-glow:hsla(0,0%,100%,.36);--preview-grid:rgba(71,85,105,.1);--canvas-bg:#a8aaaf;--numeric-scrub-cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='20' viewBox='0 0 32 20'%3E%3Cpath d='M2 10L11 4V16Z' fill='%23111827' stroke='white' stroke-width='1.25' stroke-linejoin='round'/%3E%3Cpath d='M30 10L21 4V16Z' fill='%23111827' stroke='white' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E") 16 10,ew-resize}body,html{max-width:100vw;overflow:hidden;overscroll-behavior:none;height:100%;width:100%}html{background:#a8aaaf}body{color:var(--foreground);background:var(--background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.numeric-scrub-active,body.numeric-scrub-active *{cursor:var(--numeric-scrub-cursor)!important}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}:root{--surface:#2c2c2c;--surface-raised:#383838;--surface-hover:#383838;--surface-active:#454545;--field-bg:#1f1f1f;--text-primary:#e6e6e6;--text-secondary:#b3b3b3;--text-muted:#8a8a8a;--text-inverse:#fff;--border:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.16);--accent:#0d99ff;--accent-hover:#3aacff;--focus-ring:#0d99ff;--btn-primary-bg:#0d99ff;--btn-primary-bg-hover:#3aacff;--btn-primary-fg:#fff;--danger:#ff5a5f;--danger-bg:rgba(255,90,95,.12);--danger-border:rgba(255,90,95,.32);--success:#34d058;--success-bg:rgba(52,208,88,.12);--success-border:rgba(52,208,88,.32);--preview-bg-top:#2a2a2a;--preview-bg-bottom:#1c1c1c;--preview-glow:hsla(0,0%,100%,.05);--preview-grid:hsla(0,0%,100%,.05)}}:root{--left-sidebar-width:308px;--right-sidebar-width:316px;--edge-pad:40px}.full-bleed-fixed{position:fixed;inset:0;background-color:var(--canvas-bg)}.map-region{left:var(--left-sidebar-width);right:var(--right-sidebar-width)}.left-sidebar,.map-region{position:absolute;top:0;bottom:0}.left-sidebar{left:0;width:var(--left-sidebar-width);z-index:30}.controls-container{--surface:#fff;--surface-raised:#fff;--surface-hover:#f5f6f8;--surface-active:#f4f5f7;--field-bg:#f4f5f7;--text-primary:#1f2329;--text-secondary:#3a3f46;--text-muted:#9aa0a6;--border:#eef0f2;--border-strong:#e7e8eb;--divider:#eef0f2;--ctrl-border:#e7e8eb;--ctrl-bg:#fff;--label:#5b616b;--text2:#3a3f46;--scrub-bg:#f4f5f7;--scrub-fill:#e7eefb;--group-bg:#fafbfc;--group-border:#eef0f2;--row-divider:#f0f2f4;--accent:#3b82f6;--focus-ring:#3b82f6;--switch-off:#dfe2e6;--grip:#c2c7ce;--btn-primary-bg:#1c1f24;--btn-primary-bg-hover:#2b3037;--btn-primary-fg:#fff;position:absolute;top:0;right:0;bottom:0;width:var(--right-sidebar-width);background:var(--surface);color:var(--text-primary);border-left:1px solid var(--border);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) 0 0;display:flex;flex-direction:column;gap:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;z-index:25}.controls-container::-webkit-scrollbar{width:6px}.controls-container::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.controls-container::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.controls-container::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}@media (prefers-color-scheme:dark){.controls-container{--surface:#1b1e23;--surface-raised:#23272d;--surface-hover:#23272d;--surface-active:#23272d;--field-bg:#23272d;--text-primary:#e9ebee;--text-secondary:#c3c8cf;--text-muted:#848b93;--border:#2b2f36;--border-strong:#2c3138;--divider:#262a30;--ctrl-border:#2c3138;--ctrl-bg:#23272d;--label:#9aa1a9;--text2:#c3c8cf;--scrub-bg:#23272d;--scrub-fill:rgba(96,165,250,.2);--group-bg:#1f232a;--group-border:#2a2f36;--row-divider:#262b31;--accent:#4f9bff;--focus-ring:#4f9bff;--switch-off:#3a4049;--grip:#5a616a;--btn-primary-bg:#356ae0;--btn-primary-bg-hover:#4779ea;--btn-primary-fg:#fff}}@media (max-width:768px){:root{--right-sidebar-width:0px}.controls-container{display:none}}.map-canvas{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;outline:none;touch-action:none;-webkit-touch-callout:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.ios-scroll-shim{position:absolute;bottom:0;height:1px;width:1px}.recording-control{position:absolute;top:16px;right:16px;z-index:55;display:flex;align-items:center;gap:10px;min-height:36px;max-width:min(320px,calc(100% - 32px));padding:6px 8px 6px 10px;border:1px solid rgba(15,23,42,.14);border-radius:8px;background:hsla(0,0%,100%,.9);color:#111827;box-shadow:0 10px 24px rgba(15,23,42,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.recording-dot{flex:0 0 auto;width:8px;height:8px;border-radius:999px;background:#d00011;box-shadow:0 0 0 4px rgba(208,0,17,.12)}.recording-copy{display:flex;align-items:baseline;gap:7px;min-width:0;flex:1 1}.recording-label{min-width:0;overflow:hidden;color:#1f2937;text-overflow:ellipsis;white-space:nowrap}.recording-label,.recording-time{font-size:12px;font-weight:650;line-height:1.2}.recording-time{flex:0 0 auto;color:#64748b;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recording-stop{flex:0 0 auto;min-width:54px;height:26px;padding:0 10px;border:1px solid #111827;border-radius:7px;background:#111827;color:#fff;cursor:pointer;font:inherit;font-size:12px;font-weight:650;line-height:1}.recording-stop:hover{background:#2b3037;border-color:#2b3037}.recording-stop:focus-visible{outline:2px solid rgba(59,130,246,.7);outline-offset:2px}@media (max-width:900px){:root{--left-sidebar-width:0px}.left-sidebar{display:none}}.presentation .map-region{left:0!important;right:0!important}.presentation .controls-container,.presentation .left-sidebar{display:none!important}.presentation .presentation-exit{position:absolute;top:var(--edge-pad);right:var(--edge-pad);z-index:50;width:32px;height:32px;padding:0;border-radius:999px;background:hsla(0,0%,100%,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#1a1a1a;border:1px solid hsla(0,0%,100%,.32);display:inline-grid;place-items:center;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 4px 4px rgba(0,0,0,.12);opacity:.34;transition:opacity .12s ease-out,background-color .12s ease-out}.presentation .presentation-exit:focus-visible,.presentation .presentation-exit:hover{opacity:1;background:hsla(0,0%,100%,.55)}.presentation .presentation-exit:focus-visible{outline:2px solid rgba(26,26,26,.35);outline-offset:2px}