@import url('/video-to-audio.css');
:root{--accent:#9da8ff;--accent-ink:#0b0e26}.hero h1{font-size:clamp(35px,4.5vw,52px);max-width:900px}.hero .lede{max-width:700px}.desk{display:grid;grid-template-columns:245px minmax(0,1fr);margin-top:28px;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden;min-height:640px}.rail{border-right:1px solid var(--line);padding:22px}.rail h2{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px}.modes{display:flex;flex-direction:column;gap:5px}.modes button{text-align:left;border:1px solid transparent;background:transparent;color:var(--ink);border-radius:9px;padding:11px 12px}.modes button:hover{background:var(--raised)}.modes button[aria-pressed=true]{border-color:#6671ca;background:#202541}.modes b,.modes span{display:block}.modes b{font-size:14px}.modes span{font-size:12px;color:var(--muted);margin-top:2px}.model-note{font-size:11px;line-height:1.65;color:var(--muted);margin:28px 0 0;border-top:1px solid var(--line);padding-top:16px}.workspace{display:flex;flex-direction:column;min-width:0;padding:22px;gap:16px}.conversation{flex:1;min-height:340px;max-height:620px;overflow:auto;padding:10px 4px 20px;scrollbar-color:var(--line) transparent}.empty{max-width:460px;margin:92px auto;text-align:center;color:var(--muted)}.empty h2{color:var(--ink);font:500 25px Georgia,serif;margin:9px}.empty p{font-size:14px}.caret{font:36px/1 ui-monospace;color:var(--accent);animation:blink 1s steps(1) infinite}.message{max-width:800px;margin:0 0 25px}.message.user{margin-left:auto;width:min(85%,700px);background:var(--raised);border:1px solid var(--line);border-radius:14px 14px 2px 14px;padding:14px 16px}.message.assistant{padding-left:19px;border-left:2px solid var(--accent)}.message-label{display:block;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font:17px/1.72 Georgia,'Times New Roman',serif}.composer{background:#0b0e13;border:1px solid #35404f;border-radius:12px;transition:border-color .15s}.composer:focus-within{border-color:var(--accent)}textarea{display:block;width:100%;resize:vertical;min-height:125px;max-height:330px;background:transparent;color:var(--ink);border:0;padding:16px 18px;font:16px/1.6 Georgia,'Times New Roman',serif}textarea:focus{outline:0}textarea::placeholder{color:#687486}.composer-foot{border-top:1px solid var(--line);padding:9px 10px 9px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.composer-foot>span{font:11px ui-monospace;color:var(--muted)}.actions{display:flex;gap:7px;align-items:center}.actions .primary,.actions .secondary,.quiet{width:auto;min-height:38px;margin:0;padding:7px 13px}.quiet{border:0;background:transparent;color:var(--muted);border-radius:7px;font-size:12px}.quiet:hover:not(:disabled){background:var(--raised);color:var(--ink)}.quiet:disabled{opacity:.45}.actions kbd{font:10px ui-monospace;border:1px solid #6e76be;border-radius:4px;padding:2px 4px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:44px 0}.facts div{padding:18px 22px;border-right:1px solid var(--line)}.facts div:last-child{border:0}.facts b,.facts span{display:block}.facts b{font-size:13px}.facts span{font-size:12px;color:var(--muted);margin-top:4px}@keyframes blink{50%{opacity:0}}@media(max-width:800px){.desk{grid-template-columns:1fr}.rail{border:0;border-bottom:1px solid var(--line)}.modes{display:grid;grid-template-columns:repeat(2,1fr)}.model-note{margin-top:15px}.conversation{min-height:280px}.composer-foot{align-items:flex-start;flex-direction:column}.actions{width:100%;flex-wrap:wrap}.actions .primary,.actions .secondary{margin-left:auto}.facts{grid-template-columns:1fr}.facts div{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:440px){.workspace{padding:14px}.rail{padding:14px}.modes button{padding:9px}.message.user{width:95%}.actions .quiet{padding:6px}.actions .primary,.actions .secondary{width:100%;margin:0}.hero h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){.caret{animation:none}}

.actions .primary:hover:not(:disabled){background:#bcc3ff}
.model-picker{margin-bottom:26px}.model-picker legend{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.model-picker label{display:block;position:relative;margin:7px 0;cursor:pointer}.model-picker input{position:absolute;width:1px;height:1px;opacity:0}.model-picker label>span{display:block;padding:12px 10px;border:1px solid var(--line);border-radius:9px;background:#10141c}.model-picker b,.model-picker small{display:block}.model-picker b{font-size:13px}.model-picker small{font-size:11px;color:var(--muted);margin-top:4px}.model-picker input:checked+span{border-color:var(--accent);background:#202541}.model-picker input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.model-picker input:disabled+span{opacity:.55;cursor:wait}.cache-clear{font-size:11px;padding:10px 0;text-align:left}