@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#080b12;color:#eef2ff;font-family:Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}.app{min-height:100vh;background:radial-gradient(circle at 70% -20%,#38245e55,transparent 38%)}header{height:72px;border-bottom:1px solid #242a39;display:flex;align-items:center;padding:0 max(28px,calc((100vw - 1280px)/2));gap:22px;background:#0b0f17ee;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}header>img{width:128px;object-fit:contain}.brand-copy{border-left:1px solid #303646;padding-left:20px;display:flex;flex-direction:column;font-size:13px}.brand-copy span{color:#7d879b;margin-top:3px}.header-actions{margin-left:auto;display:flex;gap:8px}.icon-button,.logout{border:1px solid #2b3344;background:#111722;color:#dce3ef;border-radius:9px;height:38px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.icon-button{width:38px}.logout{padding:0 13px}main{max-width:1280px;margin:auto;padding:48px 28px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.eyebrow{color:#a78bfa;font-size:12px;font-weight:700;display:flex;gap:7px;align-items:center;letter-spacing:.12em}.hero h1{font-size:44px;letter-spacing:-.04em;margin:14px 0 10px}.hero p,.card p,.settings-card p{color:#8d96a9}.status{border:1px solid #2a3142;background:#10151f;padding:15px 20px;border-radius:12px;display:flex;gap:12px;align-items:center}.status svg{color:#8b5cf6}.status div{display:flex;flex-direction:column;font-size:12px}.status span{color:#778196;margin-top:4px}nav{display:flex;gap:8px;border-bottom:1px solid #242a39;margin-bottom:24px}nav button{border:0;background:none;color:#818ba0;padding:13px 18px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;display:flex;align-items:center;gap:8px}.active{color:#c4b5fd!important;border-bottom-color:#8b5cf6!important}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.stack{display:grid;gap:22px}.card,.settings-card{background:#0e131c;border:1px solid #252c3b;border-radius:15px;padding:24px}.card-title,.settings-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.card-title>svg,.settings-title>svg{color:#8b5cf6}.card h2,.settings-card h2{font-size:17px;margin:0}.card p,.settings-card p{font-size:13px;margin:7px 0 20px}.settings-title{justify-content:flex-start;border-bottom:1px solid #222938;margin-bottom:18px}.settings-title p{margin-bottom:16px}.drop{height:180px;border:1px dashed #394157;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;background:#0a0e15;transition:.2s}.drop:hover{border-color:#7c3aed;background:#0d1019}.drop svg{color:#8b5cf6}.drop span{font-size:12px;color:#6e788c}.drop input{display:none}.actions{display:flex;gap:10px;margin-top:18px}.primary,.secondary{border:0;border-radius:9px;padding:11px 17px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.primary{background:#7c3aed;color:#fff}.primary:hover{background:#6d28d9}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#1b2230;color:#dbe1ec}.wide{width:100%}.result{min-height:180px;white-space:pre-wrap;background:#090d14;border:1px solid #202737;border-radius:10px;padding:17px;color:#d8deea;line-height:1.6;font-size:14px;margin:0;overflow:auto}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border-top:1px solid #242b39}.metrics-row>div{padding-top:16px;display:flex;flex-direction:column;gap:5px}.metrics-row span{color:#818b9d;font-size:12px}.metrics-row b{color:#c4b5fd;font-size:13px}.tts-textarea,.small-textarea{width:100%;resize:vertical;background:#090d14;border:1px solid #2b3344;border-radius:10px;color:#e9edf6;padding:14px;outline:none}.tts-textarea{height:220px;margin:0 0 16px}.small-textarea{height:90px;margin-top:7px}.tts-textarea:focus,.small-textarea:focus,.number:focus,.select-wrap:focus-within{border-color:#6d4cc5;box-shadow:0 0 0 3px #6d4cc51f}.audio-preview{min-height:170px;border:1px solid #202737;background:#090d14;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#778196}.audio-preview svg{color:#8b5cf6}.audio-preview audio{width:92%}.control{display:block;margin-bottom:15px}.control>span{display:block;color:#8c96a8;font-size:12px;font-weight:600;margin-bottom:7px}.select-wrap{height:42px;border:1px solid #2b3344;background:#0a0f17;border-radius:9px;display:flex;align-items:center;padding-right:12px}.select-wrap select{appearance:none;border:0;background:transparent;color:#e9edf6;width:100%;height:100%;padding:0 12px;outline:none;min-width:0}.select-wrap option{background:#101722}.select-wrap svg{color:#697488;pointer-events:none}.number{width:100%;height:42px;border:1px solid #2b3344;background:#0a0f17;border-radius:9px;color:#e9edf6;padding:0 12px;outline:none}.toggle{margin:4px 0 16px;padding:14px 0;border-top:1px solid #222938;border-bottom:1px solid #222938;display:flex;align-items:center;justify-content:space-between}.toggle>div{display:flex;flex-direction:column;gap:4px}.toggle span{font-size:13px;font-weight:600}.toggle small{font-size:11px;color:#778196}.toggle input{accent-color:#7c3aed;width:18px;height:18px}.hint{font-size:11px;line-height:1.55;color:#707b8f;background:#090d14;border:1px solid #202737;padding:12px;border-radius:9px}.hint code{color:#b9a8ef}.login-page{min-height:100vh;background:#080b12;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.login-glow{position:absolute;width:620px;height:620px;border-radius:50%;background:#6d28d930;filter:blur(80px);top:-280px;right:-180px}.login-card{position:relative;width:min(430px,100%);background:#0d121b;border:1px solid #282f3e;border-radius:18px;padding:34px;box-shadow:0 24px 80px #0008}.login-logo{width:142px;margin-bottom:34px}.login-icon{width:48px;height:48px;border-radius:12px;background:#7c3aed1f;border:1px solid #7c3aed55;color:#a78bfa;display:grid;place-items:center}.login-card h1{font-size:28px;letter-spacing:-.03em;margin:18px 0 8px}.login-card>p{color:#8a94a7;font-size:14px;line-height:1.55;margin:0 0 26px}.login-field>span{display:block;color:#9aa4b6;font-size:12px;font-weight:600;margin-bottom:8px}.login-field>div{height:46px;border:1px solid #30384a;background:#090d14;border-radius:10px;display:flex;align-items:center;padding:0 13px;gap:10px}.login-field svg{color:#747f94}.login-field input{flex:1;border:0;outline:0;color:#edf1fa;background:transparent;min-width:0}.auth-error{margin-top:12px;color:#fca5a5;background:#7f1d1d2e;border:1px solid #7f1d1d66;border-radius:8px;padding:10px 12px;font-size:12px}.login-button{width:100%;height:46px;margin-top:16px;background:#7c3aed;color:#fff;border:0;border-radius:10px;font-weight:700;cursor:pointer}.login-button:disabled{opacity:.5}.login-card small{display:block;text-align:center;color:#596477;margin-top:20px;font-size:11px}@media(max-width:950px){.workspace{grid-template-columns:1fr}.settings-card{order:-1}.hero{align-items:start;flex-direction:column;gap:20px}.status{width:100%}}@media(max-width:650px){main{padding:32px 16px}.hero h1{font-size:34px}header{padding:0 16px}.brand-copy{display:none}.metrics-row{grid-template-columns:1fr}.header-actions{gap:5px}.logout{font-size:0}.logout svg{margin:0}.logout{width:38px;padding:0}}.login-field-spaced{display:block;margin-top:14px}