:root{color:#1c1b18;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#f6c35c3d,#0000 38%),linear-gradient(225deg,#40919642,#0000 42%),#f5f1e8;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}.app-shell{width:min(1460px,100% - 32px);margin:0 auto;padding:28px 0 48px}.studio-header{color:#fffaf0;background-color:#0000;background-image:linear-gradient(115deg,#161614eb,#2f4541db),url(https://images.unsplash.com/photo-1511379938547-c1f69419868d?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #1c1b1829;border-radius:8px;grid-template-columns:minmax(0,1fr) 320px;align-items:end;gap:28px;min-height:220px;padding:28px;display:grid}.eyebrow,.panel-title,.status-pill,.choice-card header,.link-list,.actions,.query-row,.mode-switch button,.field span{align-items:center;display:flex}.eyebrow{color:#f6c35c;gap:8px;margin-bottom:18px;font-size:.9rem;font-weight:700}.studio-header h1{letter-spacing:0;margin:0;font-size:clamp(2.6rem,6vw,6.2rem);line-height:.92}.studio-header p{color:#fffaf0d1;width:min(720px,100%);margin:18px 0 0;font-size:1rem;line-height:1.6}.header-meter{grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:152px;display:grid}.header-meter span{opacity:.9;background:linear-gradient(#f6c35c,#e35d45);border-radius:999px 999px 3px 3px;min-height:22px;display:block}.header-meter span:first-child{height:42%}.header-meter span:nth-child(2){height:76%}.header-meter span:nth-child(3){height:58%}.header-meter span:nth-child(4){height:100%}.header-meter span:nth-child(5){height:66%}.header-meter span:nth-child(6){height:88%}.header-meter span:nth-child(7){height:48%}.workspace-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:18px;margin-top:18px;display:grid}.control-surface,.request-preview,.task-panel,.results-panel,.raw-panel{background:#fffcf5d6;border:1px solid #1c1b1824;border-radius:8px;padding:20px;box-shadow:0 14px 40px #1c1b1814}.panel-title{color:#214f4f;gap:9px;margin-bottom:16px}.panel-title h2{margin:0;font-size:1rem}.mode-switch{background:#ede5d7;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px;padding:5px;display:grid}.mode-switch button{color:#535047;background:0 0;border-radius:6px;justify-content:center;gap:8px;min-height:42px;font-weight:750}.mode-switch button.selected{color:#fffaf0;background:#214f4f}.field{gap:7px;margin-bottom:14px;display:grid}.field span{color:#38352d;gap:6px;font-size:.86rem;font-weight:800}.field small,.toggle-row small{color:#756f62;font-size:.8rem}.api-key-field{background:#f1f8f3;border:1px solid #214f4f2e;border-radius:8px;padding:13px}textarea,input,select{color:#1c1b18;background:#fffdf8;border:1px solid #1c1b182e;border-radius:6px;outline:none;width:100%}textarea:focus,input:focus,select:focus{border-color:#2b7372;box-shadow:0 0 0 3px #2b737224}textarea{resize:vertical;min-height:150px;padding:13px;line-height:1.5}input,select{height:42px;padding:0 12px}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.parameter-block{padding-top:6px}.toggle-row{background:#f8f3e9;border:1px solid #1c1b181f;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:14px;padding:13px;display:flex}.toggle-row input{accent-color:#214f4f;width:18px;height:18px;margin-top:2px}.toggle-row span{gap:3px;display:grid}.visual-dropzone{cursor:pointer;background:#f1f8f3;border:1px dashed #214f4f61;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(180px,.42fr);align-items:center;gap:14px;min-height:190px;margin-bottom:14px;padding:14px;display:grid}.visual-dropzone.uploading{opacity:.7}.visual-dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop-copy{color:#214f4f;gap:6px;display:grid}.drop-copy strong{font-size:1rem}.drop-copy small{color:#756f62;line-height:1.45}.visual-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.visual-actions label,.visual-actions button{color:#214f4f;background:#e3efe9;border-radius:6px;justify-content:center;align-items:center;min-height:34px;padding:0 11px;font-size:.82rem;font-weight:850;display:inline-flex}.visual-actions button{border:0}.visual-status{color:#8e2d20;overflow-wrap:anywhere;margin:4px 0 0;font-size:.82rem;font-weight:760;line-height:1.35}.visual-status.success{color:#12623e}.visual-preview{aspect-ratio:16/10;background:#171916;border-radius:7px;width:100%;overflow:hidden}.visual-preview img,.visual-preview video{object-fit:cover;width:100%;height:100%;display:block}.uploaded-visual{background:#fffdf8;border:1px solid #1c1b181f;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}.uploaded-visual span,.uploaded-visual button{align-items:center;gap:7px;display:inline-flex}.uploaded-visual span{color:#38352d;overflow-wrap:anywhere;min-width:0;font-size:.86rem;font-weight:850}.uploaded-visual button{color:#214f4f;background:#e3efe9;border-radius:6px;flex-shrink:0;min-height:34px;padding:0 10px;font-weight:850}.input-with-button{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.input-with-button button{color:#214f4f;background:#e3efe9;border-radius:6px;justify-content:center;align-items:center;min-height:42px;display:inline-flex}.actions{gap:10px;margin-top:6px}.actions button,.query-row button{color:#214f4f;background:#e3efe9;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-weight:800;display:inline-flex}.actions .primary{color:#fffaf0;background:#e35d45}.preview-stack{align-content:start;gap:18px;display:grid}pre{color:#f6f0df;background:#171916;border-radius:7px;max-height:360px;margin:0;padding:14px;font-size:.84rem;line-height:1.55;overflow:auto}.query-row{gap:8px}.query-row input{flex:1}.query-row button{padding:0 12px}.status-pill{color:#60594c;background:#ece4d8;border-radius:999px;gap:5px;width:fit-content;margin-top:14px;padding:6px 10px;font-size:.82rem;font-weight:850}.status-pill.success{color:#12623e;background:#d8f0e3}.status-pill.danger{color:#8e2d20;background:#f6d6cc}.status-pill.streaming{color:#1d5d86;background:#d9edf6}.status-pill.active{color:#806016;background:#f3e7bd}.timer-readout{color:#38352d;background:#fffdf8;border:1px solid #1c1b1824;border-radius:8px;align-items:center;gap:8px;width:fit-content;margin-top:12px;padding:8px 11px;display:inline-flex}.timer-readout span{color:#756f62;font-size:.82rem;font-weight:750}.timer-readout strong{color:#214f4f;font-variant-numeric:tabular-nums}.timer-readout.finished{background:#d8f0e3;border-color:#12623e2e}.message{color:#5b554a;overflow-wrap:anywhere;margin:12px 0 0;line-height:1.45}.results-panel,.raw-panel{margin-top:18px}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.choice-card{background:#fffdf8;border:1px solid #1c1b1821;border-radius:8px;padding:14px}.choice-card header{justify-content:space-between;gap:10px;margin-bottom:12px}.choice-card header span{color:#214f4f;font-weight:900}.choice-card audio{width:100%}.download-track{color:#fffaf0;background:#214f4f;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-top:12px;font-weight:850;display:inline-flex}.link-list{flex-wrap:wrap;gap:8px;margin-top:12px}.link-list a{color:#56462e;background:#f1e5d3;border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:850}.empty-state{color:#70685b;text-align:center;border:1px dashed #1c1b1838;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:110px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.studio-header,.workspace-grid{grid-template-columns:1fr}.header-meter{height:78px}}@media (width<=640px){.app-shell{width:min(100% - 20px,1460px);padding-top:10px}.studio-header{min-height:260px;padding:18px}.two-col,.mode-switch,.visual-dropzone{grid-template-columns:1fr}.query-row{flex-wrap:wrap}.query-row input{min-width:100%}}