:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#f4f0e9;background:#111216;margin:0}.local-shell{--ink:#f4f0e9;--muted:#9b9ba5;--peach:#efb58c;--line:#ffffff12;width:min(1240px,100% - 64px);margin:0 auto;padding:26px 0 36px;font-family:Hanken Grotesk,Inter,ui-sans-serif,system-ui,sans-serif}.local-shell button,.local-shell input,.local-shell select{font:inherit}.demo-nav{justify-content:space-between;align-items:center;gap:24px;display:flex}.demo-brand{color:var(--ink);letter-spacing:-1.5px;align-items:center;gap:10px;font-size:26px;font-weight:750;text-decoration:none;display:inline-flex}.demo-brand svg{width:30px;height:30px;color:var(--peach)}.brand-period{color:var(--peach)}.demo-nav>div{align-items:center;gap:28px;font-size:12px;display:flex}.demo-nav a:not(.demo-brand){color:#c3c1c7;text-decoration:none}.demo-nav a:hover{color:var(--peach)}.privacy-pill{color:#b1c4b8;background:#a7c6b408;border:1px solid #a7c6b41f;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:inline-flex}.privacy-pill svg{width:14px;height:14px}.local-hero{justify-content:space-between;align-items:center;gap:44px;padding:54px 0 34px;display:flex}.eyebrow{color:#a5a0a5;letter-spacing:.18em;margin:0 0 12px;font-size:9px;font-weight:700}.local-hero h1{letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5.1vw,66px);font-weight:400;line-height:1.02}.local-hero h1 em{color:var(--peach);font-weight:400}.local-hero>div>p:last-child{color:#b8b4bc;max-width:470px;margin:18px 0 0;font-size:14px;line-height:1.7}.hero-art{flex:0 0 330px;width:290px;padding:12px 20px 0}.hero-notes{color:#b4b1bc;width:100%;display:block}.hero-art>span{text-align:center;color:#a39daa;letter-spacing:.08em;margin-top:20px;font-size:10px;display:block}.hero-art>span>span{color:var(--peach);padding:0 12px}.upload-panel{background:#191a1f;border:1px dashed #ffffff24;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px 24px;transition:border-color .15s,background .15s;display:flex}.upload-panel.dragging{border-color:var(--peach);background:#30251f}.upload-copy{align-items:center;gap:16px;display:flex}.upload-icon{color:#c4b7ab;background:#ffffff03;border:1px solid #ffffff10;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.upload-icon svg{width:20px;height:20px}.upload-copy strong{font-size:14px;font-weight:600}.upload-copy p{color:var(--muted);margin:5px 0 0;font-size:11px}.upload-actions{flex:none;gap:9px;display:flex}.primary-button,.secondary-button,.record-button{appearance:none;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;text-decoration:none;display:inline-flex;font-size:12px!important;font-weight:650!important}.primary-button{background:var(--peach);color:#22170f;border:1px solid var(--peach)}.primary-button:hover{background:#f4c29e}.secondary-button{color:#ddd6d2;background:#ffffff04;border:1px solid #ffffff1c}.record-button{color:#fff;background:#ae4857;animation:1.3s infinite pulse-record}.primary-button svg,.secondary-button svg,.record-button svg{width:14px;height:14px}button:disabled{cursor:not-allowed;opacity:.4}.primary-button:has(input:disabled){cursor:not-allowed;opacity:.4}.demo-workspace{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:28px;display:grid}.example-library{min-width:0;scroll-margin-top:20px}.library-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.library-heading .eyebrow{margin-bottom:7px;font-size:8px}.library-heading h2{letter-spacing:-.03em;margin:0;font-family:Georgia,serif;font-size:22px;font-weight:400;line-height:1.2}.example-count{color:#c3bbca;background:#ffffff07;border:1px solid #ffffff10;border-radius:5px;flex:none;padding:4px 6px;font-size:9px}.library-intro{color:var(--muted);margin:10px 0 16px;font-size:11px;line-height:1.55}.category-tabs{flex-wrap:wrap;gap:5px;margin-bottom:16px;display:flex}.category-tabs button{color:#9b96a2;background:0 0;border-color:#0000;border-radius:999px;padding:5px 9px;font-size:10px}.category-tabs button[aria-pressed=true]{color:#e8bd9f;background:#efb58c17;border-color:#efb58c28}.example-list{scrollbar-width:thin;scrollbar-color:#ffffff20 transparent;gap:6px;max-height:553px;padding-right:5px;display:grid;overflow-y:auto}.example-card{text-align:left;color:#eee9e3;background:#ffffff02;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:86px;padding:11px 9px;display:flex;position:relative}.example-card:hover{background:#ffffff06;border-color:#ffffff15}.example-card.selected{background:#efb58c09;border-color:#efb58c34}.clip-art{background:color-mix(in srgb, var(--clip-color) 13%, #1b1a20);height:48px;color:var(--clip-color);border-radius:8px;flex:0 0 44px;align-items:center;padding:7px;display:grid}.clip-art svg{width:100%;height:25px}.clip-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.clip-info strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.clip-info>span{color:#9f99a3;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.clip-info .clip-tags{color:var(--clip-color);font-size:8px}.clip-tags>span{color:#77717d;padding:0 6px}.clip-open{color:var(--clip-color);opacity:.8;flex:0 0 10px}.clip-open svg{width:10px;height:10px}.library-note{color:#8a8490;margin:15px 4px 0 0;font-size:9px;line-height:1.6}.library-note a{color:#b7adb9;margin-top:4px;text-decoration:none;display:inline-block}.library-empty{color:#c7bfcb;font-size:12px;line-height:1.6}.listening-room{background:#191a20;border:1px solid #ffffff17;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 12px 48px #00000012}.track-header{justify-content:space-between;align-items:center;gap:24px;padding:23px 24px 18px;display:flex}.track-header>div{min-width:0}.track-header .eyebrow{color:var(--peach);margin-bottom:8px;font-size:8px}.track-header h2{letter-spacing:-.025em;margin:0;font-family:Georgia,serif;font-size:26px;font-weight:400;line-height:1.15}.chosen-file{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;font-size:11px;overflow:hidden}.download-button{color:#e1d3c6;white-space:nowrap;border:1px solid #fff2;border-radius:7px;align-items:center;gap:7px;padding:9px 11px;font-size:11px;text-decoration:none;display:inline-flex}.download-button svg{width:13px;height:13px}.download-button:hover{color:var(--peach);border-color:#efb58c66}.roll-toolbar{border-top:1px solid var(--line);background:#ffffff02;justify-content:space-between;align-items:center;padding:11px 23px;display:flex}.roll-toolbar>span:last-child{letter-spacing:.14em;color:#706b78;font-size:8px}.roll-label{color:#b6b0bd;align-items:center;gap:7px;font-size:10px;display:flex}.status-dot{background:#77717c;border-radius:50%;width:5px;height:5px}.status-dot.ready{background:#a5c6b4;box-shadow:0 0 7px #a5c6b433}.roll-stage{background:#0e0f13;padding:0 12px;position:relative}.roll-stage section{box-shadow:none;border:none;border-radius:0;animation:none}.roll-stage canvas{height:282px}.roll-empty{text-align:center;pointer-events:none;background:#0e0f13c4;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.roll-empty svg{opacity:.6;max-width:200px;margin-bottom:22px}.roll-empty strong{color:#d6cfda;font-size:13px;font-weight:500}.roll-empty span{color:#8d8794;margin-top:7px;font-size:11px}.instrument-row{border-bottom:1px solid var(--line);background:#14151a;flex-wrap:wrap;align-items:center;gap:5px 8px;min-height:37px;padding:10px 20px;display:flex}.instrument-row button{color:#b2abba;background:0 0;border-color:#0000;border-radius:4px;align-items:center;gap:5px;padding:3px 5px;font-size:9px;display:inline-flex}.instrument-row button[aria-pressed=false]{opacity:.4;text-decoration:line-through}.instrument-row i{border-radius:50%;width:5px;height:5px}.instrument-row>span{color:#77717f;font-size:10px}.player{padding:15px 24px 17px}.transport-row{align-items:center;gap:12px;display:flex}.play-button{background:var(--peach);color:#332215;border:none;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;padding:0;display:grid}.play-button:hover{background:#f4c29e}.play-button svg{width:13px;height:13px}.play-clock{color:#c8c0cc;font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace;font-size:10px}.play-clock.duration{color:#81798a}.waveform-seek{color:#d2b49e;flex:1;min-width:0;height:35px;position:relative}.waveform-seek svg{width:100%;height:35px}.waveform-seek input{appearance:none;opacity:.001;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.waveform-seek:focus-within{outline:1px solid var(--peach);outline-offset:5px;border-radius:3px}.restart-button{color:#a198ac;background:0 0;border:none;padding:3px;font-size:23px!important}.blend-control{border-top:1px solid var(--line);margin-top:17px;padding-top:15px}.blend-heading{color:#ded6e1;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.blend-readout{font-variant-numeric:tabular-nums;color:#8f879b;font-size:9px}.blend-slider-row{align-items:center;gap:14px;margin:10px 0 7px;display:flex}.blend-slider-row button{color:#b2a9bd;background:0 0;border:none;min-width:44px;padding:2px 0;font-size:10px}.blend-slider-row button.active{color:var(--peach)}.local-shell .mix-slider{appearance:none;background:linear-gradient(to right, #efb58c 0%, #efb58c var(--mix-percent), #45404c var(--mix-percent), #45404c 100%);cursor:pointer;border:none;border-radius:9px;flex:1;width:auto;min-width:0;height:4px}.local-shell .mix-slider::-webkit-slider-thumb{appearance:none;background:#f4e7dd;border:3px solid #29232c;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1px #f4e7dd}.local-shell .mix-slider::-moz-range-thumb{background:#f4e7dd;border:2px solid #29232c;border-radius:50%;width:9px;height:9px}.local-shell .mix-slider:disabled{cursor:not-allowed;opacity:.4}.blend-hint{color:#81798d;margin:0;font-size:9px;line-height:1.5}.transcription-panel{border-top:1px solid var(--line);background:#ffffff02;padding:15px 24px 17px}.transcription-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.limit-label{color:#9d94a7;align-items:center;gap:8px;font-size:10px;display:flex}.limit-label select{color:#cec5d5;background:#26232b;border:1px solid #ffffff15;border-radius:5px;padding:6px 8px;font-size:10px}.transcribe-button{color:#2a222e;background:#eee6dc;border:none;border-radius:6px;justify-content:center;align-items:center;gap:12px;margin-left:auto;padding:8px 12px;display:inline-flex;font-size:11px!important;font-weight:650!important}.transcribe-button:hover{background:#f5f0e9}.transcribe-button>span{font-size:15px;line-height:1}.run-status{color:#a69dac;margin:11px 0 0;font-size:10px;line-height:1.5}.run-status.error{color:#f39d9d}.download-hint{color:#77707f;margin:6px 0 0;font-size:9px;line-height:1.5}.progress-track{background:#ffffff10;border-radius:4px;height:3px;margin-top:14px;overflow:hidden}.progress-track>div{background:var(--peach);height:100%;transition:width .2s}.local-footer{border-top:1px solid var(--line);grid-template-columns:300px minmax(0,1fr);gap:28px;margin-top:36px;padding-top:22px;display:grid}.local-footer .demo-brand{gap:7px;font-size:18px}.local-footer .demo-brand svg{color:#a89aab;width:21px;height:21px}.local-footer p{color:#8d8496;margin:5px 0;font-size:10px;line-height:1.7}.local-footer>div:last-child>p:first-child{color:#b6abba}.runtime-details{color:#a39aad;margin-top:11px;font-size:10px}.runtime-details summary{cursor:pointer}.capability-card{margin-top:10px!important}.local-footer-links{flex-wrap:wrap;gap:16px;margin-top:8px;display:flex}.local-footer-links a{color:#d0c1d1;text-decoration:none}.diagnostic-output{overflow-wrap:anywhere;font:10px/1.6 ui-monospace,monospace}.run-diagnostics{margin-top:8px}.local-shell :is(button,a,select,input):focus-visible,.primary-button:focus-within{outline:2px solid var(--peach);outline-offset:4px}@keyframes pulse-record{50%{box-shadow:0 0 0 5px #ae485720}}@media (width>=1500px){.local-shell{padding-top:34px}}@media (width<=1000px){.local-shell{width:calc(100% - 40px)}.demo-workspace,.local-footer{grid-template-columns:260px minmax(0,1fr);gap:20px}.privacy-pill{display:none}.hero-art{flex-basis:240px;padding:0}.upload-panel{padding:18px}.track-header{gap:12px;padding:20px 18px}.track-header h2{font-size:24px}.download-button{padding:8px;font-size:10px}.player,.transcription-panel{padding-left:18px;padding-right:18px}}@media (width<=760px){.local-shell{width:calc(100% - 32px);padding-top:18px}.demo-brand{font-size:24px}.demo-nav>div{gap:20px;font-size:11px}.local-hero{gap:20px;padding:36px 0 25px}.local-hero h1{font-size:51px}.local-hero .eyebrow{font-size:8px}.local-hero>div>p:last-child{max-width:390px;margin-top:16px;font-size:13px}.hero-art{display:none}.upload-panel{flex-direction:column;align-items:stretch;gap:15px;margin-bottom:26px}.upload-actions{width:100%}.upload-actions>*{flex:1}.upload-copy{gap:12px}.demo-workspace{flex-direction:column;gap:22px;display:flex}.example-library,.listening-room{width:100%}.library-heading{align-items:center}.library-heading h2{font-size:24px}.library-intro{margin:8px 0 12px}.category-tabs{margin-bottom:12px}.example-list{scroll-snap-type:x mandatory;gap:8px;max-height:none;padding:0 0 10px;display:flex;overflow-x:auto}.example-card{scroll-snap-align:start;border-color:#ffffff0b;flex:0 0 220px;min-width:0;min-height:89px}.clip-info strong{font-size:12px}.clip-info>span{font-size:10px}.clip-info .clip-tags{font-size:9px}.library-note{margin-top:1px;font-size:9px}.library-note a{margin-left:4px;display:inline}.track-header{flex-wrap:wrap;align-items:start}.track-header>div{flex:1}.track-header h2{font-size:25px}.download-button{padding:8px;font-size:9px}.roll-stage canvas{height:250px}.roll-toolbar{padding:10px 17px}.instrument-row{padding:9px 12px}.instrument-row button{font-size:10px}.player{padding:14px 17px 16px}.transport-row{gap:10px}.blend-hint{font-size:10px}.blend-slider-row button{font-size:11px}.blend-readout{font-size:9px}.transcription-panel{padding:14px 17px 17px}.run-status{font-size:11px}.local-footer{grid-template-columns:1fr;gap:13px;margin-top:28px;padding-top:20px}.local-footer p{font-size:11px}}@media (width<=380px){.demo-nav>div{gap:12px}.local-hero h1{font-size:46px}.eyebrow{letter-spacing:.13em}.download-button{padding:7px}.download-button svg{display:none}.transcription-actions{gap:8px}.limit-label{gap:5px;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}