.surface-library{width:min(calc(100% - 112px),1160px);transform:translate(30px);margin:24px auto 32px;padding:0}.surface-library h1{margin:0;font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.025em}.surface-library-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin-bottom:22px}.surface-library-heading>button{background:var(--display)}.surface-library .tabs{margin-bottom:0;padding-bottom:14px;border-bottom:1px solid var(--line)}.surface-library-list{min-height:180px}.surface-list-labels{display:grid;grid-template-columns:1fr 150px;padding:18px 0 12px;color:var(--muted);font-size:13px}.surface-library-list[data-collection=saved] .surface-list-labels{grid-template-columns:minmax(0,1fr) 150px 44px;gap:20px}.surface-library-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:20px;min-height:76px;padding-inline:12px;margin-inline:-12px;border-bottom:1px solid var(--line);border-radius:6px 6px 0 0}.surface-library-row:has(.surface-track-link:is(:hover,:focus-visible)){background:var(--hover)}.surface-library-row:has(.surface-saved-action){grid-template-columns:minmax(0,1fr) 150px 44px}.surface-track-link{display:flex;justify-content:flex-start;align-items:center;gap:12px;min-width:0;padding:16px 12px 16px 0;text-align:left;background:transparent;color:var(--ink);border:0}.surface-library-row .surface-track-link:is(:hover,:focus-visible){background:transparent}.surface-artwork{display:block;flex:0 0 48px;width:48px;height:48px;border-radius:6px;background:var(--hover);overflow:hidden;object-fit:cover}.surface-track-description{display:grid;gap:3px;min-width:0}.surface-track-description strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere;font-weight:500}.surface-track-description small,.surface-row-date{color:var(--muted);font-size:13px}.surface-row-date{font-variant-numeric:tabular-nums}.surface-empty{padding:48px 0;max-width:44ch}.surface-library .surface-empty{width:min(100%,600px);max-width:44ch}.surface-empty h2{margin:0 0 12px;font-size:24px;letter-spacing:-.02em}.surface-empty p{color:var(--muted);line-height:1.6;margin:0 0 24px}.sign-in-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.sign-in-action .error{margin:16px 0 0;color:var(--error);font-size:14px;line-height:1.5}.surface-empty .sign-in-buttons>button{min-height:48px;padding:12px 18px}.surface-empty .sign-in-buttons>.ghost{background:var(--surface)}.surface-loading{display:flex;align-items:center;gap:12px;min-height:44px;padding:20px 0;color:var(--muted)}.surface-loading:before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--link);box-shadow:16px 0 color-mix(in srgb,var(--link) 55%,transparent),32px 0 color-mix(in srgb,var(--link) 25%,transparent);margin-right:32px}.surface-library-loading{padding-top:8px}.surface-loading-rows{display:grid}.surface-loading-row{display:grid;grid-template-columns:minmax(160px,38%) 96px;justify-content:space-between;align-items:center;min-height:76px;border-bottom:1px solid var(--line)}.surface-loading-row>span{height:12px;border-radius:999px;background:color-mix(in srgb,var(--boundary) 62%,transparent)}.surface-loading-row>span:last-child{opacity:.55}.surface-load-more{margin-top:20px}.surface-error{color:var(--error);line-height:1.5;overflow-wrap:anywhere}.surface-error>p{margin:0 0 12px}.surface-error .ghost{margin-right:8px}.surface-library-error{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px;padding:18px 0;color:var(--ink);border-block:1px solid var(--line)}.surface-library-error>p{flex:1 1 280px;color:var(--ink)}.surface-library-error .ghost{min-height:44px;padding-inline:14px;background:var(--display);color:var(--ink)}.overlay-content:has(.surface-account,.surface-share){background:var(--display)}.overlay-content:has(.surface-account){width:min(540px,calc(100% - 56px));height:var(--viewport-height);max-height:var(--viewport-height)}.overlay-left{left:56px;top:var(--viewport-top);height:var(--viewport-height);max-height:var(--viewport-height);border-radius:0 16px 16px 0;animation:account-in .26s cubic-bezier(.16,1,.3,1)}.overlay-left[data-state=closed]{animation:account-out .18s ease-in both}@keyframes account-in{0%{transform:translate(-100%)}}@keyframes account-out{to{transform:translate(-100%)}}.overlay-content:has(.surface-account,.surface-share) .overlay-head{padding:24px 24px 12px}.overlay-content:has(.surface-account,.surface-share) .overlay-head h2{font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.02em}.overlay-content:has(.surface-account,.surface-share) .overlay-body{padding:4px 24px 28px}.overlay-content:has(.surface-share){width:min(520px,calc(100% - 48px))}.surface-account{min-height:320px}.surface-account-person{display:flex;align-items:center;gap:14px;margin:12px 0 28px}.surface-account-avatar{display:grid;place-items:center;flex:none;width:48px;height:48px;overflow:hidden;border-radius:50%;color:var(--muted);background:var(--surface)}.surface-account-avatar>img{width:100%;height:100%;object-fit:cover}.surface-account-person>div{display:grid;min-width:0;gap:2px;overflow-wrap:anywhere}.surface-account-person strong{font-size:18px;font-weight:500}.surface-account-person span{font-size:14px;color:var(--muted)}.surface-account .tabs{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:24px}.surface-account:has(.surface-form>h3) .surface-account-person{display:none}.surface-account:has(.surface-form>h3) .tabs{margin-bottom:16px}.surface-account .tabs button,.surface-library .tabs button{flex:none;padding:10px 16px;white-space:nowrap}.surface-form{display:flex;flex-direction:column;gap:20px}.surface-form h3,.surface-key-reveal h3,.surface-confirmation h3{margin:4px 0 0;font-size:20px;font-weight:500;letter-spacing:-.02em}.surface-form>p{margin:0;line-height:1.6}.surface-field{display:flex;flex-direction:column;gap:9px;font-size:14px;line-height:1.5}.surface-field input,.surface-field select,.surface-field textarea{width:100%;min-width:0;min-height:44px;padding:10px 12px;background:var(--display);color:var(--ink);border:1px solid var(--boundary);border-radius:6px;font:inherit;font-size:16px}.surface-field textarea{resize:vertical;min-height:90px;font-family:var(--mono, monospace);font-size:13px}.surface-field input[readonly]{background:var(--surface);text-overflow:ellipsis}.surface-field input:disabled{color:var(--muted);opacity:.6}.surface-field input:is(:focus-visible),.surface-field select:is(:focus-visible),.surface-field textarea:is(:focus-visible){outline:0;background:var(--hover)}.surface-hint,.surface-field small{color:var(--muted);font-size:13px;line-height:1.5}.surface-select{position:relative;display:block}.surface-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:44px}.surface-select>svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.surface-check{display:flex;align-items:center;min-height:44px;gap:12px;line-height:1.5;padding:8px 0}.surface-check input{flex:0 0 auto;width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--accent)}.surface-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:8px}.surface-actions button{min-height:48px}.danger{background:var(--error);color:var(--canvas);font-weight:500}.danger:is(:hover,:focus-visible):not(:disabled){background:color-mix(in srgb,var(--error) 88%,var(--ink))}.surface-form,.surface-confirmation,.surface-key-reveal,.surface-share{min-width:0;overflow-wrap:anywhere}.surface-profile-save{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.surface-usage{margin-top:32px;padding-top:16px;border-top:1px solid var(--line)}.surface-usage summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;color:var(--muted);font-size:14px;padding:8px 0;min-height:44px}.surface-usage summary::-webkit-details-marker{display:none}.surface-usage[open] summary svg{transform:rotate(90deg)}.surface-usage[open] summary{margin-bottom:12px}.surface-usage p{margin:0 0 8px;font-variant-numeric:tabular-nums}.surface-account-actions,.surface-saved-action,.surface-key-row>[aria-haspopup=menu]{color:var(--muted);border-radius:50%}.surface-account-actions[aria-expanded=true],.surface-saved-action[aria-expanded=true],.surface-key-row>[aria-haspopup=menu][aria-expanded=true]{background:var(--hover);color:var(--ink)}.surface-account-identity{padding:8px 14px 12px;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.surface-keys-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:12px}.surface-keys-heading p{color:var(--ink);font-size:14px;line-height:1.5}.surface-keys-heading button{flex-shrink:0}.surface-key-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.surface-key-row>div{display:grid;gap:7px;min-width:0}.surface-key-row strong{font-weight:500;overflow-wrap:anywhere}.surface-key-row small{color:var(--muted);font-size:13px;line-height:1.5}.surface-key-row>button,.surface-key-row>[aria-haspopup=menu]{margin-top:-10px}.surface-key-row code,.surface-confirmation code{color:var(--muted);font-size:13px}.surface-confirmation{display:grid;gap:16px}.surface-confirmation>p{margin:0;line-height:1.6}.surface-key-reveal{display:grid;gap:20px}.surface-key-reveal>p{margin:0;color:var(--muted);line-height:1.6}.surface-key-reveal .copy-action,.surface-share .copy-action{align-self:flex-start;max-width:100%}.surface-menu{z-index:150;width:280px;min-width:0;max-width:calc(100vw - 24px);max-height:var(--radix-dropdown-menu-content-available-height, calc(100dvh - 24px) );overflow-y:auto;overscroll-behavior:contain;background:var(--display);color:var(--ink);padding:8px;border-radius:16px;box-shadow:0 16px 44px #0003}.surface-menu-row{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:48px;border-radius:6px;outline:0;cursor:pointer;font-size:15px}.surface-menu-row[data-highlighted],.surface-menu-row[data-state=checked]{background:var(--hover)}.surface-menu-row>span:first-of-type{flex:1;min-width:0;overflow-wrap:anywhere}.surface-menu-row>svg{flex:none;width:18px;height:18px;color:var(--muted)}.surface-menu-row[data-highlighted]>svg{color:var(--ink)}.surface-menu-row[data-disabled]{opacity:.5;pointer-events:none}.surface-menu-danger,.surface-menu-danger>svg,.surface-menu-danger[data-highlighted]>svg{color:var(--error)}.surface-share{display:flex;flex-direction:column;gap:18px}.surface-share>p{margin:0;line-height:1.6}.surface-share-title{font-weight:500}.surface-visibility{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:8px 0;font-size:14px;color:var(--muted)}.surface-visibility button{display:inline-flex;gap:10px;align-items:center;min-height:48px;padding:12px 14px;border-radius:12px;background:var(--surface);color:var(--ink)}.surface-share .copy-action>button{min-height:48px}.surface-share-actions,.surface-key-reveal-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;min-width:0}.surface-share-actions>button,.surface-key-reveal-actions>button{min-height:48px;flex:none}.surface-share-project{align-self:flex-start;text-align:left}.surface-preview{border-top:1px solid var(--line);padding-top:8px}.surface-preview summary,.surface-snapshot-message summary{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;list-style:none;padding:8px 0;min-height:44px;cursor:pointer;color:var(--muted);font-size:14px}.surface-preview summary::-webkit-details-marker,.surface-snapshot-message summary::-webkit-details-marker{display:none}.surface-preview summary:is(:hover,:focus-visible),.surface-snapshot-message summary:is(:hover,:focus-visible){color:var(--ink)}.surface-preview[open] summary svg,.surface-snapshot-message details[open] summary svg{transform:rotate(90deg)}.surface-preview pre{margin:12px 0 0;padding:16px;background:var(--canvas);color:var(--ink);border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 var(--mono, monospace)}.surface-snapshot{width:min(calc(100% - 112px),720px);transform:translate(30px);padding:0;margin:24px auto 80px}.surface-snapshot h1{font-size:30px;font-weight:500;letter-spacing:-.025em;margin:8px 0 14px}.surface-snapshot header>p{color:var(--muted);line-height:1.6}.surface-snapshot header>.surface-hint{border-top:1px solid var(--line);padding-top:18px;font-size:14px}.surface-snapshot-messages{margin-top:42px}.surface-snapshot-message{margin:24px 0;line-height:1.7;overflow-wrap:anywhere}.surface-snapshot-message>p{margin:0 0 16px;white-space:pre-wrap}.surface-snapshot-user>p{width:fit-content;max-width:85%;margin-left:auto;padding:12px 16px;background:var(--surface);border-radius:16px}.surface-snapshot-assistant{color:var(--ink)}.surface-snapshot-result{display:grid;gap:6px;background:var(--surface);color:var(--ink);padding:16px 18px;border-radius:6px;margin:20px 0}.surface-snapshot-result span{color:var(--muted);font-size:13px}.surface-snapshot-message details p{white-space:pre-wrap}.surface-snapshot-message pre{overflow-x:auto;padding:16px;background:var(--surface);border-radius:6px;font:13px/1.7 var(--mono, monospace)}.surface-connection{width:min(calc(100% - 112px),560px);transform:translate(30px);margin:64px auto}.surface-connection>section{width:100%}.surface-connection h1{font-size:30px;font-weight:500;letter-spacing:-.025em;margin:0 0 16px}.surface-connection>section>p{color:var(--muted);line-height:1.6;margin-bottom:24px}.surface-connection-symbol{display:flex;width:fit-content;color:var(--link);margin-bottom:20px}.surface-connection-secret{display:grid;gap:4px}.surface-connection-secret .surface-hint{margin:0}.surface-connection-code{display:block;padding:18px;margin-bottom:24px;background:var(--surface);border-radius:6px;font-size:20px;text-align:center;overflow-wrap:anywhere}@media (max-width: 960px){.surface-library,.surface-snapshot{width:100%;transform:none;margin:0;padding:20px max(16px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.surface-library h1{font-size:28px;margin-bottom:18px}.surface-library .surface-empty{padding:32px 4px}.surface-list-labels{display:none}.surface-library-row{grid-template-columns:minmax(0,1fr);min-height:80px;gap:8px;margin-inline:0;padding-inline:0}.surface-track-link{gap:12px;padding:16px 4px 16px 0}.surface-loading-row{grid-template-columns:minmax(140px,64%) 56px;min-height:72px}.surface-track-description strong{font-size:15px}.surface-row-date{display:none}.surface-list-labels>span:last-child{display:none}.surface-artwork{width:48px;height:48px;flex-basis:48px}.surface-field input,.surface-field select,.surface-field textarea{font-size:16px}.surface-library-row:has(.surface-saved-action){grid-template-columns:minmax(0,1fr) 44px}.overlay-content:has(.surface-account,.surface-share){width:100%}.overlay-content:has(.surface-account,.surface-share) .overlay-head{padding:18px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left))}.overlay-content:has(.surface-account,.surface-share) .overlay-head h2{font-size:23px}.overlay-content:has(.surface-account,.surface-share) .overlay-body{padding:4px max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.surface-account .tabs,.surface-library .tabs{gap:4px}.surface-account .tabs button,.surface-library .tabs button{flex:none;padding:10px 14px}.overlay-left{left:auto;right:0;border-radius:0;animation-name:drawer-in}.overlay-left[data-state=closed]{animation-name:drawer-out}.surface-actions .primary,.surface-actions .danger{flex:1}.surface-share-actions,.surface-key-reveal-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:8px}.surface-share-actions>button,.surface-key-reveal-actions>button{width:100%}.surface-share-project{align-self:stretch;justify-content:center;min-height:48px}.surface-key-reveal .copy-action,.surface-share .copy-action{align-self:stretch}.surface-key-reveal .copy-action>button,.surface-share .copy-action>button{width:100%;min-width:0}.surface-keys-heading{align-items:center;gap:8px}.surface-keys-heading button{padding:8px;font-size:13px}.surface-keys-heading p{margin:0}.surface-snapshot h1{font-size:28px}.surface-snapshot-user>p{max-width:90%}.surface-connection{width:100%;transform:none;margin:0;padding:36px max(20px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}}.surface-discoverable{padding-block:.75rem;min-height:44px}@font-face{font-family:Spline Sans;src:url(/fonts/Spline/SplineSans-Variable-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Spline Mono;src:url(/fonts/Spline/SplineSansMono-Variable-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}:root{color-scheme:light;--font: "Söhne", "Spline Sans", sans-serif;--mono: "The Future Mono", "Spline Mono", monospace;--canvas: #f2f6e9;--surface: #e3ecd7;--display: #fbfdf6;--ink: #18371c;--muted: #486044;--line: #c4d2b8;--boundary: #748a66;--hover: #d0dfbf;--accent: #c3ff45;--accent-ink: #19320b;--link: #35621c;--error: #a23735;--player-display: #12462a;--player-ink: #f1f8df;--player-muted: #c4d9ad;--player-line: #75956b;--player-hover: #215c32;--player-link: #c3ff45;--drawer: #d7e3ca;--shadow: 0 12px 36px #082c2226;--viewport-height: 100dvh;--viewport-top: 0px;--artwork-ground: var(--canvas);--artwork-ink: var(--link);--artwork-secondary: var(--muted);--wave-1: var(--player-link);--wave-2: var(--player-ink);--wave-3: #6dd3ad}:root[data-theme=dark]{color-scheme:dark;--canvas: #0c1c12;--surface: #142e1d;--display: #1d3e26;--ink: #f2f8e5;--muted: #c0d3ae;--line: #385b37;--boundary: #789669;--hover: #2d4f2c;--link: #ceeea3;--drawer: #102617;--error: #ffb5a6;--shadow: 0 14px 40px #020c0999}:root[data-palette=gunmetal]{--wave-3: #696969;--canvas: #f2f2f2;--surface: #e4e4e4;--display: #ffffff;--ink: #181818;--muted: #555555;--line: #c7c7c7;--boundary: #7e7e7e;--hover: #d3d3d3;--accent: #202020;--accent-ink: #ffffff;--link: #333333;--error: #333333;--player-display: #dadada;--player-ink: #161616;--player-muted: #4a4a4a;--player-line: #7e7e7e;--player-hover: #c4c4c4;--player-link: #161616;--drawer: #d8d8d8;--shadow: 0 16px 40px #00000026}:root[data-palette=gunmetal][data-theme=dark]{--wave-3: #929292;--canvas: #121212;--surface: #242424;--display: #303030;--ink: #f4f4f4;--muted: #bcbcbc;--line: #484848;--boundary: #858585;--hover: #3c3c3c;--accent: #f0f0f0;--accent-ink: #181818;--link: #dedede;--error: #dedede;--player-display: #333333;--player-ink: #f6f6f6;--player-muted: #bfbfbf;--player-line: #858585;--player-hover: #4a4a4a;--player-link: #f4f4f4;--drawer: #1c1c1c;--shadow: 0 16px 40px #00000088}:root[data-palette=moody-bouquet]{--wave-3: #bda5c8;--canvas: #f4eee3;--surface: #e5dfd0;--display: #faf6ee;--ink: #292d23;--muted: #595745;--line: #cac2b0;--boundary: #74725d;--hover: #d7d0bb;--accent: #8c3e46;--accent-ink: #fff6ec;--link: #914239;--error: #a23735;--player-display: #453543;--player-ink: #fbefde;--player-muted: #d8c0c7;--player-line: #a08a95;--player-hover: #5a4556;--player-link: #f1b69d;--drawer: #d8d2c0;--shadow: 0 16px 40px #29231b26}:root[data-palette=moody-bouquet][data-theme=dark]{--canvas: #151713;--surface: #252c23;--display: #30382b;--ink: #f4e8d4;--muted: #c9bca9;--line: #505143;--boundary: #8d9278;--hover: #3d4535;--accent: #f0b095;--accent-ink: #31211d;--link: #e9ba97;--error: #ffb5a6;--player-display: #342733;--player-ink: #f9ebd9;--player-muted: #d1bcbf;--player-line: #907b84;--player-hover: #4b3647;--player-link: #f0b095;--drawer: #1c211b;--shadow: 0 16px 40px #090b0988}:root[data-palette=sepia]{--wave-3: #86613a;--canvas: #f4eddf;--surface: #e8dcc5;--display: #fff8eb;--ink: #3a2b1d;--muted: #624e36;--line: #cfbea0;--boundary: #8b7250;--hover: #d9c8a8;--accent: #6f4b28;--accent-ink: #fff4df;--link: #795331;--error: #a23735;--player-display: #dbc5a0;--player-ink: #392818;--player-muted: #6c5236;--player-line: #8a6b47;--player-hover: #ccb086;--player-link: #65401d;--drawer: #ddceb1;--shadow: 0 16px 40px #38251526}:root[data-palette=sepia][data-theme=dark]{--wave-3: #c99876;--canvas: #1d1812;--surface: #2c241b;--display: #3a2e22;--ink: #f2e3c9;--muted: #c6b599;--line: #594735;--boundary: #a18a67;--hover: #4a3b2a;--accent: #dcc091;--accent-ink: #2d2216;--link: #e5c99b;--error: #ffb5a6;--player-display: #3b2c1e;--player-ink: #f4e7d0;--player-muted: #d1bc9d;--player-line: #a18a66;--player-hover: #503d2b;--player-link: #edcc91;--drawer: #241d16;--shadow: 0 16px 40px #0b070588}:root[data-palette=deep-field]{--placeholder-ink-amount: 90%;--canvas: #eeeff5;--surface: #e0e2ee;--display: #faf9fd;--ink: #23283d;--muted: #565c75;--line: #c4c8d8;--boundary: #7b8199;--hover: #d2d5e5;--accent: #77516e;--accent-ink: #fff7f2;--link: #5b4a86;--error: #963f50;--player-display: #292a43;--player-ink: #f6eff8;--player-muted: #c7bdd7;--player-line: #85809f;--player-hover: #3d3c5c;--player-link: #edbfa8;--wave-3: #a9a4e4;--drawer: #d4d7e7;--shadow: 0 16px 40px #17213a26}:root[data-palette=deep-field][data-theme=dark]{--canvas: #161b2b;--surface: #222a3f;--display: #303951;--ink: #e9e9f0;--muted: #afb3c5;--line: #454d66;--boundary: #7c86a1;--hover: #353e56;--accent: #b6a5e8;--accent-ink: #161b2b;--link: #b6a5e8;--error: #f0b5bb;--player-display: #303951;--player-ink: #e9e9f0;--player-muted: #afb3c5;--player-line: #85809f;--player-hover: #353e56;--player-link: #b6a5e8;--wave-3: #e3b899;--artwork-secondary: #e3b899;--placeholder-ink-amount: 100%;--drawer: #1b2233;--shadow: 0 16px 40px #03050b99}:root:is([data-palette=rosewood],[data-palette=afterglow],[data-palette=tidal-pool],[data-palette=blackcurrant],[data-palette=cassette]){--accent-ink: var(--canvas);--link: var(--accent);--line: color-mix(in srgb, var(--ink) 18%, var(--surface));--boundary: color-mix(in srgb, var(--ink) 60%, var(--surface));--hover: color-mix(in srgb, var(--ink) 8%, var(--surface));--drawer: color-mix(in srgb, var(--canvas) 60%, var(--surface));--player-display: var(--display);--player-ink: var(--ink);--player-muted: var(--muted);--player-line: var(--boundary);--player-hover: var(--hover);--player-link: var(--accent);--artwork-secondary: var(--secondary);--placeholder-ink-amount: 100%;--wave-3: var(--secondary);--shadow: 0 16px 40px #00000026}:root:is([data-palette=rosewood],[data-palette=afterglow],[data-palette=tidal-pool],[data-palette=blackcurrant],[data-palette=cassette])[data-theme=dark]{--shadow: 0 16px 40px #00000088}:root[data-palette=rosewood]{--canvas: #f5edef;--surface: #e9dce1;--display: #fcf8f9;--ink: #382732;--muted: #6d4f61;--accent: #80425b;--secondary: #75602f}:root[data-palette=rosewood][data-theme=dark]{--canvas: #29242a;--surface: #383039;--display: #493c46;--ink: #eee6e7;--muted: #c0adb5;--accent: #d9a6bd;--secondary: #d4c097}:root[data-palette=afterglow]{--canvas: #f7eee8;--surface: #eddccf;--display: #fff9f4;--ink: #422a32;--muted: #704c55;--accent: #8a3e32;--secondary: #806228}:root[data-palette=afterglow][data-theme=dark]{--canvas: #291f29;--surface: #3a2937;--display: #4e3341;--ink: #f1e5de;--muted: #c4aab6;--accent: #eaa08a;--secondary: #d9be83}:root[data-palette=tidal-pool]{--canvas: #edf3f2;--surface: #d9e7e7;--display: #f8fcfa;--ink: #203b47;--muted: #435d68;--accent: #2c5d80;--secondary: #526b48}:root[data-palette=tidal-pool][data-theme=dark]{--canvas: #182631;--surface: #243847;--display: #304b5c;--ink: #e5edf1;--muted: #a8bec9;--accent: #93c2eb;--secondary: #cdd9ca}:root[data-palette=blackcurrant]{--canvas: #f3edf7;--surface: #e5d9ed;--display: #fcf8ff;--ink: #3e2c51;--muted: #624c71;--accent: #733e87;--secondary: #386e76}:root[data-palette=blackcurrant][data-theme=dark]{--canvas: #291e38;--surface: #392a4a;--display: #4b3860;--ink: #efe6f3;--muted: #c0afce;--accent: #d3aae9;--secondary: #9ccbd2}:root[data-palette=cassette]{--canvas: #f1f2ef;--surface: #dfe4e2;--display: #fafbf8;--ink: #2c3941;--muted: #4d5d67;--accent: #854823;--secondary: #426f80}:root[data-palette=cassette][data-theme=dark]{--canvas: #242a31;--surface: #333c45;--display: #404c56;--ink: #ecece5;--muted: #b3bec2;--accent: #f1ac79;--secondary: #9dbfcc}.auth-backdrop{--auth-accent: var(--accent);z-index:120;top:var(--viewport-top, 0px);bottom:auto;height:var(--viewport-height, 100dvh);align-items:center;padding:24px;background:color-mix(in srgb,var(--canvas) 78%,transparent)}.auth-modal{width:min(440px,100%);max-width:100%;max-height:calc(var(--viewport-height, 100dvh) - 48px);margin:auto;overflow-y:auto;overscroll-behavior:contain;border-radius:16px;pointer-events:auto}.auth-root,.auth-card-box{width:100%}.auth-root{--auth-accent: var(--accent)}.auth-card-box{background:var(--display);border-radius:16px;box-shadow:var(--shadow);border:0}.auth-card{width:100%;gap:28px;padding:32px;background:var(--display);box-shadow:none;border:0}.auth-logo{position:relative;align-self:flex-start;width:156px;height:24px}.auth-logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--ink);-webkit-mask:url(/brand/wordmark.png) left center / contain no-repeat;mask:url(/brand/wordmark.png) left center / contain no-repeat}.auth-logo-image{width:156px;height:24px;opacity:0}.auth-header{align-items:flex-start;text-align:left}.auth-title{color:var(--ink);font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.025em}.auth-label{color:var(--ink);font-size:14px;font-weight:500}.auth-input{min-height:48px;font-size:16px;color:var(--ink);background:var(--canvas);border:1px solid var(--boundary);box-shadow:none}.auth-input:focus-visible{background:var(--hover);border-color:var(--ink);box-shadow:none}.auth-primary,.auth-secondary{min-height:48px;padding:12px 18px;font-size:16px;font-weight:500;text-transform:none;box-shadow:none}.auth-primary{color:var(--accent-ink);background:var(--auth-accent)}.auth-primary:is(:hover,:focus-visible):not(:disabled){color:var(--accent-ink);background:color-mix(in srgb,var(--auth-accent) 86%,var(--ink));box-shadow:none}.auth-secondary{color:var(--ink);background:var(--surface)}.auth-link{display:inline-flex;align-items:center;min-height:44px;color:var(--link);font-weight:500;text-decoration:underline}.auth-close{top:16px;right:16px;width:44px;height:44px;padding:12px;color:var(--muted)}.auth-close:focus-visible{background:var(--hover);color:var(--ink);box-shadow:none}.auth-footer{background:var(--display);background-image:none;border-top:1px solid var(--line)}.auth-footer-item{background:none;color:var(--muted)}.auth-footer-action{align-items:center;flex-wrap:wrap;gap:8px;padding:12px 24px;font-size:14px}.auth-profile-scroll{background:var(--display)}.auth-profile-nav{background:var(--surface)}.auth-modal:has(.auth-profile-nav){width:min(880px,100%)}@media (max-width: 760px){.auth-backdrop{align-items:flex-end;padding:12px 12px max(12px,env(safe-area-inset-bottom))}.auth-modal{max-height:calc(var(--viewport-height, 100dvh) - 24px);margin:auto auto 0}.auth-card{padding:28px 24px}.auth-close{top:12px;right:12px}}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;color:var(--ink);font:16px/1.5 var(--font);background:var(--canvas)}button,input,textarea,select{font:inherit}button,a,input,textarea,select,[role=slider]{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:transparent;border-radius:12px;min-height:44px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{cursor:default;opacity:.48}button:hover:not(:disabled),.ghost:hover,.quiet:hover{background:var(--hover)}button:focus,a:focus,[role=slider]:focus,summary:focus,input:focus,textarea:focus,select:focus{outline:0}button:focus-visible,a:focus-visible,[role=slider]:focus-visible,summary:focus-visible{outline:0;background:var(--hover)}button[aria-pressed=true],nav a[aria-current=page],button[data-state=active],[role=menuitem][data-highlighted],[role=menuitem][data-selected=true]{background:var(--hover)}a{color:var(--link);text-underline-offset:4px}input,textarea,select{color:var(--ink);background:var(--canvas);border:1px solid var(--boundary);border-radius:6px;min-height:44px;padding:10px 12px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:0;border-color:var(--ink);background:var(--display)}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;accent-color:var(--accent);padding:0;background:none;border:0;min-width:0;cursor:pointer}input[type=range]:disabled{cursor:default}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--range-color, var(--accent)) 0 var(--range-progress),var(--line) var(--range-progress) 100%);border-radius:3px}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-6.5px;border:0;border-radius:50%;background:var(--range-color, var(--accent))}input[type=range]::-moz-range-track{height:3px;border:0;border-radius:3px;background:var(--line)}input[type=range]::-moz-range-progress{height:3px;border-radius:3px;background:var(--range-color, var(--accent))}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--range-color, var(--accent))}textarea{resize:vertical}input,textarea{caret-color:var(--link)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}::selection{background:var(--hover);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:var(--boundary) transparent}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.15;letter-spacing:-.03em;font-weight:500}h2{font-size:16px;font-weight:600}pre,code,output{font-family:var(--mono)}pre{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--muted)}svg{flex:none}.muted{color:var(--muted)}.error,.surface-error{color:var(--error)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.primary{background:var(--accent);color:var(--accent-ink);font-weight:500;min-height:48px}.primary:is(:hover,:focus-visible):not(:disabled){background:color-mix(in srgb,var(--accent) 90%,var(--accent-ink))}.icon-button{width:44px;height:44px;padding:10px;flex:none}.ghost,.quiet{color:var(--muted)}.brandmark,.brand-wordmark{display:block;flex:none;background:currentColor;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat}.brandmark{-webkit-mask-image:url(/brand/mark.png);mask-image:url(/brand/mark.png);width:26px;height:24px}.brand-wordmark{-webkit-mask-image:url(/brand/wordmark.png);mask-image:url(/brand/wordmark.png);width:128px;height:20px}.rail{position:fixed;inset:0 auto 0 0;width:56px;border-right:1px solid var(--line);z-index:10;background:var(--display)}nav{display:flex;flex-direction:column;gap:12px;height:100%}nav>a,nav>button,.nav-bottom>a,.nav-bottom>button{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:48px;padding:10px;border-radius:6px;text-decoration:none;color:var(--ink)}.rail nav{padding:20px 8px}.rail nav>a,.rail .nav-bottom>a,.rail .nav-bottom>button{justify-content:center}.nav-label{display:none}.nav-bottom{margin-top:auto;display:flex;flex-direction:column;gap:12px}.mobile-header,.mobile-actions,.mobile-only{display:none}.workspace{position:relative;isolation:isolate;margin:24px auto 24px 80px;width:calc(100% - 104px);max-width:1800px;display:grid;border-radius:16px;background:transparent}.workspace.alone{max-width:720px;margin:24px auto;width:calc(100% - 140px);position:relative;left:28px}.workspace.split{grid-template-columns:55% 45%;height:calc(100dvh - 48px);min-height:520px}.receiver{position:relative;z-index:1;background:var(--surface);border-radius:16px;contain:layout;padding:24px;overflow:auto;min-width:0}.workspace[data-shape-present=true]>.receiver{box-shadow:var(--shadow)}.workspace[data-moving]>:is(.receiver,.shape-panel){will-change:transform}.player{min-width:0}.player-display{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title header" "media media" "timeline timeline";column-gap:12px;background:var(--player-display);color:var(--player-ink);border-radius:6px;padding:20px 24px;--ink: var(--player-ink);--muted: var(--player-muted);--hover: var(--player-hover);--line: var(--player-line);--link: var(--player-link)}.player-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;margin:-4px -8px 12px}.display-actions{display:flex;align-items:center;margin-left:auto}.display-actions .quiet{color:var(--player-link)}.station-trigger{color:var(--player-ink);font-size:14px}.player-display h1{grid-area:title;font-size:clamp(28px,2.6vw,38px);overflow-wrap:anywhere}.player-media{grid-area:media;display:flex;flex-direction:column;align-items:center;gap:12px;margin:20px 0 12px}.artwork{display:block;width:144px;height:144px;flex:none;overflow:hidden;border-radius:6px;background:var(--surface)}.artwork img{width:100%;height:100%;object-fit:cover;display:block}.artwork[data-crop="1"] img{transform:scale(1.6) translate(-12%,10%)}.artwork[data-crop="2"] img{transform:scale(1.6) translate(12%,-10%)}.artwork[data-crop="3"] img{transform:scale(1.8) translate(-14%,-12%)}.artwork[data-crop="4"] img{transform:scale(1.8) translate(14%,12%)}.visualizer{width:100%;height:56px;padding:0;min-width:0;color:var(--player-link)}.visualizer canvas{width:100%;height:100%}.visualizer:hover{background:transparent!important}.timeline{grid-area:timeline;display:flex;align-items:center;gap:12px;font:13px var(--mono);font-variant-numeric:tabular-nums}.timeline input{width:100%;--range-color: var(--player-link)}.transport{display:flex;align-items:center;justify-content:space-between;padding:12px 0 20px}.playback-actions{display:flex;align-items:center;gap:12px}.play{width:64px;height:60px;color:var(--accent-ink);background:var(--accent);border-radius:6px}.play:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 90%,var(--accent-ink))}.play svg{fill:currentColor;stroke-width:1.6}.play:has(svg.lucide-loader-circle) svg{fill:none}.volume{display:flex;align-items:center;gap:8px;color:var(--muted)}.volume input{width:100px;--range-color: var(--ink)}.player-error{margin:8px 0 16px;color:var(--error)}.public-attribution{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;color:var(--muted)}.public-description{margin:0 0 16px;max-width:65ch;overflow-wrap:anywhere}.tools{min-width:0;border-top:1px solid var(--line);padding-top:10px}.desktop-tool-tabs{flex:none}.tool-tooltip{z-index:90;padding:8px 12px;border-radius:12px;color:var(--ink);background:var(--hover);font-size:13px;line-height:1.4;max-width:min(320px,calc(100vw - 32px))}.tools-reveal{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:0fr}.tools-reveal[data-expanded=true]{grid-template-rows:1fr}.tools-clip{min-width:0;min-height:0;overflow:clip}.tool-frame{position:relative;display:flex;flex:1;min-width:0;min-height:0;height:100%}.tool-content{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:auto;visibility:hidden}.tool-content[data-ready=true]{visibility:visible}.tool-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;color:var(--muted);font-size:14px}.tool-loading svg{animation:tool-loading-spin .9s linear infinite}@keyframes tool-loading-spin{to{transform:rotate(360deg)}}.tabs{display:flex;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs button{font-size:14px;color:var(--muted);padding:10px 14px}.tabs button[data-state=active]{color:var(--ink);background:var(--hover)}.controls-body{min-height:180px;position:relative}.parameter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:24px 12px;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--canvas) 72%,var(--surface))}.program-controls{flex:none;min-width:0}.program-parameter-bank{padding-top:16px}.program-parameter-bank dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:20px 24px;margin:0}.program-parameter{min-width:0;max-width:280px}.program-parameter[data-array=true]{grid-column:1 / -1;max-width:none}.program-parameter dt{margin-bottom:2px;color:var(--muted);font-size:14px;overflow-wrap:anywhere}.program-parameter dd{margin:0;font-family:var(--mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.program-value{display:block;color:var(--ink);font-size:20px;line-height:1.4}.program-value-track{position:relative;height:4px;margin-top:8px;border-radius:2px;background:var(--boundary)}.program-value-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--link)}.program-value-marker{position:absolute;top:-3px;width:2px;height:10px;transform:translate(-50%);background:var(--ink)}.program-value-track[data-constant=true] .program-value-marker{background:var(--muted)}@media (max-width: 960px){.program-parameter-bank dl{row-gap:16px}}.parameter{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:13px;color:var(--muted)}.parameter>span{color:var(--ink);font-size:14px}.parameter:focus-within>span{color:var(--link)}.parameter-dial-slot{display:contents}.parameter-dial{width:100px;height:100px;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;cursor:pointer}.parameter-dial[aria-disabled=true]{touch-action:auto;cursor:default}.parameter-dial svg{display:block;width:100%;height:100%;pointer-events:none}.parameter output{display:inline-block;flex:none;white-space:nowrap;text-align:right;font-family:var(--mono);font-size:18px;color:var(--ink);font-variant-numeric:tabular-nums}.dial-track,.dial-value{fill:none;stroke:var(--boundary);stroke-width:2;stroke-linecap:round}.dial-value{stroke:var(--link);stroke-width:3}.dial-face{filter:drop-shadow(0 3px 2px color-mix(in srgb,var(--canvas) 85%,transparent))}.dial-rim{fill:none;stroke:color-mix(in srgb,var(--ink) 12%,transparent);stroke-width:.6}.parameter-dial:is(:hover,:focus-visible) .dial-rim{stroke:var(--muted)}.parameter-dial:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:50%}.dial-pointer{stroke:var(--link);stroke-width:3;stroke-linecap:round}.dial-captured{fill:var(--link);stroke:var(--display);stroke-width:1}.manual-override{position:sticky;z-index:3;bottom:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;margin-top:24px;padding:12px 16px;color:var(--ink);background:var(--display);border-top:1px solid var(--line);border-radius:12px;animation:manual-override-in .18s cubic-bezier(.16,1,.3,1)}.manual-override span{min-width:0;color:var(--ink);font-size:13px;line-height:1.35}.manual-override button{flex:none;gap:6px;min-height:44px;color:var(--accent-ink);background:var(--accent)}.manual-override button:is(:hover,:focus-visible){background:var(--link)}.manual-override time{font-family:var(--mono);font-size:12px}@keyframes manual-override-in{0%{transform:translateY(8px)}}@media (min-width: 961px){.transport{display:grid;grid-template-columns:minmax(148px,1fr) auto minmax(76px,1fr);gap:6px;padding:12px 0}.transport .playback-actions{gap:4px}.transport .play{width:44px;height:44px;padding:0;border-radius:50%}.transport .play:is(:hover,:focus-visible):not(:disabled){background:color-mix(in srgb,var(--accent) 90%,var(--accent-ink))}.transport .play svg{width:20px;height:20px}.transport .playback-actions .icon-button{color:var(--muted);border-radius:50%}.transport .playback-actions .icon-button:is(:hover,:focus-visible):not(:disabled){color:var(--ink)}.transport .playback-actions .icon-button svg{width:20px;height:20px;fill:currentColor}.transport .volume{justify-self:end;width:100%;max-width:152px;min-width:0}.transport .volume .icon-button{flex:none}.transport .volume input{flex:1;width:100%;min-width:24px}.tools{padding-top:20px}.workspace.alone:has(.tools-reveal[data-expanded=true]){height:calc(100dvh - 48px)}.receiver{display:flex;flex-direction:column;min-height:0}.player-masthead{flex:none}.tools-reveal{min-height:0;flex:0 1 auto}.tools-reveal[data-expanded=true]{flex:1}.tools-clip{display:flex}.tools-clip>.tools{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.tools .controls-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.tools .parameter-grid{flex:1 1 auto;min-height:min-content;grid-template-columns:repeat(var(--parameter-columns),minmax(0,1fr));grid-auto-rows:minmax(min-content,1fr);max-height:calc(var(--parameter-rows) * 144px + (var(--parameter-rows) - 1) * 20px + 32px);gap:12px 8px;padding:8px 12px}.tools .parameter{justify-content:center;min-width:0;gap:2px;line-height:1.25;overflow-wrap:anywhere}.tools .parameter-dial-slot{display:grid;place-items:center;align-self:stretch;flex:1;min-width:0;min-height:44px;max-height:96px;container-type:size}.tools .parameter-dial{width:clamp(44px,100cqmin,96px);height:auto;aspect-ratio:1}.tools .parameter-dial:focus-visible{background:transparent}.tools .parameter-dial:focus-visible .dial-track{stroke:var(--ink)}.tools .toggle-param{margin:0;width:44px;padding:0;border-radius:12px;align-self:center}.tools .manual-override{flex:none;margin-top:auto}.tools .source-code{max-height:none}}.toggle-param{background:var(--surface);margin:24px 0}.project-use{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}.project-use p{margin:0;color:var(--muted);max-width:65ch;font-size:14px;line-height:1.5}.project-use .copy-action+p{margin-top:12px}.project-use>div{width:100%}.project-use>a{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:44px;font-size:14px;color:var(--muted)}.source-view{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}.source-panel{display:flex;flex-direction:column;min-height:0;flex:1;--code-class: #24587a;--code-keyword: #7d3e75;--code-number: #8b4821;--code-symbol: #3f652a;--code-string: #696019;background:var(--display);border-radius:6px;overflow:hidden}[data-theme=dark] .source-panel{--code-class: #99cdeb;--code-keyword: #d5b0db;--code-number: #edb88e;--code-symbol: #b4ce92;--code-string: #d9c08c}.source-actions{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:8px 12px 8px 20px;border-bottom:1px solid var(--line)}.source-file{display:flex;align-items:center;flex:1;min-width:0;gap:12px;color:var(--muted);font-size:14px}.source-file>svg{flex:none}.source-file>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-file small{flex:none;font-size:12px}.source-panel:has(.copy-recovery) .source-file{display:none}.source-actions .copy-action{display:flex;flex-direction:column;align-items:flex-end;min-width:0}.source-actions:has(.copy-recovery) .copy-action{flex:1;align-self:stretch}.source-panel:has(.copy-recovery) .source-actions{flex:1;min-height:0}.source-panel:has(.copy-recovery) .source-code{display:none}.source-actions .icon-button{width:44px;height:44px;padding:0;color:var(--muted)}.source-actions .icon-button:is(:hover,:focus-visible):not(:disabled){color:var(--ink);background:var(--hover)}.source-actions .copy-recovery{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.source-actions .copy-recovery textarea{flex:1;resize:none;font-family:var(--mono);font-size:12px;white-space:pre}.source-panel>[role=status]{margin:0;padding:16px}.copy-action .copy-button{width:auto;min-width:min(240px,100%);min-height:48px;background:var(--ink);color:var(--canvas)}.copy-action .copy-button:is(:hover,:focus-visible):not(:disabled){background:var(--muted);color:var(--canvas)}.source-code{flex:1;min-height:0;margin:0;padding:20px;border-radius:0;white-space:normal;max-height:460px;overflow:auto;font-size:13px;line-height:1.85}.source-code code{display:block;max-width:96ch;font:inherit}.source-code:focus-visible{outline:1px solid var(--ink);outline-offset:-2px}.code-line{display:grid;grid-template-columns:3ch minmax(0,1fr);gap:24px;min-height:1.85em}.line-content{white-space:pre-wrap;overflow-wrap:anywhere;-moz-tab-size:4;tab-size:4;padding-left:var(--hanging);text-indent:calc(-1 * var(--hanging))}.line-number{text-align:right;color:var(--muted);-webkit-user-select:none;user-select:none}.copy-action>button{width:100%}.copy-recovery{margin-top:12px;color:var(--error)}.copy-recovery textarea{width:100%;min-height:96px;margin-top:8px;color:var(--ink)}.project-use pre{padding:16px;margin:8px 0;background:var(--canvas);border-radius:6px;max-height:min(40dvh,360px);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.shape-panel{position:relative;z-index:0;display:flex;flex-direction:column;min-height:0;min-width:0;padding:24px;background:var(--canvas);border-radius:0 16px 16px 0}.workspace.alone>.shape-panel{position:absolute;top:0;visibility:hidden;pointer-events:none}.panel-head h2[tabindex="-1"]:focus{outline:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.conversation-content{display:flex;flex-direction:column;min-height:0;height:100%;gap:12px}.transcript-region{position:relative;flex:1;min-height:0}.transcript{position:relative;height:100%;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;padding:2px}.version-entry{padding:12px 0 20px;display:flex;flex-direction:column;gap:12px}.version-entry+.version-entry{margin-top:12px;border-top:1px solid var(--line);padding-top:24px}.version-entry>p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.version-entry>.request{margin-bottom:20px;padding:0;align-self:flex-start;max-width:min(100%,70ch);font-size:14px;font-weight:500;line-height:1.6}.version-row{display:flex;width:100%;padding:8px;text-align:left;justify-content:flex-start;gap:10px;border-radius:6px}.version-row>.version-title{display:flex;flex-direction:column;gap:0;flex:1;min-width:0;overflow-wrap:anywhere}.version-row strong{font-size:14px;font-weight:500}.version-row .artwork{width:36px;height:36px}.version-title>span{font-size:12px;color:var(--muted)}.version-row[aria-pressed=true]{background:var(--hover)}.musical-description{padding-inline:8px;font-size:14px;line-height:1.6;color:var(--muted)}.generation-progress{display:flex;align-items:center;gap:8px;margin:0;padding-block:4px;color:var(--muted);font-size:14px;line-height:1.5}.generation-summary{min-width:0}.generation-timing{display:block;font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.build-indicator{flex:none;animation:build-spin 1s linear infinite}@keyframes build-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.build-indicator{animation:none}.tools-reveal{transition:none}}.generation-details{padding-inline:0;color:var(--muted);font-size:14px}.generation-details summary{display:flex;align-items:center;gap:8px;width:fit-content;min-height:44px;padding:8px 4px;cursor:pointer;list-style:none}.generation-details>summary{width:fit-content}.activity-toggle{display:inline-flex;align-items:center;gap:8px;min-height:28px;font-size:13px}.generation-details summary::-webkit-details-marker{display:none}.generation-details summary>svg{flex:none}.generation-details[open]>summary .disclosure-chevron,.generation-details details[open]>summary .disclosure-chevron{transform:rotate(90deg)}.generation-details summary:hover{color:var(--ink)}.generation-details summary:focus-visible{outline:0;background:var(--hover);border-radius:4px}.generation-detail-content{padding:4px 0 12px}.generation-details:not([open])>.generation-detail-content{display:none}.generation-work{color:var(--muted);font-size:14px;padding:12px 0;min-width:0}.generation-current{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px}.generation-current .generation-progress{color:var(--ink)}.stop-generation{min-height:44px;padding:8px 12px;color:var(--ink);font-size:13px;border-radius:6px;background:transparent}.stop-generation:hover,.stop-generation:focus-visible{background:var(--hover)}.generation-help,.next-draft-help{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0 12px;max-width:70ch}.next-draft-help{margin:12px 0 0}.draft-recovery{min-height:44px;padding:8px 0;font-size:13px;text-align:left}.musical-intention{margin-bottom:20px;max-width:70ch}.musical-intention h3{margin:0 0 6px;font-size:13px;font-weight:600;color:var(--muted)}.musical-intention p{margin:0;color:var(--ink);line-height:1.65;overflow-wrap:anywhere}.generation-disclosures{display:flex;align-items:flex-start;gap:4px 24px;flex-wrap:wrap}.generation-disclosures>details[open]{flex-basis:100%}.generation-disclosures>.build-details>summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;font-size:13px}.generation-disclosures>.build-details>summary::-webkit-details-marker{display:none}.generation-disclosures>.build-details[open]>summary .disclosure-chevron{transform:rotate(90deg)}.activity-preview{margin-top:12px}.generation-work:has(.generation-details[open])>.activity-preview{display:none}.generation-stopped{color:var(--ink);padding-block:12px}.technical-content{max-height:min(32dvh,280px);overflow:auto;overscroll-behavior:contain;padding:8px 12px;border-radius:6px;background:var(--surface);scrollbar-gutter:stable}.activity-record{margin:0;padding:0;list-style:none}.activity-line{display:flex;align-items:flex-start;gap:8px;min-height:28px;padding:4px;line-height:1.5}.build-model{margin:0 4px;overflow-wrap:anywhere;font-family:var(--mono);font-size:12px}.build-details pre{margin:0 4px 12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65}.generation-failure{padding:12px 8px}.generation-failure p{margin:0 0 8px;max-width:65ch;font-size:14px;overflow-wrap:anywhere;line-height:1.5}.generation-failure .failure-title{margin-bottom:4px;color:var(--error);font-weight:500}.generation-failure .failure-title+p{color:var(--muted)}.failure-hint{color:var(--muted);font-size:14px}.failure-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.failure-actions button,.generation-failure>button{min-height:44px;padding:10px 14px;font-size:14px;color:var(--ink);background:var(--hover)}.latest-message{position:absolute;right:12px;bottom:8px;min-height:44px;gap:6px;padding:8px 12px;font-size:12px;color:var(--muted);background:var(--display)}.down-arrow{transform:rotate(180deg)}.shape-badge{font-size:14px;font-weight:500;color:var(--muted)}.display-actions .shape-badge{color:var(--player-muted)}.composer-zone{flex:none;min-width:0}.directions-tray{margin:0 10px -12px;padding:2px 4px 12px;border:1px solid var(--line);border-radius:14px 14px 0 0;background:var(--surface)}.directions{display:flex;gap:4px;margin:0;overflow:auto}.direction{flex:none;gap:4px;max-width:min(28ch,80%);padding:6px 8px;font-size:13px;line-height:1.25;color:var(--muted);text-align:left}.direction svg{flex:none}.direction-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer{position:relative;padding:20px;border-radius:16px;background:var(--display)}.composer textarea{display:block;width:100%;background:transparent;border:0;padding:0;min-height:46px;max-height:180px;resize:none;font-size:16px;line-height:1.5}.composer textarea:focus-visible{background:transparent}.composer textarea::placeholder{color:color-mix(in srgb,var(--muted) var(--placeholder-ink-amount, 85%),var(--display));opacity:1}.composer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:12px}.options-trigger{font-size:13px;color:var(--muted);padding:8px 0;text-align:left;line-height:1.4}.send{background:var(--hover);color:var(--ink);border-radius:50%;width:48px;height:48px;min-height:48px}.send:not(:disabled){background:var(--accent);color:var(--accent-ink)}.new-track{--creation-top: clamp(36px, 18vh, 180px);margin:var(--creation-top) auto 32px;max-width:640px;width:calc(100% - 140px);transform:translate(28px)}.new-track h1{margin-bottom:24px}.new-track.has-conversation{display:flex;flex-direction:column;height:calc(var(--viewport-height) - var(--creation-top) - 32px);min-height:0}.new-track.has-conversation h1{flex:none}.new-track .conversation-content{height:auto;flex:1}.new-track .transcript-region{flex:1}.menu{max-width:min(320px,calc(100vw - 24px));max-height:var(--radix-dropdown-menu-content-available-height);overflow:auto;background:var(--display);color:var(--ink);padding:8px;border-radius:12px;box-shadow:var(--shadow);z-index:100;font-size:14px}.menu [role=menuitem]{min-height:44px;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;cursor:pointer;outline:0}.menu [data-disabled]{opacity:.5;cursor:default}.menu [role=separator]{height:1px;background:var(--line);margin:8px 0}.direction-menu{width:min(360px,calc(100vw - 24px));max-width:min(360px,calc(100vw - 24px));padding:6px}.direction-menu [role=menuitem]{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:10px;padding:12px;line-height:1.55;white-space:normal;overflow-wrap:anywhere}.direction-menu [role=menuitem]+[role=menuitem]{border-top:1px solid var(--line)}.direction-menu svg{margin-top:3px}.menu-label{color:var(--muted);font-size:12px;padding:8px 12px}.generation-options{width:320px}.menu .model-row{display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:8px;width:100%;min-height:44px;padding:12px 16px;text-align:left;border-radius:8px}.instrument-options{display:grid;grid-template-columns:1fr 1fr;gap:4px}.overlay-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.overlay-layer[data-state=closed]{pointer-events:none}.overlay-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#020c0970;z-index:0;pointer-events:auto}.overlay-content{position:fixed;z-index:1;pointer-events:auto;background:var(--canvas);color:var(--ink);display:flex;flex-direction:column;max-height:calc(var(--viewport-height) - 32px);overflow:hidden;box-shadow:var(--shadow);outline:0}.overlay-bottom{width:min(640px,calc(100% - 32px));left:50%;top:50%;transform:translate(-50%,-50%);border-radius:16px;animation:dialog-in .18s cubic-bezier(.16,1,.3,1)}.overlay-right{right:0;top:var(--viewport-top);width:min(480px,100%);height:var(--viewport-height);max-height:var(--viewport-height);animation:drawer-in .26s cubic-bezier(.16,1,.3,1)}.overlay-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:16px;flex:none}.overlay-head h2{margin:0;font-size:16px}.overlay-track-actions .overlay-head h2{font-size:20px;font-weight:500;overflow-wrap:anywhere}.overlay-body{min-height:0;overflow:auto;padding:0 20px 24px}.overlay-right:has(nav) .overlay-head{position:absolute;top:12px;right:max(16px,env(safe-area-inset-right));padding:0}.overlay-right:has(nav) .overlay-body{flex:1;padding-top:12px}.overlay-right nav .brand-home{margin-right:56px}.overlay-right nav .nav-label{display:inline}.overlay-right nav .brand-wordmark{display:block}.overlay-content:has(.conversation-content){height:calc(var(--viewport-height) - 32px)}.overlay-content:has(.conversation-content) .overlay-body{flex:1;display:flex;flex-direction:column}.route-error,.route-loading{min-height:min(620px,calc(var(--viewport-height) - 80px));margin:0 auto;padding-block:72px;width:calc(100% - 140px);max-width:720px;display:flex;flex-direction:column;justify-content:center;gap:24px}.route-error p{max-width:54ch;color:var(--muted);line-height:1.6}.route-error a{width:fit-content;color:var(--link)}.route-error button{align-self:flex-start}.route-loading{align-items:center;color:var(--muted);text-align:center}.route-loading:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--link);box-shadow:20px 0 color-mix(in srgb,var(--link) 55%,transparent),40px 0 color-mix(in srgb,var(--link) 25%,transparent);margin-right:40px}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dialog-in{0%{transform:translate(-50%,calc(-50% + 32px))}to{transform:translate(-50%,-50%)}}@media (min-width: 961px) and (max-height: 760px){.workspace.split{min-height:440px}.receiver,.shape-panel,.player-display{padding:20px}.player-media{margin:16px 0 8px}.player-display h1{font-size:28px}.transport{padding-bottom:12px}.parameter-dial{width:84px;height:84px}.parameter-grid{gap:16px}}@media (max-width: 960px){.desktop-only,.rail{display:none!important}.mobile-only{display:block}.mobile-header{display:flex;align-items:center;justify-content:space-between;min-height:calc(64px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));gap:16px}.mobile-header>a{color:var(--ink);display:flex;align-items:center;gap:12px;text-decoration:none}.workspace,.workspace.alone{width:auto;max-width:none;margin:8px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));padding-bottom:0;left:auto;display:block;background:transparent;border-radius:0;overflow:visible}.workspace.alone{width:calc(100% - max(16px,env(safe-area-inset-left)) - max(16px,env(safe-area-inset-right)));max-width:720px;margin-inline:auto}.receiver{padding:0;overflow:visible;background:transparent}.player{display:flex;flex-direction:column;min-height:calc(100dvh - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.public-workspace .player{min-height:0}.public-workspace .transport{flex:none}.player-display{padding:20px 20px 12px;border-radius:12px;flex:none}.player-display h1{font-size:28px;line-height:1.2}.player-media{margin:24px 0 12px;gap:16px}.visualizer{height:48px}.timeline{gap:8px;font-size:12px}.transport{justify-content:center;padding:24px 0;flex:1}.playback-actions{gap:36px}.play{width:96px;height:96px;border-radius:50%}.play svg{width:36px;height:36px}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0}.mobile-actions>button{width:100%;min-height:56px;scroll-margin-block:8px;background:var(--surface);font-size:15px}.mobile-actions>button:last-child{color:var(--ink)}.overlay-bottom{width:100%;left:0;top:auto;bottom:calc(100dvh - var(--viewport-height) - var(--viewport-top));transform:none;max-height:calc(var(--viewport-height) - 12px);border-radius:16px 16px 0 0;animation:sheet-in .26s cubic-bezier(.16,1,.3,1)}.overlay-tools{height:min(720px,calc(var(--viewport-height) - 12px));max-height:min(720px,calc(var(--viewport-height) - 12px))}.overlay-content:has(.conversation-content){height:var(--viewport-height);max-height:var(--viewport-height);border-radius:0;container-type:size}.overlay-head{padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}.overlay-body{padding:0 max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.overlay-body .tools{border:0;padding-top:0}.tabs{gap:6px;margin-bottom:20px}.tabs button{flex:none;font-size:14px;min-height:44px;padding:8px}.parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.parameter-dial{width:88px;height:88px}.parameter{font-size:12px}.copy-action .copy-button{background:var(--ink);color:var(--canvas);width:100%;min-width:0;min-height:48px;font-size:14px}.copy-action .copy-button:is(:hover,:focus-visible):not(:disabled){background:var(--muted);color:var(--canvas)}.source-file small{display:none}.source-actions{padding-left:16px}.code-line{gap:12px}.source-code{max-height:min(52dvh,430px);padding:12px;font-size:12px}.new-track{--creation-top: 34px;width:calc(100% - max(16px,env(safe-area-inset-left)) - max(16px,env(safe-area-inset-right)));transform:none;margin:var(--creation-top) auto 20px;padding-inline:4px}.new-track.has-conversation{height:calc(var(--viewport-height) - var(--creation-top) - 96px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.new-track h1{font-size:30px;line-height:1.5;margin-bottom:24px}.new-track:not(.has-conversation) .composer{padding:16px}.new-track:not(.has-conversation) .composer textarea{min-height:74px}.new-track:not(.has-conversation) .composer-actions{margin-top:4px}.composer{padding:16px}.composer textarea{min-height:44px}.composer-actions{margin-top:8px}.send{width:48px;height:48px}.composer-help{display:none}.options-trigger{font-size:13px;min-height:48px}.transcript{min-height:0}.directions{max-height:min(144px,30dvh)}.generation-options{max-width:calc(100vw - 24px)}.route-error,.route-loading{width:auto;margin:48px max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left))}.public-attribution{font-size:13px;padding-bottom:8px}}@media (max-width: 360px){.overlay-tools .tabs button{padding-inline:10px}.overlay-tools .tabs button svg{display:none}.player-display{padding:16px}.player-display h1{font-size:28px}.playback-actions{gap:28px}.parameter-dial{width:76px;height:76px}.parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-actions{gap:8px}.mobile-actions>button{padding:8px;font-size:14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.overlay-content[data-state=closed]{animation:dialog-out .2s cubic-bezier(.4,0,1,1) both}.overlay-scrim[data-state=closed]{pointer-events:none}@keyframes dialog-out{to{transform:translate(-50%,calc(-50% + 32px))}}@media (max-width: 960px){.overlay-right[data-state=closed]{animation:drawer-out .18s ease-in both}@keyframes drawer-out{to{transform:translate(100%)}}}.mobile-volume{display:none}@media (max-width: 960px){.mobile-volume{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:16px 0;margin-top:20px;color:var(--muted);font-size:14px}.mobile-volume input{flex:1;width:100%;min-width:0}}.mini-player{position:fixed;z-index:20;left:80px;right:24px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.mini-track{min-width:0;justify-content:flex-start;text-align:left}.mini-track .artwork{width:44px;height:44px}.mini-track span:not(.artwork){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player .play{width:48px;height:48px;flex:none}@media (max-width: 960px){.mini-player{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:8px}.surface-library:has(~.mini-player){padding-bottom:100px}}.ancestry{color:var(--muted);font-size:13px;margin:0 0 16px}body:has(.mini-player) main{padding-bottom:110px}.overlay-right[data-state=closed]{animation:drawer-out .18s ease-in both}@keyframes drawer-out{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.overlay-content,.overlay-scrim,.overlay-layer{animation:none!important}}.primary:disabled{background:var(--hover);color:var(--muted);opacity:1}.player-header.track-header{align-items:flex-start;margin:0 0 12px;gap:12px}.player-header .display-actions{flex:none}.version-artwork{flex:none;width:36px;height:36px}.version-status{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--link)}.overlay-head>h2{flex:1;min-width:0}.overlay-head-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.sheet-player{padding:12px 12px 4px;margin-bottom:16px;background:var(--surface);border-radius:12px;flex:none}.sheet-player-row{display:flex;align-items:center;gap:12px}.sheet-player .artwork{width:40px;height:40px}.sheet-player-title{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.sheet-player-title strong{font-size:16px;line-height:1.25;font-weight:500;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sheet-player-title span{font-size:12px;color:var(--muted)}.sheet-player .play{width:64px;height:64px;min-height:64px;border-radius:50%;flex:none}.sheet-player .play svg{width:28px;height:28px}.sheet-player input{width:100%}.overlay-tools .overlay-head{position:absolute;top:26px;right:max(16px,env(safe-area-inset-right));padding:0;z-index:1}.overlay-tools .overlay-body{display:flex;flex-direction:column;flex:1;padding-top:26px;overflow:hidden}.overlay-tools .tools,.overlay-tools .tools>div{display:flex;flex-direction:column;flex:1;min-height:0}.overlay-tools [role=tabpanel]{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.overlay-tools .tabs{padding-right:44px;border:0;margin-bottom:12px;padding-bottom:0;gap:4px}.project-use details{width:100%;border-top:1px solid var(--line);padding-top:12px}.project-use summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;color:var(--muted);font-size:14px}.project-use summary::-webkit-details-marker{display:none}.project-use details[open] summary svg{transform:rotate(90deg)}.code-class{color:var(--code-class)}.code-keyword{color:var(--code-keyword)}.code-number{color:var(--code-number)}.code-string{color:var(--code-string)}.code-symbol{color:var(--code-symbol)}.code-comment{color:var(--muted)}:root[data-palette=gunmetal] .source-panel{--code-class: var(--ink);--code-keyword: var(--ink);--code-number: var(--ink);--code-symbol: var(--muted);--code-string: var(--muted)}:root[data-palette=gunmetal] .code-class{font-weight:600}:root[data-palette=gunmetal] .code-keyword{font-weight:700}:root[data-palette=gunmetal] :is(.code-comment,.code-symbol){font-style:italic}.new-track,.ideas-menu{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.idea-discovery{display:inline-flex;align-items:center;margin-top:24px;gap:24px}.surprise-action,.more-ideas{min-height:44px;padding:8px 0;font-size:14px;border-radius:0}.more-ideas{color:var(--muted)}.idea-discovery button:is(:hover,:focus-visible){background:transparent;text-decoration:underline;text-underline-offset:4px}.ideas-menu{width:min(360px,calc(100vw - 40px));padding:8px}.ideas-menu .idea{min-height:72px}.ideas-menu .idea:is(:hover,:focus-visible){background:transparent}.ideas-menu .idea:is(:hover,:focus-visible)>span{text-decoration:underline;text-underline-offset:4px}.ideas-menu .idea:focus-visible{outline:1px solid var(--ink);outline-offset:-2px}.send{border:2px solid transparent}.send.create-action:not(:disabled):is(:hover,:focus-visible){background:var(--accent);color:var(--accent-ink)}.send.create-action:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.send.icon-button:not(:disabled):is(:hover,:focus-visible){background:linear-gradient(var(--accent),var(--accent)) padding-box,conic-gradient(from 35deg,#ed936e,#e0bc62,#8ecb9b,#85b9ec,#be9adc,#ed936e) border-box;color:var(--accent-ink)}.idea{display:flex;width:100%;justify-content:space-between;gap:16px;padding:12px 16px;min-height:60px;border-radius:12px;text-align:left}.idea+.idea{margin-top:4px}.idea span{min-width:0}.idea>svg{flex:none}.idea small{display:block;font-size:14px;color:var(--muted);margin-top:2px}@media (min-width: 961px){.workspace.public-workspace.alone{max-width:940px}.new-track{--creation-top: clamp(24px, 10vh, 96px);max-width:720px;margin:var(--creation-top) auto 32px}.new-track h1{line-height:1.2}.new-track .composer{background:var(--player-display);color:var(--player-ink);--ink: var(--player-ink);--muted: var(--player-muted);--hover: var(--player-hover);--display: var(--player-display)}.new-track:not(.has-conversation) .composer{padding:16px}.new-track:not(.has-conversation) .composer textarea{min-height:104px}.new-track:not(.has-conversation) .composer-actions{margin-top:4px}.workspace.split .player-media{margin-top:16px;margin-bottom:8px}.workspace.split .receiver{padding:24px}.workspace.split .track-header{margin-bottom:0}.timeline input{min-height:32px;height:32px}.workspace.split .shape-panel{padding-top:42px}.workspace.split .player-display h1{font-size:32px}}@media (min-width: 961px) and (max-width: 1050px){.workspace.split{grid-template-columns:1fr 1fr}.workspace.split .player-display>h1{font-size:24px;line-height:1.2}}@media (min-width: 961px) and (max-width: 1440px){.workspace.split .track-header{flex-wrap:wrap;gap:4px}.workspace.split .track-header .display-actions{margin-left:0}}@media (min-width: 961px) and (max-height: 800px){.workspace:is(.alone,.split) .player-display{padding:14px 16px 8px}.workspace:is(.alone,.split) .player-media{margin:10px 0 4px}.workspace:is(.alone,.split) .player-display h1{font-size:28px}}@media (max-width: 960px){.mobile-header .icon-button{width:48px;height:48px}.player-display h1{font-size:28px}.overlay-head h2{font-weight:500}.overlay-bottom{border-top:1px solid var(--line)}.overlay-track-actions .overlay-head{padding-top:28px}.overlay-tools:before,.overlay-track-actions:before{content:"";position:absolute;left:calc(50% - 16px);top:12px;height:4px;width:32px;background:var(--boundary);border-radius:4px}.overlay-content:has(.conversation-content) .overlay-body{overflow:hidden}}@media (max-width: 960px) and (max-height: 600px){.player-display{padding:16px 16px 8px}.player-media{margin:12px 0 4px}.transport{padding:16px 0}.play{width:80px;height:80px}.mobile-actions>button{min-height:48px}.sheet-player{padding-top:8px;margin-bottom:8px}.sheet-player .play{width:56px;height:56px;min-height:56px}.sheet-player input{display:none}}@media (min-width: 600px) and (max-width: 960px) and (max-height: 500px){.workspace.alone .player{display:grid;grid-template-columns:minmax(0,1fr) 240px;grid-template-rows:1fr auto;gap:16px;min-height:0}.workspace.alone .player-display{grid-column:1;grid-row:1 / span 2}.workspace.alone .transport{grid-column:2;grid-row:1;align-self:center;padding:0}.workspace.alone .playback-actions{gap:16px}.workspace.alone .play{width:96px;height:96px}.workspace.alone .mobile-actions{grid-column:2;grid-row:2;gap:8px;padding-bottom:20px}.workspace.alone .mobile-actions>button{min-height:56px;padding-inline:8px}}.track-actions-sheet{display:flex;flex-direction:column;gap:4px}.track-actions-sheet>button{width:100%;justify-content:flex-start;padding:12px;min-height:52px}.track-actions-sheet>button span{flex:1;text-align:left}.sheet-volume{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);margin-top:12px;padding-top:16px;color:var(--muted);font-size:14px}.sheet-volume input{flex:1;width:100%}.section-timeline{display:flex;flex:none;width:100%;background:var(--display);overflow:hidden;border-radius:6px;margin-bottom:16px}.section-timeline button{flex-basis:0;min-width:0;min-height:44px;border-radius:0;box-shadow:inset -1px 0 var(--line);padding:0;font-size:14px}.section-timeline button:last-child{box-shadow:none}.section-timeline button[aria-current=true]{background:var(--hover);color:var(--ink)}.section-timeline button:focus-visible{outline-offset:-3px}.section-label{display:block;padding-inline:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@container (max-height: 550px){.sheet-player{padding-top:8px;margin-bottom:8px}.sheet-player input{display:none}.sheet-player .play{width:56px;height:56px;min-height:56px}.composer textarea{max-height:66px}}@container (max-height: 320px){.sheet-player{display:none}.overlay-head{padding-block:4px}.directions{flex-wrap:nowrap;max-height:44px}.direction{flex:none}.composer{padding:8px 16px}.composer textarea{min-height:32px;max-height:44px}.composer-actions{margin-top:4px}}.station-feedback{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);margin:0;padding:.75rem 0}.station-empty{margin:auto;width:min(100% - 2rem,40rem);padding-block:3rem}.station-empty h1{margin-block:2rem 1rem}.station-empty button{min-height:44px}.station-empty>button{margin-inline-end:1rem;margin-block-start:1rem}::selection{background:var(--accent);color:var(--accent-ink)}html{scrollbar-color:var(--boundary) var(--canvas)}.receiver{padding:24px}.artwork-sketch{display:block;width:100%;height:100%}.procedural-artwork canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%;color:var(--artwork-ink);background:var(--artwork-ground)}.artwork-frame{position:relative;display:block;flex:none;width:min(100%,320px,36dvh);aspect-ratio:1;border-radius:6px;background:var(--artwork-ground)}.artwork-frame>.artwork{width:100%;height:100%}.artwork-expand{position:absolute;right:8px;bottom:8px;width:44px;height:44px;color:var(--artwork-ink);background:var(--artwork-ground)}.overlay-content.overlay-fullscreen{top:var(--viewport-top);left:0;width:100%;height:var(--viewport-height);max-height:var(--viewport-height);border-radius:0;box-shadow:none;transform:none;animation:none}.overlay-fullscreen .overlay-head{padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}.overlay-fullscreen .overlay-head h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay-fullscreen .overlay-body{display:flex;flex:1;padding:0 max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow:hidden}.fullscreen-artwork{background:var(--artwork-ground)}.fullscreen-artwork .overlay-body{align-items:center;justify-content:center}.fullscreen-artwork .artwork{width:min(100%,calc(var(--viewport-height) - 112px));height:auto;aspect-ratio:1;border-radius:0}.fullscreen-source .source-code{max-height:none;padding:24px}.fullscreen-source .source-code code{margin-inline:auto}.fullscreen-source:has(.copy-recovery) .overlay-head{flex:1;min-height:0;align-items:flex-start}.fullscreen-source:has(.copy-recovery) .overlay-head h2,.fullscreen-source:has(.copy-recovery) .overlay-body{display:none}.fullscreen-source:has(.copy-recovery) .overlay-head-actions{flex:1;height:100%;min-height:0;align-items:flex-start}.fullscreen-source:has(.copy-recovery) .copy-action,.fullscreen-source .copy-recovery{display:flex;flex-direction:column;flex:1;height:100%;min-height:0}.fullscreen-source .copy-recovery textarea{flex:1;min-height:0}.player-display[data-context=radio]{grid-template-areas:"header header" "title title" "media media" "timeline timeline"}.tool-links{display:flex;align-items:center;gap:4px}.tool-links>button{min-height:44px;padding:10px 16px;border-radius:8px;color:var(--muted);background:transparent;font-size:14px;line-height:20px}.tool-links>button:is(:hover,:focus-visible){color:var(--ink);background:transparent;text-decoration:underline;text-underline-offset:4px}.folder-tabs{display:flex;align-items:end;gap:4px;margin:0;padding:4px 0 0;border:0;border-radius:0;background:transparent;width:100%;color:var(--muted)}.folder-tabs>button{position:relative;min-height:44px;padding:12px 24px;border:1px solid var(--line);border-bottom:0;border-radius:12px 16px 0 0;background:var(--surface);color:var(--muted);font-size:14px;line-height:20px}.folder-tabs>button:is([data-state=on],[data-state=active]){z-index:1;margin-bottom:-1px;padding-bottom:13px;color:var(--ink);background:var(--display)}.folder-tabs>button:is(:hover,:focus-visible){color:var(--ink)}.folder-tabs>button:focus-visible{outline-offset:-5px}@media (min-width: 961px){.player-tools{display:flex;flex-direction:column;flex:1;min-height:0}.player-masthead{flex:none}.player-tools .player-display{--player-art-size: clamp(176px, 32dvh, 280px);grid-template-columns:var(--player-art-size) minmax(0,1fr);grid-template-rows:auto auto minmax(48px,1fr) auto;grid-template-areas:"header header" "art title" "art visualizer" "art timeline";gap:8px 24px;padding:20px 24px}.player-tools .player-header{margin:-4px -8px 8px;align-items:center;min-height:44px}.player-tools .player-display h1{margin:0;font-size:32px;line-height:1.25;max-height:2.5em;overflow:hidden;align-self:start}.player-tools .player-media{display:contents}.player-tools .artwork-frame{grid-area:art;width:var(--player-art-size);height:var(--player-art-size);align-self:start}.player-tools .visualizer{grid-area:visualizer;height:72px;align-self:center;margin:0}.player-tools .transport{grid-template-columns:1fr auto 1fr}.player-tools .playback-actions{grid-column:2}.player-tools .volume{grid-column:3}.tools-reveal[data-expanded=true]{background:var(--display);border:1px solid var(--line);border-radius:0 12px 12px;overflow:hidden}.tools-clip>.tools{border:0;padding:12px}.tools-clip>.tools:has(.source-view){padding:0}.tools .source-panel{border-radius:0}.tools .parameter-grid{background:transparent}.player-tools[data-player-layout=compact] .player-display{--player-art-size: 112px}.player-tools[data-player-layout=compact] .player-display h1{font-size:24px}.player-tools[data-player-layout=compact] .visualizer{height:48px}.player-tools[data-player-scroll]{display:block;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;overflow-anchor:none}.player-tools[data-player-scroll]::-webkit-scrollbar{display:none}.player-tools[data-player-scroll] .player-masthead{position:sticky;top:calc(-1 * var(--player-collapse-distance));z-index:2;height:var(--player-expanded-height)}.player-tools[data-player-scroll] .player{position:relative;height:calc(var(--player-expanded-height) - var(--player-offset));transform:translateY(var(--player-offset));background:var(--surface)}.player-tools[data-player-scroll] [data-player-part]{position:absolute;top:0;left:0;grid-area:auto;margin:0;width:var(--player-width);height:var(--player-height);font-size:var(--player-fontSize);transform:translate3d(var(--player-x),var(--player-y),0)}.player-tools[data-player-scroll] .player-display h1{font-size:var(--player-fontSize)}.player-tools[data-player-scroll] .desktop-tool-tabs{position:sticky;top:calc(var(--player-expanded-height) - var(--player-offset));z-index:3;background:var(--surface)}.player-tools[data-player-scroll] .tools-reveal[data-expanded=true]{height:var(--tools-pane-height)}.player-tools[data-player-scroll] .tools-clip{height:100%}.player-tools[data-player-scroll] :is(.tool-content,.controls-body,.source-code){overscroll-behavior:auto}.player-tools[data-player-scroll][data-player-end=false] :is(.tool-content,.controls-body,.source-code){overflow-y:hidden}}.version-row{padding:12px 16px;border-radius:12px}.version-row strong,.version-entry>.request,.musical-description{font-size:16px}.version-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}textarea,input{caret-color:var(--ink)}button:focus-visible,a:focus-visible,summary:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--ink);outline-offset:3px}[role=menuitemradio][data-highlighted],[role=menuitemradio][data-state=checked]{background:var(--hover)}.listen-navigation{display:flex;align-items:center;gap:8px;min-width:0}.browse-trigger{color:inherit;font-size:14px}.browse{margin-top:24px}.browse header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.browse h2{margin:0;font-size:24px;line-height:1.2;font-weight:500}.browse input{width:100%;margin-bottom:16px}.browse-works{display:grid;grid-auto-rows:max-content;align-content:start;gap:4px}.workspace:has(.browse) .receiver{display:flex;flex-direction:column;height:calc(100dvh - 48px);overflow:hidden}.workspace:has(.browse) .player{flex:none}.workspace:has(.browse) .player-media,.workspace:has(.browse) .tools-reveal{display:none}.workspace:has(.browse) .player-display{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"header" "title" "timeline";padding-block:16px}.workspace:has(.browse) .player-display h1{font-size:24px;margin:8px 0}.workspace:has(.browse) .browse{display:flex;flex-direction:column;min-height:0;flex:1}.browse>div:last-child{display:flex;flex-direction:column;flex:1;min-height:0}.browse [role=tabpanel]{display:flex;flex-direction:column;flex:1;min-height:0}.browse .tabs{flex:none;margin-bottom:12px}.browse input{flex:none}.browse-works{overflow:auto;min-height:0;overscroll-behavior:contain}.browse-work{width:100%;min-width:0;justify-content:flex-start;padding:12px 16px;text-align:left;gap:16px}.browse-work .artwork{flex:none;width:64px;height:64px;border-radius:6px;overflow:hidden}.browse-work>span:nth-child(2){display:grid;gap:4px;min-width:0;flex:1}.browse-work strong{font-weight:500}.browse-work small{font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.browse-duration{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.audition-actions{display:flex;flex-wrap:wrap;gap:8px;margin-block:12px 16px}.audition-actions button{font-size:14px}.send.create-action{width:auto;height:auto;min-height:48px;padding:12px 16px;border-radius:12px;flex:none}.instrument-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.instrument-select{justify-content:flex-start;min-width:0;max-width:100%;background:var(--hover);padding:12px 16px}.instrument-select strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500}.instrument-select>.muted{flex:none;font-size:12px;font-variant-numeric:tabular-nums}.score-readout-label{font-size:12px;color:var(--muted);white-space:nowrap}.score-event{width:6px;height:6px;border-radius:50%;background:var(--boundary);flex:none}.score-event[data-active=true]{background:var(--accent)}.instrument-picker{z-index:100;width:min(360px,calc(100vw - 40px));padding:8px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow);color:var(--ink)}.instrument-picker input{width:100%;font-size:16px}.instrument-options-list{display:grid;gap:4px;max-height:min(360px,45dvh);overflow:auto;margin-top:8px}.instrument-options-list button{justify-content:flex-start;text-align:left;padding:12px 16px;min-width:0}.instrument-options-list button>span:nth-child(2){flex:1;overflow-wrap:anywhere}.instrument-options-list p{padding:8px 16px}.phone-section-picker{display:none}.parameter-reset{gap:6px;padding:0 4px;min-height:44px;font-variant-numeric:tabular-nums}.parameter-reset:disabled{opacity:1}.parameter-reset>svg{opacity:0;flex:none}.parameter-reset:not(:disabled)>svg{opacity:.65}.parameter-reset output{cursor:inherit}.surface-library{max-width:960px}.appearance-trigger{display:flex;align-items:center;gap:12px;padding:10px;min-height:48px}.appearance-menu{min-width:224px}.appearance-palettes{max-height:min(440px,50dvh);overflow-y:auto;scroll-padding:8px}.menu [role=menuitemradio]{display:flex;align-items:center;gap:12px;min-height:44px;padding:12px 16px;border-radius:8px;outline:none;cursor:pointer}.appearance-menu [role=menuitemradio]>span:last-child:not(.theme-swatch){margin-left:auto}.theme-swatch{width:16px;height:16px;flex:none;border-radius:4px;background:#c3ff45}.theme-swatch[data-palette=gunmetal]{background:#858585}.theme-swatch[data-palette=moody-bouquet]{background:#d59e88}.theme-swatch[data-palette=sepia]{background:#a17b4d}.theme-swatch[data-palette=deep-field]{background:#b6a5e8}.theme-swatch[data-palette=rosewood]{background:#d9a6bd}.theme-swatch[data-palette=afterglow]{background:#eaa08a}.theme-swatch[data-palette=tidal-pool]{background:#93c2eb}.theme-swatch[data-palette=blackcurrant]{background:#d3aae9}.theme-swatch[data-palette=cassette]{background:#f1ac79}.tabs{width:max-content;max-width:100%;border:0;border-radius:12px;padding:8px;gap:4px;background:var(--surface)}.tabs button{border-radius:8px;padding:10px 16px}.tabs button[data-state=active]{background:var(--display)}.directions-tray{margin:0 8px -12px;padding:8px 8px 20px;border:0;border-radius:12px 12px 0 0;background:var(--surface)}.direction{min-height:44px;padding:12px 16px;gap:8px;font-size:14px;border-radius:8px}.direction[data-state=open]{background:var(--hover);color:var(--ink)}.instrument-options{padding:4px;background:var(--surface);border-radius:12px}.instrument-options button{justify-content:space-between;padding:12px 16px;border-radius:8px}.thinking-control{padding:12px 16px}.thinking-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted)}.thinking-heading strong{color:var(--ink);font-weight:500}.thinking-slider{position:relative;margin-top:8px}:root[data-theme=dark] .thinking-slider{--thinking-thumb: var(--ink)}.thinking-slider input[type=range]{display:block;width:100%;height:48px;min-height:48px;margin:0;border-radius:16px}.thinking-slider input::-webkit-slider-runnable-track{height:28px;border-radius:16px}.thinking-slider input::-webkit-slider-thumb{width:28px;height:28px;margin-top:0;background:var(--thinking-thumb, var(--display));border:1px solid var(--boundary);box-shadow:0 2px 6px #00000026}.thinking-slider input::-moz-range-track,.thinking-slider input::-moz-range-progress{height:28px;border-radius:16px}.thinking-slider input::-moz-range-thumb{width:26px;height:26px;background:var(--thinking-thumb, var(--display));border:1px solid var(--boundary);box-shadow:0 2px 6px #00000026}.thinking-stops{position:absolute;inset-inline:14px;top:calc(50% - 2px);display:flex;justify-content:space-between;pointer-events:none}.thinking-stops span{width:4px;height:4px;border-radius:50%;background:var(--muted)}.thinking-stops span[data-selected]{background:var(--accent-ink)}.thinking-stops span[data-current]{visibility:hidden}.direction-menu{width:min(400px,calc(100vw - 40px));max-width:min(400px,calc(100vw - 40px));padding:8px}.directions-status{margin:0 20px 8px;color:var(--muted);font-size:13px;line-height:1.45}.direction-menu [role=menuitem]{padding:12px 16px;gap:12px;line-height:1.45;border-radius:8px}.direction-menu [role=menuitem]+[role=menuitem]{border:0;margin-top:4px}.shape-panel{background:var(--drawer);border-radius:16px;margin-left:-16px;padding-left:40px}@media (min-width: 1200px){.workspace.split{grid-template-columns:720px minmax(0,1fr);max-width:none}}@media (min-width: 961px) and (max-width: 1440px){.workspace.split .track-header{flex-wrap:nowrap}.workspace.split .track-header .display-actions{margin-left:auto}}@media (min-width: 961px) and (max-width: 1199px){.workspace.split .shape-panel{margin-left:0;margin-top:-40px;padding-top:40px}.workspace.split .panel-head{margin-bottom:8px}.workspace.split .player-display{padding-block:8px}.workspace.split .player-header{margin-bottom:4px}}@media (max-width: 960px){.overlay-editor .tabs{width:100%}.overlay-editor .tabs button{flex:1}.overlay-bottom[data-state=closed]{animation-name:sheet-out}}@keyframes sheet-out{to{transform:translateY(100%)}}@media (max-width: 960px) and (max-height: 500px){.overlay-editor .section-timeline{display:none}.overlay-editor .phone-section-picker{margin-bottom:8px}.overlay-editor .instrument-heading{padding-bottom:8px;margin-bottom:8px}.overlay-editor .score-readout-label{display:none}}.surface-library-row:has(.library-play){grid-template-columns:44px minmax(0,1fr) 120px;padding:12px 16px;margin:4px 0;border:0;border-radius:12px;gap:12px}.surface-library-row:has(.library-play):has(.surface-saved-action){grid-template-columns:44px minmax(0,1fr) 120px 44px}.surface-library-row .surface-track-link{padding:0}.surface-library .surface-list-labels{padding-inline:16px;grid-template-columns:minmax(0,1fr) 120px;gap:12px}.surface-library-list[data-collection=saved] .surface-list-labels{grid-template-columns:minmax(0,1fr) 120px 44px;gap:12px}.surface-library-row:has(button:hover,button:focus-visible){background:var(--hover)}@media (min-width: 961px) and (max-width: 1199px){.workspace.split{width:calc(100% - 144px);max-width:720px;margin:24px auto;left:28px;display:flex;flex-direction:column;gap:24px;height:calc(100dvh - 48px);min-height:0}.workspace.split .receiver{overflow:visible;padding:24px;position:sticky;top:24px;flex:none}.workspace.split .tools-reveal,.workspace.split .player-media{display:none}.workspace.split .player-display h1{font-size:24px;margin:0}.workspace.split .player-header{margin-bottom:12px}.workspace.split .player-display{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"header" "title" "timeline";padding:16px}.workspace.split .transport{padding-bottom:0}.workspace.split .shape-panel{position:relative;inset:auto;min-height:0;flex:1;height:auto;padding:16px 24px 24px}}@media (max-width: 960px){.receiver{padding:0}.mobile-header{padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right))}.workspace.alone{width:calc(100% - 40px)}.workspace.alone .player{min-height:0}.workspace.alone .transport{flex:none;padding-block:24px}.workspace.alone .play{width:72px;height:72px;min-height:72px}.workspace.alone .play svg{width:24px;height:24px}.mobile-actions>button{min-height:48px;font-size:16px}.player-display h1{max-height:2.4em;overflow:hidden;overflow-wrap:anywhere}.browse-work{padding-inline:12px;gap:12px}.browse-duration{display:none}.browse-work .artwork{width:56px;height:56px}.overlay-editor{height:var(--viewport-height);max-height:var(--viewport-height)}.overlay-editor .overlay-body{display:flex;flex-direction:column;min-height:0;padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right));overflow:hidden}.overlay-editor .overlay-body>div:last-child{display:flex;flex-direction:column;flex:1;min-height:0}.overlay-editor .sheet-player{flex:none}.overlay-editor .tabs.folder-tabs{flex:none;margin-bottom:0;justify-content:space-between;gap:4px;padding:4px 0 0;background:transparent}.overlay-editor .tabs.folder-tabs button{flex:1;min-height:48px;padding:12px 8px;border-radius:12px 16px 0 0}.overlay-editor [role=tabpanel]:has(.tools){border:1px solid var(--line);border-radius:0 0 12px 12px;background:var(--display)}.editor-view .tools{border:0;padding:12px}.editor-view .tools:has(.source-view){padding:0}.overlay-editor [role=tabpanel]{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.editor-view:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}.editor-view[hidden]{display:none}.editor-view>.conversation-content{flex:1;min-height:0}.editor-view .tools{flex:1;min-height:0}.editor-view .source-code{max-height:none}.editor-view:has(.source-view){overflow:hidden}.editor-view .tool-frame{min-height:180px}.phone-section-picker{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;margin:12px 0 16px}.phone-section-picker select{min-width:0;flex:1;font-size:16px}.instrument-heading{gap:8px;flex-wrap:wrap}.instrument-select{flex:1;min-height:48px}.score-readout-label{width:100%}.parameter-grid{grid-template-columns:repeat(var(--parameter-columns),minmax(0,1fr));gap:16px 8px}.parameter{font-size:14px;gap:8px}.parameter-dial{width:clamp(48px,18vw,88px);height:clamp(48px,18vw,88px)}.new-track,.surface-library{width:calc(100% - 40px);padding-inline:0;margin-inline:auto}.surface-library-row:has(.library-play){grid-template-columns:44px minmax(0,1fr);gap:8px;padding:12px}.surface-library-row:has(.library-play):has(.surface-saved-action){grid-template-columns:44px minmax(0,1fr) 44px}.send.create-action{min-height:48px;font-size:14px;padding:12px}.new-track .composer-actions{flex-wrap:wrap}.listen-navigation{gap:0}.station-trigger{font-size:14px}.workspace:has(.browse) .receiver{height:calc(100dvh - 96px - env(safe-area-inset-top))}.workspace:has(.browse) .mobile-actions{display:none}.workspace:has(.browse) .transport{padding-block:12px}.browse header{margin-bottom:8px}.browse h2{font-size:20px}.version-row{padding:12px 16px;border-radius:12px}.version-row strong,.request,.musical-description,.composer textarea{font-size:16px}}@media (prefers-reduced-motion: reduce){.score-event{transition:none}}@media (max-width: 960px) and (max-height: 500px){.overlay-editor .overlay-head{min-height:44px;padding-block:4px}.overlay-editor .overlay-head h2{font-size:18px}.overlay-editor .sheet-player{padding:4px 8px;margin-block:0 4px}.overlay-editor .sheet-player-row{min-height:44px}.overlay-editor .sheet-player .artwork{width:32px;height:32px}.overlay-editor .sheet-player .play{width:44px;height:44px;min-height:44px}.overlay-editor .sheet-player input{display:none}.overlay-editor .tabs{margin-bottom:4px}.overlay-editor .tabs button{min-height:44px}.overlay-editor .directions-tray{display:none}.overlay-editor .composer{padding:8px 16px}.overlay-editor .composer textarea{min-height:44px;max-height:clamp(44px,calc(var(--viewport-height) - 300px),100px)}.overlay-editor .composer-actions{margin-top:0}.overlay-editor .overlay-body{padding-bottom:8px}}