:root{color:#111722;font-synthesis:none;text-rendering:optimizelegibility;--blue:#075ee8;--blue-hover:#004dc6;--text:#111722;--muted:#566174;--faint:#7d8796;--line:#d9dee7;--line-strong:#c8cfdb;--soft:#f7f9fc;--success:#258b60;--danger:#b62b3a;--radius:7px;--shadow-focus:0 0 0 3px #075ee829;background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;min-width:320px;min-height:100vh;margin:0}button,textarea,select,input{font:inherit}button,a,select,input[type=range]{-webkit-tap-highlight-color:transparent}a{color:var(--blue);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible{box-shadow:var(--shadow-focus);outline:none}.site-shell{min-height:100vh}.site-header{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:73px;padding:0 clamp(22px,3vw,40px);display:grid}.brand-link{color:var(--text);justify-self:start}.brand-link:hover{text-decoration:none}.brand-mark{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.brand-mark__wave{width:49px;height:34px;color:var(--blue)}.brand-mark__name{letter-spacing:-.035em;font-size:26px;font-weight:750}.brand-mark__name strong{color:var(--blue);font-weight:750}.site-header nav{align-items:center;gap:45px;height:100%;display:flex}.site-header nav a{color:var(--text);font-size:15px;font-weight:650;line-height:73px;position:relative}.site-header nav a:hover{color:var(--blue);text-decoration:none}.site-header nav a.is-active{color:var(--blue)}.site-header nav a.is-active:after{background:var(--blue);content:"";height:2px;position:absolute;bottom:5px;left:-11px;right:-11px}.github-link{color:#2e3643;justify-self:end;align-items:center;gap:9px;font-size:15px;display:inline-flex}.github-link:hover{color:var(--blue);text-decoration:none}main,footer{width:min(1460px,100% - clamp(32px,5vw,80px));margin-inline:auto}.hero{grid-template-columns:1fr minmax(360px,430px);align-items:center;gap:40px;padding:31px 0 25px;display:grid}.hero h1{color:#0e131d;letter-spacing:-.045em;max-width:980px;margin:0;font-size:clamp(35px,3.2vw,46px);font-weight:760;line-height:1.09}.hero p{color:#556071;letter-spacing:-.01em;margin:12px 0 0;font-size:19px}.independence-note{border-radius:var(--radius);color:#3f4b5e;background:#fff;border:1px solid #4f8fff;align-items:flex-start;gap:15px;padding:18px;font-size:14px;line-height:1.45;display:flex}.independence-note svg{color:var(--blue);flex:none;margin-top:1px}.device-notice{border-radius:var(--radius);color:#745317;background:#fffaf0;border:1px solid #f0c36c;align-items:flex-start;gap:9px;margin:0 0 14px;padding:11px 13px;font-size:13px;line-height:1.4;display:flex}.device-notice svg{flex:none}.workspace{grid-template-columns:minmax(330px,.82fr) minmax(570px,1.18fr);align-items:stretch;gap:10px;display:grid}.editor-panel,.control-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0}.editor-panel{flex-direction:column;padding:25px 16px 20px;display:flex}.editor-panel>label{margin:0 0 14px 1px;font-size:15px;font-weight:700}.editor-panel textarea{resize:vertical;border:1px solid var(--line-strong);color:#30394a;background:#fff;border-radius:6px;flex:1;width:100%;min-height:368px;padding:14px 15px;font-size:16px;line-height:1.5}.editor-panel textarea:hover{border-color:#abb5c4}.editor-panel textarea:focus{border-color:var(--blue)}.editor-actions{color:#253044;justify-content:space-between;align-items:center;gap:16px;padding:12px 6px 0;font-size:13px;display:flex}.editor-actions>div{align-items:center;gap:17px;display:flex}.text-button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:13px;font-weight:620}.text-button:hover{text-underline-offset:3px;text-decoration:underline}.control-panel{overflow:hidden}.model-loader{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:75px;padding:16px;display:grid}.model-loader>svg{color:#7d8796}.model-loader>div{flex-direction:column;gap:2px;display:flex}.model-loader strong{color:#374052;font-size:14px}.model-loader span{color:#606b7c;font-size:13px;line-height:1.35}.button{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:8px 16px;font-size:14px;font-weight:630;line-height:1;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.button--primary{border-color:var(--blue);color:#fff;background:var(--blue)}.button--primary:not(:disabled):hover{border-color:var(--blue-hover);background:var(--blue-hover)}.button--secondary{border-color:var(--line-strong);color:#252d3b;background:#fff}.button--secondary:not(:disabled):hover{background:#f9fafc;border-color:#96a2b5}.button--small{min-height:37px;padding:7px 15px;font-size:13px}.button:disabled{cursor:not-allowed;opacity:.52}.status-row{border-bottom:1px solid var(--line);color:#4b5667;align-items:center;gap:9px;min-height:41px;padding:0 18px;font-size:13px;display:flex}.status-row small{color:#7a8494;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.status-dot{background:#c3cad5;border-radius:50%;flex:none;width:11px;height:11px}.status-dot--loading{background:#e5a828;animation:1.2s ease-in-out infinite pulse}.status-dot--ready{background:#2c85ef}.status-dot--error{background:var(--danger)}.load-progress{background:#e9edf3;height:3px;overflow:hidden}.load-progress span{background:var(--blue);height:100%;transition:width .18s;display:block}.controls{padding:15px 17px 6px}.control-row{grid-template-columns:180px minmax(210px,1fr) 160px;align-items:center;gap:15px;min-height:52px;display:grid}.control-row>label{font-size:14px;font-weight:700}.control-row select{border:1px solid var(--line-strong);color:#2f3848;background:#fff;border-radius:6px;width:100%;min-height:39px;padding:0 38px 0 13px;font-size:13px}.control-row select:disabled{color:#667084;background:#f7f9fc}.preview-button{min-width:0;padding-inline:12px}.control-note{color:#87909e;font-size:12px}.range-wrap{min-width:0;padding-top:15px}.range-wrap input{width:100%;display:block}.range-labels{color:#697386;justify-content:space-between;margin-top:3px;font-size:11px;display:flex}.control-row output{border:1px solid var(--line-strong);color:#263044;border-radius:6px;place-items:center;min-height:39px;font-size:14px;display:grid}input[type=range]{height:4px;accent-color:var(--blue);cursor:pointer}.primary-actions{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:12px;padding:4px 17px 13px;display:grid}.audio-preview{padding:15px 17px 13px}.audio-preview__heading{align-items:center;gap:12px;min-height:22px;font-size:14px;display:flex}.audio-preview__heading>span{color:#828b99;align-items:center;gap:5px;font-size:12px;display:inline-flex}.audio-preview__heading .generated-state{color:var(--success)}.waveform{border-bottom:1px solid #edf0f5;align-items:center;gap:2px;height:57px;margin:3px 0 0;display:flex;overflow:hidden}.waveform__bar{background:#aecaf5;border-radius:2px;flex:2px;width:2px;min-width:1px;transition:background-color .1s linear}.waveform__bar.is-played{background:var(--blue)}.waveform--empty{color:#939baa;border-bottom:1px solid #e8ecf2;justify-content:center;font-size:12px}.transport{color:#4e596b;grid-template-columns:39px auto minmax(120px,1fr) auto auto 72px;align-items:center;gap:10px;min-height:46px;font-size:12px;display:grid}.transport audio{display:none}.icon-button{border:1px solid var(--line-strong);color:#212a39;cursor:pointer;background:#fff;border-radius:5px;place-items:center;width:39px;height:36px;display:grid}.icon-button:disabled{cursor:not-allowed;opacity:.46}.seek,.volume{width:100%}.audio-preview>p{color:#7a8494;margin:0;font-size:12px}.message{color:#8a2430;background:#fff7f8;border:1px solid #efb8bd;border-radius:5px;align-items:flex-start;gap:8px;margin:0 17px 15px;padding:9px 11px;font-size:12px;line-height:1.4;display:flex}.message svg{flex:none;margin-top:1px}.trust-strip{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);margin-top:16px;display:grid}.trust-strip article{grid-template-columns:54px 1fr;align-items:center;gap:12px;min-height:92px;padding:17px 26px;display:grid;position:relative}.trust-strip article:not(:last-child):after{background:var(--line);content:"";width:1px;position:absolute;top:24px;bottom:24px;right:0}.trust-strip article>svg{color:#303949}.trust-strip h2{margin:0 0 5px;font-size:14px}.trust-strip p{color:#626d7e;margin:0;font-size:13px;line-height:1.42}.source-strip{border:1px solid var(--line);border-radius:var(--radius);color:#3c4658;align-items:center;gap:13px;min-height:54px;margin-top:15px;padding:12px 20px;font-size:13px;display:flex}.source-strip>svg{flex:none}.source-strip__divider{background:var(--line-strong);width:1px;height:20px}footer{color:#697386;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:91px;font-size:12px;display:grid}footer>div{gap:34px;display:flex}footer>span:last-child{justify-self:end}.consent{z-index:10;background:#fff;border:1px solid #b9c3d2;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:11px;width:min(520px,100% - 44px);padding:14px;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 34px #14223a29}.consent p{color:#526074;margin:0;font-size:12px;line-height:1.4}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1100px){.hero{grid-template-columns:1fr 360px}.workspace{grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr)}.control-row{grid-template-columns:110px minmax(180px,1fr) 140px;gap:10px}.source-strip{flex-wrap:wrap}}@media (max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.workspace,.hero{grid-template-columns:1fr}.hero{gap:20px}.independence-note{width:min(520px,100%)}.editor-panel textarea{min-height:250px}.trust-strip{grid-template-columns:1fr}.trust-strip article:not(:last-child):after{width:auto;height:1px;inset:auto 24px 0}footer{grid-template-columns:1fr auto;padding:22px 0}footer>span:last-child{display:none}}@media (max-width:620px){.site-header{height:62px;padding-inline:18px}.brand-mark{gap:6px}.brand-mark__wave{width:39px}.brand-mark__name{font-size:20px}.github-link span{display:none}main,footer{width:min(100% - 28px,1460px)}.hero{padding:25px 0 20px}.hero h1{font-size:34px;line-height:1.05}.hero p{font-size:16px}.workspace{gap:9px}.model-loader{grid-template-columns:auto 1fr}.model-loader .button{grid-column:1/-1}.control-row{grid-template-columns:1fr;gap:7px;padding:8px 0}.control-row--speed{grid-template-columns:1fr 90px}.control-row--speed>label{grid-column:1/-1}.preview-button,.control-note{justify-self:start}.primary-actions{grid-template-columns:1fr 1fr}.primary-actions .button:first-child{grid-column:1/-1}.transport{grid-template-columns:39px auto 1fr auto}.transport>svg,.transport .volume{display:none}.trust-strip article{padding-inline:20px}.source-strip__divider{display:none}footer{flex-direction:column;align-items:flex-start;gap:17px;display:flex}footer>div{flex-wrap:wrap;gap:14px 24px}.consent{grid-template-columns:1fr 1fr}.consent p{grid-column:1/-1}}