:root{color-scheme:dark;--bg-base: #2f3033;--shell-bg: #06070a;--shell-edge: rgba(255, 255, 255, .08);--text-main: #f2f4f8;--text-soft: #93a0b6;--line-soft: rgba(204, 220, 255, .16);--panel-bg: rgba(13, 16, 22, .84);--panel-glass: rgba(19, 24, 34, .66);--accent: #3c6dff;--accent-soft: rgba(60, 109, 255, .32);--danger: #db5a6a;--shadow-heavy: 0 30px 75px rgba(0, 0, 0, .55)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 20% 0%,rgba(83,96,128,.4),transparent 34%),radial-gradient(circle at 80% 100%,rgba(20,33,70,.34),transparent 38%),var(--bg-base);font-family:Satoshi,Inter,Avenir Next,sans-serif}h1,h2,p{margin:0}button,input,textarea{font:inherit;color:inherit}.app-scene{min-height:100vh;padding:36px}.studio-frame{width:min(1440px,calc(100vw - 72px));height:calc(100vh - 72px);margin:0 auto;background:var(--shell-bg);border-radius:18px;border:1px solid var(--shell-edge);box-shadow:var(--shadow-heavy);display:grid;grid-template-columns:280px minmax(540px,1fr) 390px;overflow:hidden}.studio-sidebar{background:#04060af5;border-right:1px solid rgba(255,255,255,.06);padding:18px 14px;overflow-y:auto;display:grid;grid-template-rows:auto auto auto;align-content:start;gap:14px}.studio-sidebar::-webkit-scrollbar{width:6px}.studio-sidebar::-webkit-scrollbar-thumb{background:#a4b3d133;border-radius:999px}.sidebar-brand-row{display:flex;align-items:center;gap:10px;padding:4px 4px 8px}.brand-glyph{width:18px;height:18px;border-radius:5px;border:1px solid rgba(255,255,255,.45);position:relative}.brand-glyph:after{content:"";position:absolute;inset:3px;border-radius:3px;background:linear-gradient(135deg,#ffffffeb,#ffffff4d)}.sidebar-brand-title{text-transform:lowercase;letter-spacing:.02em;font-weight:640;font-size:1.08rem}.sidebar-brand-subtitle{color:var(--text-soft);font-size:.78rem}.studio-stage{position:relative;border-right:1px solid rgba(255,255,255,.06);padding:24px;overflow:hidden;background:radial-gradient(circle at 50% 102%,rgba(45,113,255,.45),transparent 38%),linear-gradient(116deg,#07090d,#070a12 42%,#05070c)}.studio-stage:before{content:"";position:absolute;inset:-20% -15%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.05) 18%,transparent 35%,rgba(255,255,255,.03) 52%,transparent 70%);filter:blur(10px);animation:stage-shaft 18s linear infinite}.stage-top-row{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.stage-pill{border:1px solid rgba(146,176,235,.3);border-radius:999px;padding:7px 14px;font-size:.82rem;text-transform:lowercase;color:#d7e6ffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080d1694}.stage-core-card{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:3;width:min(560px,calc(100% - 60px));min-height:450px;border-radius:36px;border:1px solid rgba(139,167,229,.28);background:linear-gradient(180deg,#101e3fa8,#0a111ed6),radial-gradient(circle at 50% 115%,rgba(42,106,255,.7),transparent 47%);box-shadow:0 25px 70px #010713b3,inset 0 1px #fff3;padding:24px 28px 30px;display:grid;justify-items:center;align-content:start;gap:18px}.stage-close-button{justify-self:end;width:40px;height:40px;border:1px solid rgba(233,240,255,.3);border-radius:999px;background:#222b3db3;text-transform:uppercase;opacity:.8}.stage-headline{width:100%;max-width:460px;text-align:left;color:#e4edffd9;font-size:clamp(1.2rem,2.3vw,2rem);line-height:1.22}.stage-wave-wrap{width:100%;max-width:440px;height:86px;position:relative;margin-top:12px}.stage-wave-line{position:absolute;inset:0;border-radius:999px;border-top:2px solid rgba(161,204,255,.66);filter:drop-shadow(0 0 6px rgba(87,146,255,.6));animation:wave-drift 5.2s ease-in-out infinite}.stage-wave-line:nth-child(2){border-top-color:#4d91ffeb;animation-duration:4.4s;animation-delay:-.5s;transform:scaleY(.84)}.stage-wave-line:nth-child(3){border-top-color:#dcebfff2;animation-duration:3.7s;animation-delay:-.25s;transform:scaleY(.6)}.stage-wave-line:nth-child(4){border-top-color:#66a8ffb3;animation-duration:6s;transform:scaleY(1.15)}.stage-mic-button{width:86px;height:86px;border-radius:999px;border:0;font-size:.95rem;font-weight:620;text-transform:lowercase;background:#f5f8ff;color:#0b1322;box-shadow:0 14px 28px #080e2080,0 0 0 8px #f5f8ff1f}.stage-mic-button.active{background:#9fc1ff}.stage-status-line{color:#d3e1fccc;text-transform:capitalize;letter-spacing:.02em}.stage-user-preview{width:100%;max-width:450px;border-top:1px dashed rgba(183,206,255,.36);padding-top:12px;color:#cbdfffb8;font-size:.87rem}.stage-orb{position:absolute;z-index:1;left:50%;top:52%;transform:translate(-50%,-50%);width:310px;height:310px;border-radius:50%;border:2px solid rgba(226,236,255,.8);box-shadow:inset 0 0 45px #d9e5ff33,0 0 55px #d0deff52;opacity:.9}.studio-transcript{background:#04060afa;padding:18px 14px;display:grid;gap:12px;overflow:hidden}.transcript-header-shell{display:flex;justify-content:space-between;align-items:center;gap:8px}.transcript-shell-title{font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;color:#c4d4f2a8}.panel{border:1px solid var(--line-soft);background:var(--panel-bg);border-radius:14px;padding:12px;display:grid;gap:10px}.control-panel{background:var(--panel-glass)}.panel h2{font-size:.94rem;text-transform:lowercase;letter-spacing:.02em}.panel-header-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.status-badge{border-radius:999px;border:1px solid rgba(164,183,223,.28);background:#0f151fdb;color:#dce9ffdb;font-size:.72rem;text-transform:lowercase;padding:5px 10px}.status-connected{border-color:#78f4c447;color:#b5f4df}.status-connecting{border-color:#f4d57966;color:#ffe09a}.status-disconnected{border-color:#f17d9157;color:#ffb7c3}.meta-row{color:#c7d7f4bf;font-size:.8rem}.field-label{color:#afc0dfc2;font-size:.76rem;letter-spacing:.03em;text-transform:lowercase}textarea{width:100%;border:1px solid rgba(164,188,236,.18);border-radius:10px;background:#05080ed1;color:#e3edfff0;padding:9px 10px;resize:vertical}textarea::placeholder{color:#9badcc99}.button-row{display:flex;flex-wrap:wrap;gap:8px}.primary-button,.ghost-button,.danger-button{border-radius:10px;border:1px solid rgba(171,194,236,.22);padding:8px 11px;cursor:pointer;transition:transform .12s ease}.primary-button{background:linear-gradient(120deg,#4f7eff,#3b5fff);border-color:#90aef18c}.ghost-button{background:#0b111be6}.danger-button{background:#992a3dc2;border-color:#de6b7e8f}.primary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.toggle-row{display:flex;align-items:center;gap:8px;color:#beceecc2;font-size:.81rem}.toggle-row input{accent-color:var(--accent)}.video-panel{background:#0a0e14bd}.video-preview{width:100%;aspect-ratio:16 / 9;border-radius:10px;border:1px solid rgba(149,180,235,.22);background:#070b12;object-fit:cover}.hint-text{color:#b0c3e49e;font-size:.77rem}.transcript-panel{display:grid;gap:10px;min-height:0;height:100%;padding:0;border:0;background:transparent}.transcript-panel>h2{display:none}.transcript-scroll{height:100%;min-height:0;display:grid;align-content:start;gap:10px;overflow:auto;padding:2px 2px 8px}.transcript-scroll::-webkit-scrollbar{width:8px}.transcript-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#a7b8d63d}.transcript-item{border:1px solid rgba(169,193,238,.18);border-radius:12px;background:#0b1018e6;padding:10px;display:grid;gap:6px}.transcript-item header{font-size:.71rem;text-transform:uppercase;letter-spacing:.09em;color:#afc2e3cc}.transcript-item p{color:#e0ecfff2;line-height:1.35;font-size:.96rem}.transcript-user{border-color:#5e9dff57;background:#0d1c2fe6}.transcript-agent{border-color:#4bd6b942;background:#0a2125db}.transcript-event{border-style:dashed;border-color:#ebbf795c;background:#2b2114db}.transcript-partial{border-style:dashed}.empty-state{color:#afc2e3b3;font-size:.9rem;padding:6px}@keyframes stage-shaft{0%{transform:translate(-8%)}50%{transform:translate(8%)}to{transform:translate(-8%)}}@keyframes wave-drift{0%,to{transform:translateY(34px) scaleY(1)}25%{transform:translateY(16px) scaleY(.8)}50%{transform:translateY(34px) scaleY(1.08)}75%{transform:translateY(50px) scaleY(.78)}}@media(max-width:1340px){.studio-frame{grid-template-columns:256px minmax(470px,1fr) 340px}}@media(max-width:1120px){.app-scene{padding:16px}.studio-frame{width:100%;height:auto;min-height:calc(100vh - 32px);grid-template-columns:1fr;grid-template-rows:auto auto auto}.studio-sidebar,.studio-stage,.studio-transcript{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.studio-stage{min-height:720px}.stage-core-card{width:min(560px,calc(100% - 36px))}.studio-transcript{min-height:420px}}@media(max-width:720px){.stage-core-card{min-height:400px;border-radius:24px;padding:18px}.stage-headline{font-size:1.15rem}}