:root{--chrome-bg:#f3f4f6;--chrome-ink:#101316;--chrome-muted-ink:#101316a6;--chrome-accent:#245a8d;--chrome-border:#10131626;--viz-bg:#fdfbf7;--viz-grid-strong:#0000002e}body.theme-dark,body[data-theme=dark]{--chrome-bg:#0c1117;--chrome-ink:#e8edf2;--chrome-muted-ink:#e8edf2b8;--chrome-accent:#4aa3df;--chrome-border:#e7edf42e;--viz-bg:#0a0f14;--viz-grid-strong:#ebf1f738}@font-face{font-family:iAWriterDuoS;src:url(./iAWriterDuoS-Regular-CW_LHp8r.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:iAWriterDuoS;src:url(./iAWriterDuoS-Bold-BR5v5URg.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:iAWriterMonoS;src:url(./iAWriterMonoS-Regular-B8put20p.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:iAWriterMonoS;src:url(./iAWriterMonoS-Bold-DHbjDDRm.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--chrome-panel:#fdfbf757;--chrome-panel-solid:#fffdf9;--chrome-panel-hover:#ffffffeb;--chrome-bg-glow:#fff;--chrome-input-bg:#fff;--chrome-input-ink:#101316;--chrome-input-border:#10131626;--chrome-hint-bg:#ffffffa6;--chrome-hint-ink:#101316a6;--chrome-hint-shadow:0 12px 24px #00000026;--chrome-banner-border:#0000003d;--chrome-banner-ink:#1e1e1e;--chrome-overlay-scrim:#0f121652;--chrome-dialog-bg:#fffffff5;--chrome-dialog-border:#1f232814;--chrome-dialog-shadow:0 28px 60px #0f121640;--chrome-section-border:#00000014;--chrome-soft-surface:#fffdf9e6;--chrome-soft-field:#fffefbe0;--chrome-soft-field-border:#00000026;--chrome-soft-muted:#00000080;--chrome-tag-bg:#1f232814;--chrome-warning-bg:#ffecb3e6;--chrome-warning-ink:#000;--chrome-preview-bg:#ffffffb8;--chrome-preview-border:#1f23281f;--chrome-preview-over-bg:#b45a5a2e;--chrome-preview-over-border:#b45a5a59;--chrome-preview-mark:#1f232899;--chrome-button-bg:var(--chrome-accent);--chrome-button-ink:#fff;--chrome-button-border:transparent;--chrome-button-active-bg:color-mix(in srgb, var(--chrome-accent) 82%, #000);--chrome-button-active-border:color-mix(in srgb, var(--chrome-accent) 92%, #000);--chrome-button-active-text:#fff;--canvas-bg:#fdfbf7;--canvas-map-mode:#2ea44f;--canvas-node:#2d7aa6;--canvas-node-active:#c94b3d;--canvas-node-inactive:#ffffff05;--canvas-node-custom-inactive:#d2d2d233;--canvas-node-shadow:#00000038;--canvas-node-highlight:#ffffff59;--canvas-hover-ring-fill:#ffa8c840;--canvas-hover-ring-stroke:#ffa8c899;--canvas-edge:#0000002e;--canvas-node-stroke:#00000059;--canvas-text-primary:#1e1e1e;--canvas-text-secondary:#2a2a2a;--canvas-lfo:#2f6df6;--canvas-play-fill:#f3d64d;--canvas-looper-fill:#f0bf3a;--canvas-wheel-line:#000;--canvas-wheel-ring:#000;--canvas-wheel-text:#000;--layout-page:#fff;--layout-page-border:#10131626;--layout-page-shadow:#1013162e;--layout-edge:#0000002e;--layout-node-stroke:#00000059;--layout-node-active:#000;--layout-text-primary:#000;--layout-text-secondary:#000;--layout-lfo:#000;--layout-play-fill:#000;--layout-looper-fill:#000;--layout-wheel-line:#000;--layout-wheel-ring:#000;--layout-wheel-text:#000;--font-title:"Noto Serif";--font-ratio:"Noto Serif";--font-note:"Lexend";--font-triangle-label:"Noto Serif";--font-custom-label:"Noto Serif";--font-key-mapping:"Lexend";--left-panel-width:180px;--left-panel-left:16px;--left-panel-inner:86%}@font-face{font-family:HEJI2Text;src:url(./HEJI2Text-B5Fkx4lF.otf)format("opentype");font-display:swap}*{box-sizing:border-box}body{--bg:var(--chrome-bg);--panel:var(--chrome-panel);--panel-solid:var(--chrome-panel-solid);--panel-hover:var(--chrome-panel-hover);--ink:var(--chrome-ink);--accent:var(--chrome-accent);--map-mode:var(--canvas-map-mode);--node:var(--canvas-node);--node-active:var(--canvas-node-active);--border:var(--chrome-border);--canvas:var(--canvas-bg);--muted-ink:var(--chrome-muted-ink);--line:var(--chrome-border);--edge:var(--canvas-edge);--node-stroke:var(--canvas-node-stroke);--text-primary:var(--canvas-text-primary);--text-secondary:var(--canvas-text-secondary);--page:var(--layout-page);--page-border:var(--layout-page-border);--page-shadow:var(--layout-page-shadow);--lfo:var(--canvas-lfo);--play-fill:var(--canvas-play-fill);--looper-fill:var(--canvas-looper-fill);--wheel-line:var(--canvas-wheel-line);--wheel-ring:var(--canvas-wheel-ring);--wheel-text:var(--canvas-wheel-text);--button-bg:var(--chrome-button-bg);--button-ink:var(--chrome-button-ink);--button-border:var(--chrome-button-border);--button-active-bg:var(--chrome-button-active-bg);--button-active-border:var(--chrome-button-active-border);--button-active-text:var(--chrome-button-active-text);background:radial-gradient(circle at top left, var(--chrome-bg-glow), var(--bg));color:var(--muted-ink);margin:0;font-family:Lexend,Helvetica Neue,sans-serif;transition:background .3s,color .3s}body:before{content:"";pointer-events:none;z-index:1;background:0 0;transition:background .3s;position:fixed;inset:0}dialog,[role=dialog]{color:var(--chrome-ink)}dialog input,dialog select,dialog textarea,[role=dialog] input,[role=dialog] select,[role=dialog] textarea{color:var(--chrome-input-ink)}body.theme-dark,body[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--chrome-panel:#0a0f145c;--chrome-panel-solid:#0d1218;--chrome-panel-hover:#0e1319e6;--chrome-bg-glow:#0f151d;--chrome-input-bg:#0f151d;--chrome-input-ink:#fff;--chrome-input-border:#fff;--chrome-hint-bg:#06080bd9;--chrome-hint-ink:#f5f5f0;--chrome-hint-shadow:0 12px 24px #000000bf;--chrome-banner-border:#ffffff4d;--chrome-banner-ink:#f5f5f5;--chrome-overlay-scrim:#0a0a0e99;--chrome-dialog-bg:#0d1218;--chrome-dialog-border:#ffffff14;--chrome-dialog-shadow:0 28px 60px #00000073;--chrome-section-border:#ffffff14;--chrome-soft-surface:#0e1319;--chrome-soft-field:#0d1218;--chrome-soft-field-border:#fff3;--chrome-soft-muted:#ffffff8c;--chrome-tag-bg:#ffffff14;--chrome-warning-bg:#ffecb3d9;--chrome-warning-ink:#000;--chrome-preview-bg:#0a0c1073;--chrome-preview-border:#ffffff14;--chrome-preview-over-bg:#78282859;--chrome-preview-over-border:#b45a5a80;--chrome-preview-mark:#ffffffa6;--chrome-button-bg:color-mix(in srgb, var(--chrome-panel-solid) 88%, #1d2a3a);--chrome-button-ink:#e8edf2;--chrome-button-border:#e7edf438;--chrome-button-active-bg:color-mix(in srgb, var(--chrome-accent) 32%, var(--chrome-panel-solid));--chrome-button-active-border:color-mix(in srgb, var(--chrome-accent) 72%, #fff);--chrome-button-active-text:#f5f7fb;--canvas-bg:#0a0f14;--canvas-map-mode:#33c46b;--canvas-node:#59b0dd;--canvas-node-active:#f5a15b;--canvas-node-inactive:#ffffff08;--canvas-node-custom-inactive:#dce4ec33;--canvas-node-shadow:#0000006b;--canvas-node-highlight:#ffffff6b;--canvas-hover-ring-fill:#8ec4ff38;--canvas-hover-ring-stroke:#8ec4ff9e;--canvas-edge:#e6eef629;--canvas-node-stroke:#e6eef659;--canvas-text-primary:#e8edf2;--canvas-text-secondary:#b8c1cb;--canvas-lfo:#6cb7ff;--canvas-play-fill:#f3d64d;--canvas-looper-fill:#f0bf3a;--canvas-wheel-line:#f5f7fb;--canvas-wheel-ring:#f5f7fb;--canvas-wheel-text:#f5f7fb;background:radial-gradient(circle at top left, var(--chrome-bg-glow), var(--bg))}body[data-theme=sepia]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--chrome-bg:#efe4d1;--chrome-panel:#f5ecdd5c;--chrome-panel-solid:#f8f1e4;--chrome-panel-hover:#f8f1e6eb;--chrome-ink:#3a2b1f;--chrome-muted-ink:#3a2b1fb8;--chrome-accent:#8c4f2b;--chrome-bg-glow:#fff6e8;--chrome-border:#5c3f282e;--chrome-input-bg:#fffaf0;--chrome-input-ink:#3a2b1f;--chrome-input-border:#5c3f2833;--chrome-hint-bg:#fff9f0db;--chrome-hint-ink:#4a3627;--chrome-hint-shadow:0 12px 24px #50301a2e;--chrome-banner-border:#5c3f2838;--chrome-banner-ink:#3a2b1f;--chrome-overlay-scrim:#4a362738;--chrome-dialog-bg:#faf4e9f7;--chrome-dialog-border:#5c3f281f;--chrome-dialog-shadow:0 28px 60px #50301a2e;--chrome-section-border:#5c3f281f;--chrome-soft-surface:#f7efe1e6;--chrome-soft-field:#f9f2e7e0;--chrome-soft-field-border:#5c3f2829;--chrome-soft-muted:#5c3f2894;--chrome-tag-bg:#8c4f2b1a;--chrome-warning-bg:#f8dca8eb;--chrome-warning-ink:#3a2b1f;--chrome-preview-bg:#fffaf2bd;--chrome-preview-border:#5c3f2829;--chrome-preview-over-bg:#a85d422e;--chrome-preview-over-border:#a85d4257;--chrome-preview-mark:#5c3f28a6;--canvas-bg:#f5ecdd;--canvas-map-mode:#5f7a34;--canvas-node:#7a5a3d;--canvas-node-active:#b3552d;--canvas-node-inactive:#634a340f;--canvas-node-custom-inactive:#b0926f33;--canvas-node-shadow:#50301a3d;--canvas-node-highlight:#fff4e061;--canvas-hover-ring-fill:#bd846238;--canvas-hover-ring-stroke:#bd846294;--canvas-edge:#3a2b1f33;--canvas-node-stroke:#3a2b1f59;--canvas-text-primary:#3a2b1f;--canvas-text-secondary:#5e4837;--canvas-lfo:#346b8c;--canvas-play-fill:#d8b14d;--canvas-looper-fill:#c98d34;--canvas-wheel-line:#3a2b1f;--canvas-wheel-ring:#3a2b1f;--canvas-wheel-text:#3a2b1f;background:radial-gradient(circle at top left, var(--chrome-bg-glow), var(--bg))}body[data-theme=solarized-light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--chrome-bg:#f6efe2;--chrome-panel:#eee8d55c;--chrome-panel-solid:#f3efdf;--chrome-panel-hover:#f3efdfeb;--chrome-ink:#586e75;--chrome-muted-ink:#586e75bd;--chrome-accent:#268bd2;--chrome-bg-glow:#fff8eb;--chrome-border:#586e752e;--chrome-input-bg:#f4eedf;--chrome-input-ink:#586e75;--chrome-input-border:#586e7538;--chrome-hint-bg:#faf3dfe0;--chrome-hint-ink:#586e75;--chrome-hint-shadow:0 12px 24px #657b832e;--chrome-banner-border:#586e753d;--chrome-banner-ink:#586e75;--chrome-overlay-scrim:#586e7538;--chrome-dialog-bg:#f7f1e0f7;--chrome-dialog-border:#586e751f;--chrome-dialog-shadow:0 28px 60px #657b832e;--chrome-section-border:#586e751f;--chrome-soft-surface:#f1ecdbe6;--chrome-soft-field:#f4f0e2e0;--chrome-soft-field-border:#586e7529;--chrome-soft-muted:#586e7599;--chrome-tag-bg:#268bd21a;--chrome-warning-bg:#cb4b162e;--chrome-warning-ink:#8b3e16;--chrome-preview-bg:#f6efe0c2;--chrome-preview-border:#586e7529;--chrome-preview-over-bg:#d336821f;--chrome-preview-over-border:#d3368242;--chrome-preview-mark:#586e75a6;--canvas-bg:#eee8d5;--canvas-map-mode:#859900;--canvas-node:#268bd2;--canvas-node-active:#cb4b16;--canvas-node-inactive:#ffffff0d;--canvas-node-custom-inactive:#93a1a138;--canvas-node-shadow:#657b8338;--canvas-node-highlight:#ffffff6b;--canvas-hover-ring-fill:#2aa19829;--canvas-hover-ring-stroke:#2aa19885;--canvas-edge:#586e7538;--canvas-node-stroke:#586e7561;--canvas-text-primary:#586e75;--canvas-text-secondary:#657b83;--canvas-lfo:#2aa198;--canvas-play-fill:#b58900;--canvas-looper-fill:#cb4b16;--canvas-wheel-line:#586e75;--canvas-wheel-ring:#586e75;--canvas-wheel-text:#586e75;background:radial-gradient(circle at top left, var(--chrome-bg-glow), var(--bg))}body[data-theme=solarized-dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--chrome-bg:#002b36;--chrome-panel:#002b3661;--chrome-panel-solid:#07313c;--chrome-panel-hover:#07313ce6;--chrome-ink:#eee8d5;--chrome-muted-ink:#eee8d5bd;--chrome-accent:#268bd2;--chrome-bg-glow:#06313c;--chrome-border:#93a1a138;--chrome-input-bg:#002b36;--chrome-input-ink:#eee8d5;--chrome-input-border:#93a1a152;--chrome-hint-bg:#002b36e6;--chrome-hint-ink:#eee8d5;--chrome-hint-shadow:0 12px 24px #00000073;--chrome-banner-border:#93a1a147;--chrome-banner-ink:#eee8d5;--chrome-overlay-scrim:#00181e94;--chrome-dialog-bg:#07313c;--chrome-dialog-border:#93a1a124;--chrome-dialog-shadow:0 28px 60px #0000006b;--chrome-section-border:#93a1a11f;--chrome-soft-surface:#083540;--chrome-soft-field:#07313c;--chrome-soft-field-border:#93a1a12e;--chrome-soft-muted:#93a1a1c2;--chrome-tag-bg:#268bd21a;--chrome-warning-bg:#cb4b163d;--chrome-warning-ink:#fdf6e3;--chrome-preview-bg:#002b368f;--chrome-preview-border:#93a1a129;--chrome-preview-over-bg:#d336822e;--chrome-preview-over-border:#d336824d;--chrome-preview-mark:#eee8d5ad;--chrome-button-bg:color-mix(in srgb, var(--chrome-panel-solid) 92%, #021f27);--chrome-button-ink:#eee8d5;--chrome-button-border:#93a1a138;--chrome-button-active-bg:color-mix(in srgb, var(--chrome-accent) 28%, var(--chrome-panel-solid));--chrome-button-active-border:color-mix(in srgb, var(--chrome-accent) 70%, #93a1a1);--chrome-button-active-text:#fdf6e3;--canvas-bg:#002b36;--canvas-map-mode:#859900;--canvas-node:#268bd2;--canvas-node-active:#cb4b16;--canvas-node-inactive:#eee8d50a;--canvas-node-custom-inactive:#93a1a138;--canvas-node-shadow:#00000057;--canvas-node-highlight:#eee8d54d;--canvas-hover-ring-fill:#2aa19829;--canvas-hover-ring-stroke:#2aa19885;--canvas-edge:#93a1a133;--canvas-node-stroke:#93a1a157;--canvas-text-primary:#eee8d5;--canvas-text-secondary:#93a1a1;--canvas-lfo:#2aa198;--canvas-play-fill:#b58900;--canvas-looper-fill:#cb4b16;--canvas-wheel-line:#eee8d5;--canvas-wheel-ring:#eee8d5;--canvas-wheel-text:#eee8d5;background:radial-gradient(circle at top left, var(--chrome-bg-glow), var(--bg))}.app{z-index:2;padding:0;position:relative}.top-bar{align-items:center;gap:14px;padding:0;display:flex;position:relative}.title{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:1px;width:182px;min-width:182px;padding-left:30px;display:flex}.title h1{letter-spacing:.3px;white-space:nowrap;margin:0;font-size:22px;font-weight:200}.title-welcome-link{all:unset;cursor:pointer;font:inherit;letter-spacing:inherit;color:inherit;text-decoration:none}.title-welcome-link:hover{text-decoration:underline}.title p{color:var(--muted-ink);margin:0;font-size:10px;line-height:2}.ui-hint{color:var(--chrome-hint-ink);white-space:pre-line;cursor:pointer;z-index:0;pointer-events:auto;background:var(--chrome-hint-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:fit-content;max-width:80vw;box-shadow:var(--chrome-hint-shadow);border-radius:12px;margin:0;padding:10px 14px;font-size:12px;line-height:1.4;display:inline-block;position:relative}.creator{color:var(--muted-ink);opacity:.6;white-space:nowrap;margin:0;font-size:10px}.creator a,.creator a:visited{color:inherit}.panel{background:var(--panel);color:var(--chrome-ink);border:1px solid var(--border);opacity:.34;border-radius:14px;padding:12px 16px;transition:opacity .2s,background-color .2s,border-color .2s}.panel:hover,.panel:focus-within{background:var(--panel-hover);opacity:1}.panel.panel-open{background:var(--panel-hover);opacity:1;transition:none}.panel.panel-open:hover,.panel.panel-open:focus-within{background:var(--panel-hover);opacity:1}.panel.controls{position:relative}.help-toggle{color:var(--muted-ink);pointer-events:auto;align-items:center;gap:6px;font-size:11px;display:inline-flex;position:absolute;bottom:-20px;left:16px}.help-toggle-right{z-index:9;border:none;padding:6px 10px;position:fixed;inset:75px 18px auto auto}.help-toggle input{width:14px;height:14px;margin:0}.help-toggle label{letter-spacing:.2px;margin:0;font-size:11px}.help-toggle-link,.help-toggle-link:visited{color:var(--accent);font-size:11px;text-decoration:underline}.help-toggle-link:hover,.help-toggle-link:focus{color:var(--ink)}.help-toggle-button{cursor:pointer;background:0 0;border:none;margin-right:8px;padding:0;font-family:inherit}body.performance-mode .panel,body.performance-mode .title,body.performance-mode .help-toggle,body.performance-mode .ui-hint,body.performance-mode .keyboard-help,body.performance-mode .preset-overlay,body.performance-mode .interval-chart-overlay,body.performance-mode .layout-overlay,body.performance-mode .layout-font-popover,body.performance-mode .layout-space-popover,body.performance-mode .layout-key-mapping-popover,body.performance-mode .file-share-popover,body.performance-mode dialog,body.performance-mode [role=dialog]{display:none!important}.controls{flex-wrap:wrap;flex:1;align-items:center;gap:10px 12px;display:flex}.controls-wrap{flex-direction:column;flex:1;align-items:flex-start;gap:6px;display:inline-flex}.hint-row{z-index:0;pointer-events:none;justify-content:flex-end;align-items:flex-start;width:auto;max-width:min(320px,45vw);min-height:18px;display:inline-flex;position:fixed;top:105px;right:18px}.banner-message{z-index:10;border:1px solid var(--chrome-banner-border);text-align:center;pointer-events:none;width:auto;max-width:min(92vw,860px);color:var(--chrome-banner-ink);box-shadow:none;opacity:1;background:0 0;border-radius:999px;padding:3px 10px;font-size:13px;line-height:1.35;transition:opacity .5s;display:none;position:fixed;top:10%;left:50%;transform:translate(-50%)}.banner-message button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.banner-message button:hover{color:var(--ink)}.panel-subtext{color:var(--text-secondary);margin-top:6px;font-size:11px;line-height:1.4}.custom-ratio-dialog textarea{resize:vertical;border:1px solid var(--chrome-soft-field-border);background:var(--chrome-soft-field);width:100%;min-height:120px;color:var(--ink);border-radius:12px;padding:8px 10px;font-family:Lexend,sans-serif;font-size:13px;line-height:1.4}.banner-message:not([hidden]){pointer-events:auto;color:var(--chrome-banner-ink);box-shadow:none;background:0 0;display:block}.banner-message.is-fading{opacity:0}.layout-overlay{pointer-events:none;z-index:5;background:#78829138;position:fixed;inset:0}.layout-custom-text-editor[hidden]{display:none}.layout-custom-text-editor{resize:both;pointer-events:auto;background:#fffffff0;border:1px solid #1013164d;border-radius:12px;grid-template-rows:auto 1fr;min-width:140px;min-height:90px;display:grid;position:fixed;overflow:hidden;box-shadow:0 12px 30px #1013162e}.layout-custom-text-drag-handle{letter-spacing:.04em;text-transform:uppercase;color:var(--chrome-muted-ink);cursor:move;-webkit-user-select:none;user-select:none;background:#1013160f;border-bottom:1px solid #1013161a;justify-content:space-between;align-items:center;gap:10px;padding:4px 10px;font-size:11px;line-height:1.4;display:flex}.layout-custom-text-align{cursor:default;gap:4px;display:inline-flex}.layout-custom-text-align button{min-width:24px;color:var(--chrome-muted-ink);font:inherit;text-transform:none;letter-spacing:0;cursor:pointer;background:#ffffffb8;border:1px solid #10131629;border-radius:6px;padding:2px 6px;line-height:1.2}.layout-custom-text-align button.is-active{color:#fff;background:#101316e0;border-color:#101316e0}.layout-custom-text-editor-input{resize:none;width:100%;height:100%;min-height:68px;color:var(--layout-text-secondary);font:inherit;white-space:pre-wrap;background:0 0;border:0;outline:0;padding:10px 12px 12px;line-height:1.2;overflow:auto}.control-actions,.control-actions-group{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.control-actions-panel{background:var(--panel);color:var(--chrome-ink);border:1px solid var(--border);opacity:.34;border-radius:9px;gap:0;padding:5px 8px;transition:opacity .2s,background-color .2s,border-color .2s}.control-actions-panel:hover,.control-actions-panel:focus-within{background:var(--panel-hover);opacity:1}.control-actions-panel.panel-open{background:var(--panel-hover);opacity:1;transition:none}.control-actions-panel>.control-group>button:first-child{color:var(--muted-ink);border:none;border-right:1px solid var(--border);background:0 0;border-radius:0;padding:7px 13px;font-size:12px}.control-actions-panel>.control-group:first-child>button:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.control-actions-panel>.options-toggle>button:first-child{border-right:none;border-top-right-radius:8px;border-bottom-right-radius:8px}.control-actions-panel>#reset-lattice{margin-left:8px}.control-actions-panel>#audio-toggle,.control-actions-panel>#open-overtones,.control-actions-panel>#open-tuner,.control-actions-panel>.ratio-wheel-toggle{margin-left:4px}.control-actions-panel>.control-group>button:first-child:hover,.control-actions-panel>.control-group>button:first-child:focus{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}.control-actions-panel>.control-group>button[aria-expanded=true]:first-child{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.control-actions-divider{background:var(--border);opacity:.7;width:1px;height:22px}.control-group{gap:6px;display:grid}.export-check-status{color:var(--text-secondary);min-height:14px;font-size:11px;line-height:1.35}.control-group-inline{grid-template-columns:auto 1fr;align-items:center;gap:0 10px}.ratios-inline{box-sizing:border-box;background:0 0;border:none;border-radius:0;align-items:center;gap:6px;width:318px;padding:0;display:inline-flex}.ratios-label{letter-spacing:.2px;width:69px;font-size:12px;display:block}.ratio-axis-label{letter-spacing:.8px;text-transform:uppercase;opacity:.75;font-size:10px}.ratios-inline select{border-radius:8px;height:24px;padding:2px 8px;font-size:12px}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.control-inline{align-items:center;gap:8px;display:flex}.subordinate-control{margin-left:0}.subordinate-control.is-disabled{opacity:.45}.fundamental-inline{gap:6px}.fundamental-inline select,.fundamental-inline input{border-radius:8px;height:24px;padding:2px 8px;font-size:12px;line-height:1.2}.fundamental-inline input{box-sizing:border-box;width:94.3px;min-width:92px}.fundamental-inline input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fundamental-inline input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fundamental-inline input[type=number]{-moz-appearance:textfield}.hz-suffix{letter-spacing:.2px;color:var(--muted-ink);margin-left:4px;font-size:10px}.tiny-button{border-radius:8px;min-width:30px;height:22px;padding:0 6px;font-size:11px;line-height:1}.inline-label{letter-spacing:.2px;color:var(--muted-ink);font-size:12px}.synth-mode-label{font-size:12px;font-weight:600}.synth-mode-toggle{flex-wrap:wrap;gap:8px;display:flex}.synth-mode-option{color:var(--ink);align-items:center;gap:6px;font-size:11px;display:inline-flex}.fundamental-spelling-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.control-readout{color:var(--muted-ink);font-size:11px}.checkbox-row{color:var(--ink);align-items:center;gap:8px;font-size:12px;display:flex}.arrow-sep{color:var(--muted-ink);font-size:12px}.radio-row{flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;display:flex}.radio-row label{align-items:center;gap:6px;display:flex}.radio-option{align-items:center;gap:6px;font-size:12px;display:inline-flex}label{letter-spacing:.2px;font-size:13px}input[type=number],select{border:1px solid var(--chrome-input-border);background:var(--chrome-input-bg);color:var(--chrome-input-ink);border-radius:10px;flex:1;padding:8px 10px;font-size:14px}.button-ghost{border:1px solid var(--border);color:var(--ink);background:0 0}.button-ghost:hover,.button-ghost:focus{border-color:var(--accent);color:var(--accent)}#reset-lattice{opacity:.45}#reset-lattice:hover,#reset-lattice:focus{opacity:1}.narrow-select{max-width:110px}input[type=range]{width:100%}#ratio-wheel-mini{width:36px;height:36px}#volume-readout{opacity:.75;font-size:12px}button{appearance:none;border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-ink);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;transition:background .2s,border-color .2s,color .2s}button:active{transform:translateY(1px)}.button-on{background:var(--play-fill);color:#1a1a1a}.button-on:active{transform:translateY(1px)}.nav-3d{top:100px;left:var(--left-panel-left);width:var(--left-panel-width);z-index:9;position:fixed}.nav-3d[hidden],#nav-3d[data-mode="2d"] [data-nav-mode="3d"],#nav-3d[data-mode="3d"] [data-nav-mode="2d"]{display:none}.nav-3d-panel{--panel-inner-width:var(--left-panel-inner);gap:8px;max-height:calc(100vh - 140px);display:grid;overflow:auto}.nav-3d-header{width:100%;color:var(--ink);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.6px;cursor:pointer;background:0 0;border-radius:9px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:12px;font-weight:600;display:flex}.nav-3d-chevron{font-size:12px;transition:transform .2s}.nav-3d-content{gap:8px;display:grid}.nav-3d-content>*{width:var(--panel-inner-width);justify-self:center}.nav-3d-content .control-group,.nav-3d-content .control-inline,.nav-3d-content .nav-3d-buttons{width:100%;min-width:0}.nav-3d-panel.is-collapsed .nav-3d-content{display:none}.nav-3d-panel.is-collapsed .nav-3d-chevron{transform:rotate(-90deg)}.nav-3d-section{gap:6px;display:grid}.nav-3d-title{letter-spacing:.5px;text-transform:uppercase;opacity:.7;font-size:11px}.nav-3d-accordion-toggle{letter-spacing:.5px;text-transform:uppercase;opacity:.7;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0;font-size:11px;display:flex}.nav-3d-accordion-chevron{transition:transform .2s}.nav-3d-accordion-toggle.is-collapsed .nav-3d-accordion-chevron{transform:rotate(-90deg)}.nav-3d-accordion-body[hidden]{display:none}.nav-3d-buttons{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.nav-3d-subsection{gap:6px;display:grid}.nav-3d-subtitle{letter-spacing:.2px;text-transform:uppercase;opacity:.55;font-size:10px}.nav-3d-inline-slider{gap:6px}.nav-3d-inline-slider label{color:var(--muted-ink);min-width:62px;font-size:11px}.nav-3d-inline-slider input[type=range]{flex:1;min-width:0;height:14px}.nav-3d button{color:var(--ink);border:1px solid var(--border);background:0 0;border-radius:9px;padding:5px 8px;font-size:12px}.nav-3d-view-modes{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.nav-3d-toggle-buttons{grid-template-columns:repeat(2,1fr);gap:0;display:grid}.nav-3d-toggle-buttons-3{grid-template-columns:repeat(3,1fr)}.nav-3d-view-modes button,.nav-3d-toggle-buttons button{color:var(--ink);border:1px solid var(--border);background:0 0;border-radius:0;padding:6px 8px;font-size:12px}.nav-3d-view-modes button:first-child{border-top-left-radius:9px;border-bottom-left-radius:9px}.nav-3d-view-modes button:last-child{border-top-right-radius:9px;border-bottom-right-radius:9px}.nav-3d-view-modes button+button{margin-left:-1px}.nav-3d-toggle-buttons button:first-child{border-top-left-radius:9px;border-bottom-left-radius:9px}.nav-3d-toggle-buttons button:last-child{border-top-right-radius:9px;border-bottom-right-radius:9px}.nav-3d-toggle-buttons button+button{margin-left:-1px}.nav-3d-view-modes button.is-active,.nav-3d-toggle-buttons button.is-active{background:var(--accent);color:#fff;border-color:var(--accent);z-index:1;position:relative}.nav-3d-toggle{align-items:center;gap:6px;font-size:13px;display:flex}.nav-3d-toggle-small{font-size:12px}.ratio-wheel-button{border:1px solid var(--border);background:0 0;border-radius:999px;padding:6px}.ratio-wheel-toggle{display:inline-flex;position:relative}.ratio-wheel-panel{left:var(--ratio-wheel-left,24px);top:var(--ratio-wheel-top,120px);z-index:3;gap:12px;width:min(420px,90vw);display:grid;position:fixed}.ratio-wheel-panel[hidden]{display:none}.ratio-wheel-panel-header{text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:600}.ratio-wheel-panel canvas{width:min(420px,100%);height:auto;max-height:min(70vh,560px);margin:0 auto}.options-toggle{position:relative}.options-toggle button{align-items:center;gap:8px;display:inline-flex}.options-panel{z-index:3;opacity:1;border-radius:9px;gap:10px;min-width:220px;padding:12px 14px;display:grid;position:absolute;top:calc(100% + 8px);left:-120px;box-shadow:0 4px 16px #0000001a}.options-panel[hidden]{display:none}.options-panel .control-group{gap:6px;display:grid}.options-panel button{justify-self:start}.inline-link{color:var(--accent);cursor:pointer;background:0 0;flex:none;font-size:11px;text-decoration:underline;border:none!important;border-radius:0!important;padding:0!important}.inline-link:hover{color:var(--ink)}.options-panel .button-full{color:var(--accent);background:0 0;border:none;border-radius:5px;justify-self:start;padding:4px 6px;font-size:12px}.options-panel .button-full:hover,.options-panel .button-full:focus{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent)}#tilt{width:120px;min-width:120px;max-width:120px}#tilt-readout{text-align:right;font-variant-numeric:tabular-nums;width:60px;min-width:60px;max-width:60px}.file-panel .button-full,.calculate-panel .button-full{color:var(--ink);text-align:left;background:0 0;border:none;border-radius:6px;justify-content:flex-start;align-items:center;width:100%;padding:7px 10px;font-size:13px;display:flex}.file-panel .button-full:hover,.file-panel .button-full:focus,.calculate-panel .button-full:hover,.calculate-panel .button-full:focus{background:color-mix(in srgb, var(--ink) 7%, transparent);color:var(--ink)}.layout-float{top:100px;left:var(--left-panel-left);width:min(var(--left-panel-width), calc(100%));--panel-inner-width:var(--left-panel-inner);z-index:3;gap:10px;max-height:calc(100vh - 140px);display:grid;position:fixed;overflow:hidden auto}.layout-float[hidden]{display:none}.layout-header{width:100%;color:var(--ink);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.6px;cursor:pointer;background:0 0;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.layout-chevron{font-size:12px;transition:transform .2s}.layout-content{gap:8px;display:grid}.layout-content>*{width:var(--panel-inner-width);justify-self:center}.layout-float.is-collapsed .layout-content{display:none}.layout-float.is-collapsed .layout-chevron{transform:rotate(-90deg)}.layout-header{font-weight:600}.layout-float .button-full{justify-content:center;align-items:center;width:100%;display:flex}.layout-float label{letter-spacing:.5px;opacity:.7;font-size:11px}.layout-float label[for=layout-unify-size]{letter-spacing:.4px;text-transform:uppercase;opacity:.7;font-size:12px}.layout-float .control-inline,.layout-float .control-inline span,.layout-float .control-inline label{letter-spacing:0;text-transform:none;opacity:1;font-size:11px}.layout-float .control-inline{flex-wrap:wrap}.layout-float input[type=checkbox]:disabled+span{opacity:.45;cursor:not-allowed}.layout-float .layout-align-row{flex-wrap:nowrap;width:100%}.layout-float .layout-align-row+.layout-align-row{margin-top:6px}.layout-float .layout-align-row button{flex:1 1 0}.layout-float input[type=number],.layout-float select{width:100%;padding:6px 8px;font-size:12px}.layout-float input[type=range]{width:100%}.layout-float button{padding:6px 8px;font-size:12px}.layout-float .nav-3d-accordion-toggle{width:100%;color:var(--ink);letter-spacing:.4px;text-transform:uppercase;opacity:.7;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0;font-size:12px;font-weight:400;display:flex}.layout-float .control-inline button{flex:72px}.layout-float .control-inline .inline-link{flex:none;padding:0}.layout-float .control-readout{font-size:10px}.layout-float input,.layout-float select,.layout-float button{box-sizing:border-box;max-width:100%}.layout-space-group{position:relative}.layout-space-trigger{cursor:pointer}.layout-space-trigger:hover,.layout-space-trigger:focus-visible{opacity:1}.layout-space-popover{background:var(--panel);border:1px solid var(--border);z-index:5;border-radius:10px;gap:6px;width:100%;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 24px #00000026}.layout-space-popover[hidden]{display:none}.layout-font-popover{top:100px;right:var(--left-panel-left);background:var(--panel-solid);border:1px solid var(--border);z-index:12;border-radius:12px;width:280px;max-height:calc(100vh - 48px);padding:12px;position:fixed;overflow:auto;box-shadow:0 14px 30px #0000002e}.layout-font-popover[hidden]{display:none}.layout-font-form{gap:12px;display:grid}.layout-font-form label{gap:8px;font-size:12px;display:grid}.layout-font-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.layout-font-popover select{border-radius:8px;padding:4px 6px}.layout-font-size{letter-spacing:.2px;opacity:.85;grid-template-columns:88px 1fr;align-items:center;gap:8px;font-size:11px;display:grid}.layout-font-actions{justify-content:flex-end;gap:8px;display:flex}.layout-key-mapping-group{position:relative}.layout-key-mapping-trigger{cursor:pointer}.layout-key-mapping-trigger:hover,.layout-key-mapping-trigger:focus-visible{opacity:1}.layout-key-mapping-popover{background:var(--panel-solid)}.layout-key-mapping-popover .layout-space-row{grid-template-columns:60px 1fr}.layout-space-row{grid-template-columns:16px 1fr;align-items:center;gap:6px;display:grid}.layout-space-row label{letter-spacing:.2px;opacity:.8;font-size:11px}.preset-toggle{position:relative}.preset-toggle button{align-items:center;gap:8px;display:inline-flex}.file-toggle,.calculate-toggle{position:relative}.file-toggle button{align-items:center;gap:8px;display:inline-flex}.preset-panel{z-index:3;white-space:normal;word-wrap:break-word;gap:8px;min-width:340px;max-width:420px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.preset-panel[hidden]{display:none}.file-panel{z-index:3;opacity:1;border-radius:9px;gap:2px;min-width:200px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow:visible;box-shadow:0 4px 16px #0000001a}.file-panel[hidden]{display:none}.file-panel .file-share-popover{opacity:1;background:var(--panel-solid);pointer-events:none;min-width:220px;padding:10px 12px;font-size:12px;line-height:1.3;position:absolute;top:0;left:calc(100% + 8px);box-shadow:0 12px 24px #0000001f}.calculate-panel{z-index:3;opacity:1;border-radius:9px;gap:2px;min-width:200px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 4px 16px #0000001a}.calculate-panel[hidden],.file-share-popover[hidden]{display:none}.preset-list{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.preset-list a{background:var(--chrome-soft-surface);color:var(--ink);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:6px 10px;text-decoration:none;display:grid}.preset-list a:focus-visible,.preset-list a:hover{color:var(--accent);background:var(--chrome-soft-field)}.preset-label{min-width:0;font-weight:500}.preset-meta{color:var(--muted-ink);opacity:.7;font-size:12px}.preset-empty{color:var(--muted-ink)}.chevron{transition:transform .2s;display:inline-block}.options-toggle button[aria-expanded=true] .chevron,.preset-toggle button[aria-expanded=true] .chevron,.file-toggle button[aria-expanded=true] .chevron{transform:rotate(180deg)}.synth-panel{z-index:2;border-radius:999px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;display:flex;position:fixed;bottom:24px;left:24px;right:24px}.synth-panel[hidden]{display:none}.synth-group{gap:6px;display:grid}.synth-group:has(#keyboard-help){position:relative}.synth-group:has(#keyboard-map-popover){position:relative}.synth-panel .synth-group{align-items:center;gap:8px;min-width:0;display:flex}.synth-panel .synth-slider-group{align-items:center;gap:6px;min-width:0;display:flex}.synth-panel .synth-slider-group label{display:none}.synth-panel .synth-slider-group input[type=range]{width:100%;min-width:80px}.synth-panel .synth-slider-group .control-readout,.synth-panel .synth-slider-group #volume-readout,.synth-panel .synth-slider-group #lfo-depth-readout{text-align:right;justify-self:end;min-width:48px}.snapshot-group{flex-direction:row;align-items:center;gap:8px;min-width:max-content;margin-left:auto;margin-right:auto;position:relative}.snapshot-area-label{text-transform:uppercase;letter-spacing:.4px;color:var(--muted-ink);font-size:10px}.snapshot-keyboard{align-self:center;gap:4px;min-width:0;display:grid}.snapshot-keyboard[hidden]{display:none}.snapshot-keyboard-row{grid-auto-columns:16px;grid-auto-flow:column;gap:4px;display:grid}.snapshot-keyboard-row-head{grid-auto-columns:auto 1fr;align-items:center;column-gap:6px}.snapshot-key{border:1px solid var(--line);color:var(--muted-ink);background:0 0;border-radius:5px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:9px;line-height:1;display:inline-flex}.snapshot-keyboard .snapshot-key{width:16px;height:16px;padding:0;font-size:9px}.snapshot-key.is-filled{background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:color-mix(in srgb, var(--accent) 42%, transparent);color:var(--text-primary)}.snapshot-key.is-active{border-color:color-mix(in srgb, var(--accent) 85%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent)}.snapshot-keyboard.is-inactive .snapshot-key{opacity:.35;filter:grayscale(.4);pointer-events:none}.snapshot-keyboard.is-inactive .snapshot-key.is-filled,.snapshot-keyboard.is-inactive .snapshot-key.is-active{background:color-mix(in srgb, var(--chrome-soft-muted) 18%, transparent);border-color:color-mix(in srgb, var(--chrome-soft-muted) 40%, transparent);color:color-mix(in srgb, var(--chrome-soft-muted) 85%, transparent);box-shadow:none}.snapshot-header{text-transform:uppercase;letter-spacing:.3px;color:var(--muted-ink);align-items:center;gap:0;font-size:10px;display:flex}.snapshot-header>span{display:none}.snapshot-group .snapshot-header button{color:var(--muted-ink);border:1px solid var(--border);background:0 0;border-right:none;border-radius:0;padding:3px 8px;font-size:11px}.snapshot-group .snapshot-header button:first-of-type{border-radius:6px 0 0 6px}.snapshot-group .snapshot-header button:last-of-type{border-right:1px solid var(--border);border-radius:0 6px 6px 0}.snapshot-group .snapshot-header button:hover,.snapshot-group .snapshot-header button:focus{background:color-mix(in srgb, var(--ink) 7%, transparent);color:var(--ink)}.snapshot-toggle{color:var(--muted-ink);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;font-size:10px;display:flex}.snapshot-toggle input{margin:0}.snapshot-subtoggle{margin-left:14px;font-size:9px}.snapshot-options{background:var(--panel-hover);border:1px solid var(--border);color:var(--chrome-ink);z-index:20;border-radius:9px;flex-direction:column;gap:4px;margin-top:0;padding:10px 12px;display:flex;position:absolute;bottom:calc(100% + 6px);box-shadow:0 4px 16px #0000001a}.snapshot-options[hidden]{display:none}.snapshot-options .snapshot-toggle{color:inherit}.snapshot-options input[type=checkbox]{accent-color:var(--accent)}.snapshot-options .snapshot-subtoggle{color:var(--chrome-soft-muted)}.snapshot-morph-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.snapshot-morph-time{color:var(--chrome-soft-muted);align-items:center;gap:5px;font-size:10px;display:flex}.snapshot-morph-time input{border:1px solid var(--chrome-soft-field-border);background:var(--chrome-soft-field);width:74px;color:var(--chrome-input-ink);font:inherit;border-radius:5px;padding:2px 4px}.snapshot-morph-time input:disabled{opacity:.5}.snapshot-grid{grid-template-columns:repeat(10,16px);grid-auto-rows:16px;gap:4px;display:grid}.snapshot-slot{border:1px solid var(--line);color:var(--muted-ink);background:0 0;border-radius:5px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:9px;line-height:1;display:inline-flex}.snapshot-grid .snapshot-slot{width:16px;height:16px;padding:0;font-size:9px}.snapshot-slot.is-filled{background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:color-mix(in srgb, var(--accent) 42%, transparent);color:var(--text-primary)}.snapshot-slot.is-active{border-color:color-mix(in srgb, var(--accent) 85%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent)}.synth-panel label{letter-spacing:.3px;text-transform:uppercase;color:var(--muted-ink);font-size:11px}.synth-panel label[for=keyboard-mode]{display:none}.synth-panel #volume-readout,.synth-panel #lfo-depth-readout,.synth-panel .control-readout{opacity:.8;font-size:10px}.synth-panel select,.synth-panel input[type=number]{border-radius:999px;padding:4px 8px;font-size:12px}.synth-panel input[type=range]{min-width:140px;height:14px}.synth-panel button{padding:6px 14px;font-size:13px}.keyboard-mode-row{grid-template-columns:minmax(160px,1fr) auto auto;align-items:center;gap:8px;display:grid}.keyboard-mode-row select{min-width:0}.keyboard-mode-row button{white-space:nowrap}.midi-menu{position:relative}.midi-menu-panel{z-index:4;opacity:1;border-radius:9px;gap:10px;min-width:220px;padding:12px 14px;display:grid;position:absolute;top:auto;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001a}.midi-menu-panel[hidden]{display:none}.midi-menu-panel .control-group{gap:6px;display:grid}.keyboard-map-button{height:28px;padding:0 10px;font-size:12px;font-weight:600}.keyboard-mode-row button.is-active{border-color:var(--button-active-border);background:var(--button-active-bg);color:var(--button-active-text)}.keyboard-map-button.is-active{border-color:var(--map-mode);background:color-mix(in srgb, var(--map-mode) 22%, transparent);color:var(--map-mode)}body.map-mode-active #lattice{box-shadow:inset 0 0 0 6px color-mix(in srgb, var(--map-mode) 55%, transparent)}body.map-mode-active .keyboard-mode-row{background:color-mix(in srgb, var(--map-mode) 12%, transparent);border-radius:8px;padding:2px}body.map-mode-active:before{background:color-mix(in srgb, var(--map-mode) 8%, transparent)}.keyboard-help{border:1px solid var(--border);background:var(--panel);opacity:0;pointer-events:none;border-radius:8px;max-width:220px;padding:6px 8px;font-size:11px;line-height:1.2;transition:opacity .3s,transform .3s;position:absolute;bottom:calc(100% + 6px);left:0;transform:translateY(4px)}.keyboard-help.is-visible{opacity:1;transform:translateY(0)}.keyboard-map-popover{border:1px solid var(--border);background:var(--panel);width:min(320px,100vw - 40px);box-shadow:var(--chrome-hint-shadow);z-index:3;border-radius:10px;padding:10px;position:absolute;bottom:calc(100% + 8px);left:0}.keyboard-map-clear-link{color:var(--text-secondary);text-transform:lowercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:6px;padding:0;font-size:11px;display:inline-flex}.keyboard-map-clear-link:hover{color:var(--text-primary)}.keyboard-map-popover[hidden]{display:none}.piano-keys{height:86px;margin-bottom:10px;display:block;position:relative}.piano-keys-white{gap:4px;height:100%;display:flex}.piano-keys-black{pointer-events:none;width:100%;height:52px;position:absolute;top:0;left:0}.piano-key{border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:0;font-family:Lexend,sans-serif;font-size:10px;transition:transform .12s,box-shadow .12s,background .12s}.piano-key.white{background:var(--chrome-panel-solid);color:var(--text-primary);flex:1;box-shadow:inset 0 -2px #0000001f}.piano-key.black{top:0;left:calc(var(--key-pos) * 100% / 7 - 10px);background:color-mix(in srgb, var(--chrome-ink) 92%, #000);width:20px;height:52px;color:var(--chrome-panel-solid);pointer-events:auto;border-color:#0009;border-radius:4px;position:absolute;box-shadow:inset 0 -2px #ffffff1f}.piano-key.is-unmapped{background:var(--chrome-panel-solid);border-color:var(--border)}.piano-key.black.is-unmapped{background:color-mix(in srgb, var(--chrome-ink) 92%, #000);color:var(--chrome-panel-solid);border-color:#0009}.piano-key.is-mapped{background:color-mix(in srgb, var(--map-mode) 18%, #fff);border-color:var(--border)}.piano-key.black.is-mapped{background:color-mix(in srgb, var(--map-mode) 22%, #1b1b1b);border-color:#0009}.piano-key.is-selected{background:color-mix(in srgb, var(--map-mode) 45%, #fff);border-color:var(--map-mode);box-shadow:0 0 0 2px color-mix(in srgb, var(--map-mode) 70%, transparent)}.piano-key.black.is-selected{background:color-mix(in srgb, var(--map-mode) 55%, #1b1b1b);border-color:var(--map-mode);color:#fff}.piano-key:active{transform:translateY(1px)}.synth-group.is-disabled{opacity:.45}.synth-group.is-disabled input,.synth-group.is-disabled select,.synth-group.is-disabled button{pointer-events:none}.control-note{color:var(--muted-ink);letter-spacing:.2px;font-size:10px}.looper-label{align-items:center;gap:8px;display:inline-flex}.looper-clear{color:var(--muted-ink);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.looper-clear:hover,.looper-clear:focus{color:var(--accent)}.looper-quantize-row{align-items:center;gap:8px}.looper-quantize-row label{margin-right:auto}.looper-quantize-menu{border-radius:10px;margin-top:8px;padding:10px 12px}.looper-quantize-menu .control-group{margin-bottom:10px}.looper-quantize-menu .control-group:last-child{margin-bottom:0}.lfo-label{align-items:center;gap:8px;display:inline-flex}.lfo-stop{color:var(--muted-ink);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.lfo-stop:hover,.lfo-stop:focus{color:var(--accent)}.all-notes-off{color:var(--muted-ink);cursor:pointer;background:0 0;border:none;justify-self:start;padding:0;font-size:12px;text-decoration:underline}.all-notes-off:hover,.all-notes-off:focus{color:var(--accent)}.animation-toggle,.envelope-toggle{place-self:center end}.synth-actions{flex-wrap:nowrap;align-items:center;gap:10px;margin-left:auto;display:flex}.animation-panel{z-index:3;background:var(--panel-hover);border:1px solid var(--border);opacity:1;border-radius:9px;gap:12px;width:min(240px,80vw);padding:12px 14px;display:grid;position:fixed;bottom:140px;right:24px;box-shadow:0 4px 16px #0000001a}.animation-section{gap:10px;display:grid}.animation-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--muted-ink);justify-content:space-between;align-items:center;font-size:11px;display:flex}.envelope-panel{z-index:3;background:var(--panel-hover);border:1px solid var(--border);opacity:1;border-radius:9px;gap:12px;width:min(260px,80vw);padding:12px 14px;display:grid;position:fixed;bottom:140px;right:24px;box-shadow:0 4px 16px #0000001a}.envelope-slider{grid-template-columns:72px 1fr;align-items:center;gap:6px;display:grid}.envelope-slider label{white-space:nowrap;margin:0}.envelope-slider-row{grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid}.envelope-slider-row input[type=range]{min-width:0}.envelope-slider-row span{opacity:.8;font-size:10px}.envelope-panel-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--muted-ink);margin-top:4px;font-size:11px}.envelope-panel .envelope-panel-section-title{font-size:12px}.animation-panel[hidden],.envelope-panel[hidden]{display:none}.animation-panel-header{text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:600}.custom-ratio-dialog{background:var(--chrome-dialog-bg);width:min(320px,90vw);color:var(--ink);border:none;border:1px solid var(--chrome-dialog-border);box-shadow:var(--chrome-dialog-shadow);border-radius:16px;padding:18px 20px}.custom-ratio-dialog.interval-dialog{width:min(420px,90vw)}.credits-dialog{width:min(420px,92vw)}.credits-content{color:var(--ink);gap:10px;font-size:12px;line-height:1.5;display:grid}.credits-content a,.credits-content a:visited{color:inherit}.credits-contact{color:var(--muted-ink);margin-top:6px;font-size:11px}.credits-close{color:var(--muted-ink);margin-top:4px;font-size:11px}.custom-ratio-dialog::backdrop{background:var(--chrome-overlay-scrim)}.custom-ratio-form{gap:12px;display:grid}.custom-ratio-form label{gap:6px;font-size:12px;display:grid}.custom-ratio-form input,.custom-ratio-form textarea{width:100%}.dialog-title{font-size:14px;font-weight:600}.dialog-actions{justify-content:flex-end;gap:8px;margin:0;padding:0;display:flex}.dialog-help{color:var(--muted-ink);font-size:11px}.dialog-actions button{font-size:12px}.interval-chart-overlay{background:var(--chrome-overlay-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.interval-chart-overlay[hidden]{display:none}.interval-chart-window{background:var(--chrome-dialog-bg);width:min(1200px,96vw);height:min(720px,90vh);color:var(--ink);border:1px solid var(--chrome-dialog-border);box-shadow:var(--chrome-dialog-shadow);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.interval-chart-header{border-bottom:1px solid var(--chrome-section-border);padding:18px 24px 10px}.interval-chart-subheader{border-bottom:1px solid var(--chrome-section-border);color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;font-size:13px;display:flex}.interval-chart-subheader select{margin:0 6px}.interval-chart-title{letter-spacing:.01em;font-size:20px;font-weight:600}.interval-chart-body{flex:1;grid-template-columns:220px 1fr;gap:16px;padding:16px 24px;display:grid;overflow:hidden}.interval-chart-filters{border-right:1px solid var(--chrome-section-border);padding-right:16px;overflow:auto}.interval-chart-filter-title{text-transform:uppercase;letter-spacing:.1em;color:var(--chrome-soft-muted);margin-bottom:12px;font-size:13px}.interval-chart-filter-actions{gap:8px;margin-bottom:12px;display:flex}.interval-chart-filter-actions button{border:1px solid var(--chrome-soft-field-border);background:var(--chrome-soft-field);cursor:pointer;color:var(--ink);border-radius:999px;padding:6px 10px;font-size:11px}.interval-chart-type-list{flex-direction:column;gap:8px;display:flex}.interval-chart-filter-extra{margin-bottom:12px}.interval-chart-type-group{flex-direction:column;gap:6px;display:flex}.interval-chart-type-group-title{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.interval-chart-type{color:var(--ink);align-items:center;gap:8px;font-size:14px;display:flex}.interval-chart-type.is-child{margin-left:18px}.interval-chart-type-divider{text-transform:uppercase;letter-spacing:.12em;color:var(--chrome-soft-muted);margin:6px 0 2px;font-size:11px}.interval-chart-table-wrap{border:1px solid var(--chrome-section-border);border-radius:12px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.interval-chart-table-column{flex-direction:column;gap:12px;min-height:0;display:flex}.interval-chart-toolbar{z-index:1;border-bottom:1px solid var(--chrome-section-border);background:var(--chrome-soft-surface);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex;position:sticky;top:0}.interval-chart-toolbar:empty{display:none}.interval-chart-toolbar-search{border-bottom:1px solid var(--chrome-section-border);border-radius:12px;margin-bottom:12px;position:static}.interval-chart-toolbar input{border:1px solid var(--chrome-soft-field-border);background:var(--chrome-soft-field);color:var(--ink);border-radius:10px;flex:1;padding:8px 10px;font-size:13px}.interval-chart-custom{border-top:1px solid var(--chrome-section-border);background:var(--chrome-soft-surface);z-index:2;flex:320px;align-items:center;gap:8px;padding:12px 12px 14px;display:inline-flex;position:sticky;bottom:0}.interval-chart-custom-label{color:var(--chrome-soft-muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.interval-chart-custom input{flex:auto}.interval-chart-listen{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.interval-chart-custom-active{z-index:1;color:var(--chrome-warning-ink);background:var(--chrome-warning-bg);border-bottom:1px solid var(--chrome-soft-field-border);padding:8px 12px;font-size:12px;position:sticky;top:52px}.interval-chart-table tbody tr{transition:background-color .12s}.interval-chart-row-selected{background:color-mix(in srgb, var(--chrome-warning-bg) 45%, transparent)}.interval-chart-table{border-collapse:collapse;width:100%;min-width:720px;color:var(--ink);font-size:13px}.interval-chart-table thead th{background:var(--chrome-soft-surface);text-align:left;border-bottom:1px solid var(--chrome-section-border);padding:10px 12px;font-weight:600;position:sticky;top:0}.interval-chart-table tbody td{border-bottom:1px solid var(--chrome-section-border);vertical-align:top;padding:8px 12px}.interval-chart-factor-line{font-size:12px}.interval-chart-factor-line.is-muted{color:var(--chrome-soft-muted);font-size:11px}.interval-chart-table.is-disabled{pointer-events:none;opacity:.45}.interval-chart-actions{border-top:1px solid var(--chrome-section-border);justify-content:flex-end;gap:12px;padding:12px 24px 18px;display:flex}.interval-chart-actions #interval-chart-close{color:var(--ink);background:var(--chrome-input-bg);border:1px solid var(--chrome-soft-field-border)}body.interval-chart-open{overflow:hidden}.preset-overlay{background:var(--chrome-overlay-scrim);z-index:4;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.preset-overlay[hidden]{display:none}.preset-window{background:var(--chrome-dialog-bg);width:min(860px,92vw);max-height:86vh;color:var(--ink);border:1px solid var(--chrome-dialog-border);box-shadow:var(--chrome-dialog-shadow);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.preset-header{border-bottom:1px solid var(--chrome-section-border);padding:18px 24px 10px}.preset-title{letter-spacing:.2px;font-size:18px;font-weight:600}.preset-body{flex-direction:column;gap:14px;padding:18px 24px 20px;display:flex;overflow:hidden}.preset-body-single{display:flex}.preset-main{flex-direction:column;gap:14px;min-width:0;display:flex}.preset-toolbar{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.preset-toolbar input{border:1px solid var(--chrome-soft-field-border);background:var(--chrome-soft-field);width:100%;color:var(--ink);border-radius:12px;padding:10px 14px;font-size:13px}.preset-sort{color:var(--muted-ink);gap:4px;font-size:11px;display:grid}.preset-sort select{border:1px solid var(--chrome-soft-field-border);background:var(--chrome-soft-field);min-width:160px;color:var(--ink);border-radius:10px;padding:8px 10px;font-size:12px}.preset-list{gap:12px;max-height:58vh;margin:0;padding:4px;display:grid;overflow:auto}.preset-card{border:1px solid var(--chrome-dialog-border);background:var(--chrome-soft-surface);color:var(--ink);border-radius:14px;grid-template-columns:1fr;gap:6px;padding:12px 14px;text-decoration:none;display:grid}.preset-card:hover,.preset-card:focus-visible{border-color:var(--chrome-soft-field-border);color:var(--accent)}.preset-card-title{font-size:15px;font-weight:600}.preset-card-creator{color:var(--muted-ink);font-size:12px}.preset-card-tags{color:var(--muted-ink);flex-wrap:wrap;gap:6px;font-size:11px;display:flex}.preset-card-tag{background:var(--chrome-tag-bg);border-radius:999px;padding:2px 8px}.preset-empty{color:var(--muted-ink);font-size:13px}.preset-actions{border-top:1px solid var(--chrome-section-border);justify-content:flex-end;gap:12px;padding:12px 20px 18px;display:flex}body.preset-open{overflow:hidden}@media (width<=720px){.preset-toolbar{grid-template-columns:1fr}}.build-intervals-preview{border:1px solid var(--chrome-preview-border);background:var(--chrome-preview-bg);border-radius:12px;gap:8px;width:100%;margin-top:6px;padding:10px 12px;display:grid}.build-intervals-preview.is-over{background:var(--chrome-preview-over-bg);border-color:var(--chrome-preview-over-border)}.build-intervals-line{height:22px;position:relative}.build-intervals-line:before{content:"";background:var(--chrome-preview-mark);height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.build-intervals-endpoint{background:var(--chrome-preview-mark);width:2px;height:12px;position:absolute;top:50%;transform:translateY(-50%)}.build-intervals-endpoint.start{left:0}.build-intervals-endpoint.end{right:0}.build-intervals-ticks{position:absolute;inset:0}.build-intervals-tick{background:var(--chrome-preview-mark);width:2px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.build-intervals-warning{color:#8b2f2f;font-size:12px}.envelope-panel-header{text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:600}#lattice{background:var(--canvas-bg);z-index:0;width:100%;height:100%;position:fixed;inset:0}@media (width<=720px){.top-bar{flex-direction:column;padding-top:12px}.title{flex-direction:column;gap:2px;width:auto;min-width:0;max-width:none}.title h1{font-size:18px}.control-actions-divider{display:none}}.snapshot-keyboard-keys{gap:4px;display:grid}.welcome-overlay{z-index:200;justify-content:center;align-items:center;animation:.35s welcome-fade-in;display:flex;position:fixed;inset:0}.welcome-overlay[hidden]{display:none}.welcome-backdrop{-webkit-backdrop-filter:blur(6px);background:#f5f6f88c;position:absolute;inset:0}.welcome-card{text-align:center;color:#101316eb;background:#fffffff0;border:1px solid #10131624;border-radius:18px;max-width:min(520px,100vw - 40px);padding:46px 52px 40px;font-family:Lexend,Helvetica Neue,sans-serif;position:relative;box-shadow:0 24px 80px #1013162e}.welcome-title{letter-spacing:.3px;color:#101316;margin:0 0 14px;font-size:clamp(1.9rem,3.6vw,2.6rem);font-weight:200}.welcome-tagline{color:#101316b3;margin:0 0 22px;font-size:14px;line-height:1.6}.welcome-verbs{letter-spacing:.14em;text-transform:uppercase;color:#1013168c;margin:0 0 32px;font-size:13px}.welcome-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.welcome-button{color:#101316d9;cursor:pointer;background:#ffffffb3;border:1px solid #1013162e;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,transform .1s}.welcome-button:hover{background:#1013160f;border-color:#1013164d}.welcome-button:active{transform:translateY(1px)}.welcome-button-primary{color:#fff;background:#245a8d;border-color:#245a8d}.welcome-button-primary:hover{background:#1e4b77;border-color:#1e4b77}body.embed-mode .welcome-overlay{display:none!important}@keyframes welcome-fade-in{0%{opacity:0}to{opacity:1}}.caption{-webkit-backdrop-filter:blur(10px);z-index:40;cursor:grab;-webkit-user-select:none;user-select:none;color:#101316eb;text-align:center;background:#ffffffe0;border:1px solid #10131624;border-radius:12px;min-width:180px;max-width:min(520px,100vw - 48px);padding:12px 20px;font-family:Noto Serif,Georgia,serif;font-size:15px;line-height:1.55;position:fixed;top:82%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 28px #1013161f}.caption[hidden]{display:none}.caption.is-dragging{cursor:grabbing;opacity:.9;box-shadow:0 10px 38px #10131638}.caption.is-editing{cursor:default;-webkit-user-select:text;user-select:text;background:#fffffff5;border-color:#10131638}.caption-text{white-space:pre-wrap;pointer-events:none}.caption-input{width:100%;min-width:200px;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:center;resize:none;background:0 0;border:none;outline:none;margin:0;padding:0;display:block}.caption-input[hidden]{display:none}body.embed-mode .caption,.embed-mode-early .app,.embed-mode-early .layout-overlay,body.embed-mode .app,body.embed-mode .layout-overlay,body.embed-mode #layout-panel,body.embed-mode #envelope-panel,body.embed-mode #animation-panel,body.embed-mode #ratio-wheel-panel,body.embed-mode #credits-dialog,body.embed-mode .tooltip,.presentation-mode .top-bar,.presentation-mode .nav-3d,.presentation-mode .layout-float,.presentation-mode .help-toggle-right,.presentation-mode .hint-row,.presentation-mode .welcome-overlay,body.presentation-mode .top-bar,body.presentation-mode .nav-3d,body.presentation-mode .layout-float,body.presentation-mode .help-toggle-right,body.presentation-mode .hint-row,body.presentation-mode .welcome-overlay,body.presentation-mode #layout-panel,body.presentation-mode #ratio-wheel-panel,body.presentation-mode #credits-dialog{display:none!important}:root{--presentation-toc-width:280px;--presentation-synth-height:80px}body.presentation-mode #lattice{left:var(--presentation-toc-width);width:calc(100vw - var(--presentation-toc-width));bottom:var(--presentation-synth-height);height:calc(100vh - var(--presentation-synth-height))}.presentation-toc{width:var(--presentation-toc-width);z-index:6;background:var(--chrome-dialog-bg);border-right:1px solid var(--chrome-dialog-border);box-shadow:1px 0 0 0 var(--chrome-dialog-border);color:var(--ink);border-radius:0;grid-template-rows:auto 1fr auto;gap:10px;padding:22px 20px 18px;font-family:Lexend,Helvetica Neue,sans-serif;display:grid;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.presentation-toc[hidden]{display:none}.presentation-toc-header{border-bottom:1px solid var(--chrome-section-border);align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.presentation-toc-header-text{flex:auto;gap:2px;min-width:0;display:grid}.presentation-help-button{border:1px solid var(--chrome-soft-field-border);background:var(--chrome-soft-surface);width:26px;height:26px;color:var(--muted-ink);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-family:Lexend,Helvetica Neue,sans-serif;font-size:14px;font-weight:600;line-height:1;transition:color .12s,border-color .12s;display:inline-flex}.presentation-help-button[hidden]{display:none}.presentation-help-button:hover,.presentation-help-button:focus-visible{color:var(--accent);border-color:var(--accent);outline:none}.presentation-toc-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-ink);font-size:11px}.presentation-toc-title{letter-spacing:-.01em;color:var(--ink);font-size:18px;font-weight:700}.presentation-toc-list{gap:2px;min-height:0;margin:0;padding:4px 0;list-style:none;display:grid;overflow:auto}.presentation-toc-list li{margin:0}.presentation-toc-item{appearance:none;text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:auto 1fr;align-items:baseline;gap:8px;padding:8px 10px;font-size:13px;line-height:1.3;display:grid}.presentation-toc-item:hover,.presentation-toc-item:focus-visible{background:var(--chrome-soft-surface);border-color:var(--chrome-soft-field-border);outline:none}.presentation-toc-item.is-active{background:var(--chrome-soft-surface);border-color:var(--accent);color:var(--accent);font-weight:600}.presentation-toc-item-num{font-variant-numeric:tabular-nums;color:var(--muted-ink);letter-spacing:.04em;font-size:11px}.presentation-toc-item.is-active .presentation-toc-item-num{color:var(--accent)}.presentation-toc-collapse{appearance:none;border:1px solid var(--chrome-soft-field-border);font:inherit;color:var(--muted-ink);cursor:pointer;background:0 0;border-radius:8px;justify-self:start;padding:6px 10px;font-size:11px}.presentation-toc-collapse:hover{color:var(--ink)}.presentation-toc-tab{z-index:6;appearance:none;border:1px solid var(--chrome-dialog-border);background:var(--chrome-dialog-bg);color:var(--ink);box-shadow:var(--chrome-dialog-shadow);cursor:pointer;letter-spacing:.14em;text-transform:uppercase;border-left:none;border-radius:0 10px 10px 0;padding:10px 6px;font-family:Lexend,Helvetica Neue,sans-serif;font-size:11px;position:fixed;top:24px;left:0}.presentation-toc-tab[hidden]{display:none}.presentation-toc-tab:hover,.presentation-toc-tab:focus-visible{background:var(--panel-hover);outline:none}.presentation-toc-tab-label{writing-mode:vertical-rl;display:inline-block;transform:rotate(180deg)}.presentation-toc-footer{border-top:1px solid var(--chrome-section-border);gap:8px;padding-top:12px;display:grid}.presentation-edit-button{appearance:none;border:1px solid var(--accent);background:var(--accent);width:100%;color:var(--button-on-accent-ink,#fff);font:inherit;letter-spacing:.02em;cursor:pointer;border-radius:8px;padding:10px 14px;font-family:Lexend,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;transition:transform .12s,filter .12s}.presentation-edit-button[hidden]{display:none}.presentation-edit-button:hover,.presentation-edit-button:focus-visible{filter:brightness(1.05);outline:none}.presentation-edit-button:active{transform:translateY(1px)}.presentation-tuner-button{appearance:none;border:1px solid var(--chrome-soft-field-border);background:var(--chrome-soft-surface);width:100%;color:var(--ink);font:inherit;letter-spacing:.02em;cursor:pointer;border-radius:8px;padding:8px 12px;font-family:Lexend,Helvetica Neue,sans-serif;font-size:12px;font-weight:500;transition:color .12s,border-color .12s}.presentation-tuner-button[hidden]{display:none}.presentation-tuner-button:hover,.presentation-tuner-button:focus-visible{color:var(--accent);border-color:var(--accent);outline:none}body.presentation-mode .synth-panel{left:var(--presentation-toc-width);border:none;border-top:1px solid var(--chrome-dialog-border);z-index:5;border-radius:0;padding:12px 18px;bottom:0;right:0;display:flex!important}.presentation-audio-toggle{appearance:none;border:1px solid var(--chrome-soft-field-border);background:var(--chrome-soft-surface);width:100%;color:var(--muted-ink);cursor:pointer;font:inherit;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-family:Lexend,Helvetica Neue,sans-serif;font-size:12px;transition:color .12s,border-color .12s;display:inline-flex}.presentation-audio-toggle[hidden]{display:none}.presentation-audio-toggle:hover,.presentation-audio-toggle:focus-visible{color:var(--ink);outline:none}.presentation-audio-toggle.is-audio-on{color:var(--accent);border-color:var(--accent)}.presentation-audio-label{letter-spacing:.02em;font-weight:500}.presentation-audio-toggle svg{fill:currentColor;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.presentation-audio-toggle .speaker-wave{display:none}.presentation-audio-toggle.is-audio-on .speaker-wave{display:inline}.presentation-audio-toggle.is-audio-on .speaker-mute-slash{display:none}.presentation-intro{z-index:60;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.presentation-intro[hidden]{display:none}.presentation-intro-scrim{background:#10131673;position:absolute;inset:0}.presentation-intro-card{background:var(--chrome-dialog-bg);border:1px solid var(--chrome-dialog-border);width:100%;max-width:460px;color:var(--ink);border-radius:14px;padding:28px 30px 26px;font-family:Lexend,Helvetica Neue,sans-serif;position:relative;box-shadow:0 24px 60px #10131652}.presentation-intro-section{gap:6px;display:grid}.presentation-intro-section+.presentation-intro-section{border-top:1px solid var(--chrome-section-border);margin-top:18px;padding-top:18px}.presentation-intro-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-ink);margin:0;font-size:11px}.presentation-intro-title{letter-spacing:-.01em;margin:0 0 4px;font-family:Noto Serif,Times New Roman,serif;font-size:28px;font-weight:700}.presentation-intro-lede{color:var(--ink);margin:0;font-size:14px;line-height:1.5}.presentation-intro-lede[hidden]{display:none}.presentation-intro-nav{color:var(--muted-ink);margin:4px 0 0;font-size:12px;line-height:1.4}.presentation-intro-nav strong{color:var(--ink);font-weight:600}.presentation-intro-subhead{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-ink);margin:0 0 6px;font-size:11px;font-weight:600}.presentation-intro-controls{color:var(--ink);grid-template-columns:minmax(120px,max-content) 1fr;gap:6px 14px;margin:0;font-size:13px;line-height:1.45;display:grid}.presentation-intro-controls dt{color:var(--ink);font-weight:600}.presentation-intro-controls dd{color:var(--muted-ink);margin:0}.presentation-intro-controls strong{color:var(--ink);font-weight:600}.presentation-intro-controls kbd{border:1px solid var(--chrome-soft-field-border);background:var(--chrome-soft-surface);min-width:18px;color:var(--ink);text-align:center;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-family:Lexend,Helvetica Neue,sans-serif;font-size:11px;font-weight:600;line-height:1.4;display:inline-block}.presentation-intro-cta{appearance:none;border:1px solid var(--accent);background:var(--accent);width:100%;color:var(--button-on-accent-ink,#fff);font:inherit;letter-spacing:.02em;cursor:pointer;border-radius:8px;margin-top:22px;padding:10px 18px;font-family:Lexend,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;transition:filter .12s}.presentation-intro-cta:hover,.presentation-intro-cta:focus-visible{filter:brightness(1.05);outline:none}.presentation-intro-close{appearance:none;width:28px;height:28px;color:var(--muted-ink);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;display:inline-flex;position:absolute;top:10px;right:12px}.presentation-intro-close:hover,.presentation-intro-close:focus-visible{color:var(--ink);background:var(--chrome-soft-surface);outline:none}.tour-bubble{z-index:50;background:var(--chrome-dialog-bg);border:1px solid var(--chrome-dialog-border);max-width:min(340px,100vw - 40px);box-shadow:var(--chrome-dialog-shadow);color:var(--chrome-ink);pointer-events:auto;border-radius:14px;padding:18px 22px 16px;font-family:Lexend,Helvetica Neue,sans-serif;animation:.2s tour-bubble-fade-in;position:fixed}.tour-bubble[hidden]{display:none}.tour-bubble-title{color:var(--ink);margin-bottom:8px;font-size:14px;font-weight:600}.tour-bubble-title:empty{display:none}.tour-bubble-body{color:var(--muted-ink);white-space:pre-wrap;font-size:13px;line-height:1.5}.tour-bubble-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.tour-bubble-button{border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-ink);cursor:pointer;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,transform .1s}.tour-bubble-button:hover{background:var(--panel-hover);border-color:var(--border)}.tour-bubble-button:active{transform:translateY(1px)}.tour-bubble-button:disabled{opacity:.4;cursor:default}.tour-bubble-button-primary{color:#fff;background:#245a8d;border-color:#245a8d}.tour-bubble-button-primary:hover{background:#1e4b77;border-color:#1e4b77}@keyframes tour-bubble-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tour-arrow-svg{z-index:49;pointer-events:none;width:100%;height:100%;color:var(--muted-ink);position:fixed;inset:0;overflow:visible}.tour-arrow-svg[hidden]{display:none}.tour-arrow-line{stroke:var(--muted-ink);stroke-width:1.5px;stroke-dasharray:6 4}body.embed-mode .tour-bubble,body.performance-mode .tour-bubble,body.embed-mode .tour-arrow-svg,body.performance-mode .tour-arrow-svg{display:none!important}.tour-banner{z-index:11;border:1px solid var(--chrome-banner-border);color:var(--chrome-banner-ink);pointer-events:auto;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:4px 14px;font-size:12px;line-height:1.35;display:inline-flex;position:fixed;top:10%;left:50%;transform:translate(-50%,36px)}.tour-banner[hidden]{display:none}.tour-banner-sep{opacity:.5}.tour-banner-exit{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;text-decoration:underline}.tour-banner-exit:hover{color:var(--ink)}body.embed-mode .tour-banner,body.performance-mode .tour-banner{display:none!important}.learn-help-dialog{width:min(420px,90vw)}.learn-help-content{gap:12px;display:grid}.learn-help-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.learn-help-item{border:1px solid var(--chrome-section-border);background:var(--chrome-soft-surface);width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:10px;gap:2px;padding:10px 14px;font-family:inherit;text-decoration:none;transition:background .15s,border-color .15s;display:grid}.learn-help-item:hover{background:var(--panel-hover);border-color:var(--border)}.learn-help-item-title{color:var(--ink);font-size:13px;font-weight:600}.learn-help-item-desc{color:var(--muted-ink);font-size:11px}.learn-help-item-disabled{opacity:.45;cursor:default;pointer-events:none}.learn-help-item-disabled:hover{background:var(--chrome-soft-surface);border-color:var(--chrome-section-border)}.learn-help-close-hint{color:var(--muted-ink);text-align:center;margin:4px 0 0;font-size:11px}.learn-help-dev-tag{letter-spacing:.08em;text-transform:uppercase;color:#245a8d;vertical-align:middle;background:#245a8d24;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:600;display:inline-block}.tour-bubble-drag-handle{color:var(--muted-ink);cursor:grab;-webkit-user-select:none;user-select:none;padding:4px;font-size:14px;line-height:1;display:none;position:absolute;top:6px;right:10px}.tour-bubble-drag-handle:active{cursor:grabbing}.tour-edit-toolbar{border-top:1px dashed var(--chrome-section-border);flex-direction:column;gap:6px;margin-top:14px;padding-top:12px;display:none}.tour-edit-toolbar-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tour-edit-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-ink);margin-right:2px;font-size:10px;font-weight:600}.tour-edit-button{border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-ink);cursor:pointer;border-radius:5px;padding:4px 8px;font-family:inherit;font-size:11px;transition:background .12s,border-color .12s}.tour-edit-button:hover{background:var(--panel-hover);border-color:var(--border)}.tour-edit-button:active{transform:translateY(1px)}.tour-edit-button-primary{color:#6a5012;background:#f2e9cf;border-color:#c8ae5f}.tour-edit-button-primary:hover{background:#ecdfaf;border-color:#ad9344}body.tour-edit-mode .tour-bubble{padding-top:28px}body.tour-edit-mode .tour-bubble-drag-handle{display:block}body.tour-edit-mode .tour-edit-toolbar{display:flex}body.tour-edit-mode .tour-bubble-title[contenteditable=true],body.tour-edit-mode .tour-bubble-body[contenteditable=true]{outline:1px dashed var(--accent);outline-offset:4px;cursor:text;opacity:.7;border-radius:4px}body.tour-edit-mode .tour-bubble-title[contenteditable=true]:focus,body.tour-edit-mode .tour-bubble-body[contenteditable=true]:focus{outline-color:var(--accent);opacity:1;outline-style:solid}body.tour-edit-mode .tour-bubble-title:empty{min-height:1em;display:block}body.tour-edit-mode .tour-bubble-title:empty:before{content:"(click to add title)";color:var(--muted-ink);font-style:italic}body.tour-edit-mode .tour-bubble-body:empty:before{content:"(empty step — type here)";color:var(--muted-ink);font-style:italic}body.tour-edit-mode.tour-edit-dragging,body.tour-edit-mode.tour-edit-dragging .tour-bubble{cursor:grabbing!important}body.tour-arrow-placing,body.tour-arrow-placing canvas{cursor:crosshair!important}.tour-edit-button.tour-edit-button-active{color:#1a4a73;background:#d6e8f7;border-color:#6ba3d6}.tour-preview-edit-link{color:var(--accent,#245a8d);cursor:pointer;background:0 0;border:none;margin-right:auto;padding:0;font-family:inherit;font-size:11px;text-decoration:underline;display:none}.tour-preview-edit-link:hover{color:var(--ink)}body.tour-edit-mode.tour-preview .tour-preview-edit-link{display:inline}body.tour-edit-mode.tour-preview .tour-edit-toolbar,body.tour-edit-mode.tour-preview .tour-bubble-drag-handle{display:none}body.tour-edit-mode.tour-preview .tour-bubble{padding-top:18px}body.tour-edit-mode.tour-preview .tour-bubble-title[contenteditable=true],body.tour-edit-mode.tour-preview .tour-bubble-body[contenteditable=true]{cursor:default;outline:none}body.tour-edit-mode.tour-preview .tour-bubble-title:empty{min-height:0;display:none}