@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap";:root{color-scheme:dark;font-family:Inter,sans-serif;color:#f4f7fb;--bg: #060812;--bg-2: #0b1020;--surface: rgba(16, 20, 34, .78);--surface-strong: rgba(19, 24, 40, .94);--surface-soft: rgba(27, 33, 54, .92);--surface-elevated: rgba(34, 41, 67, .98);--border: rgba(255, 255, 255, .08);--border-strong: rgba(129, 108, 255, .26);--text: #f4f7fb;--text-strong: #ffffff;--text-muted: #a1abc0;--accent: #8b5cf6;--accent-strong: #6d48ff;--accent-soft: rgba(139, 92, 246, .14);--accent-2: #48c6ff;--accent-2-soft: rgba(72, 198, 255, .14);--success: #22c55e;--danger: #ff6b7a;--warning: #f5b942;--shadow: 0 30px 80px rgba(0, 0, 0, .42);--shadow-soft: 0 18px 44px rgba(0, 0, 0, .28);--focus: rgba(139, 92, 246, .26)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(94,117,255,.16),transparent 24%),radial-gradient(circle at 78% 0%,rgba(72,198,255,.12),transparent 18%),radial-gradient(circle at bottom right,rgba(139,92,246,.14),transparent 22%),linear-gradient(180deg,#060812,#0a0e18 42%,#0c1120)}button,input,textarea,select{font:inherit}button,input,textarea,select,a{transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus)}code,pre{font-family:SFMono-Regular,ui-monospace,Cascadia Code,monospace}::placeholder{color:#a1abc0b8}.shell{position:relative;min-height:100vh;padding:24px;overflow:hidden;isolation:isolate}.shell__wash,.shell__grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.shell__wash{z-index:-3}.shell__wash--sky{inset:-16% auto auto -10%;width:34rem;height:34rem;border-radius:999px;background:radial-gradient(circle,rgba(72,198,255,.18),transparent 68%);filter:blur(18px)}.shell__wash--meadow{inset:auto -16% -16% auto;width:38rem;height:38rem;border-radius:999px;background:radial-gradient(circle,rgba(139,92,246,.18),transparent 68%);filter:blur(20px)}.shell__grain{z-index:-4;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:86px 86px;-webkit-mask-image:radial-gradient(circle at center,black 38%,transparent 92%);mask-image:radial-gradient(circle at center,black 38%,transparent 92%)}.panel{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,#161b2dd6,#0f1320f0),linear-gradient(180deg,rgba(255,255,255,.03),transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(circle at top right,rgba(72,198,255,.1),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 34%)}.panel>*{position:relative;z-index:1}.panel--section,.hero-panel{padding:22px}.hero-panel{overflow:visible;display:grid;grid-template-columns:minmax(0,1.24fr) minmax(280px,.76fr);gap:24px;margin-bottom:24px;z-index:30;background:linear-gradient(135deg,#151a2cfa,#0f1320fa),radial-gradient(circle at top left,rgba(129,108,255,.14),transparent 38%)}.hero-panel:after{position:absolute;right:-8%;top:-22%;width:26rem;height:26rem;content:"";border-radius:999px;background:radial-gradient(circle,rgba(139,92,246,.16),transparent 68%);filter:blur(8px)}.hero-panel__content,.hero-panel__stats,.hero-metrics,.workspace,.sidebar,.content,.content-grid,.stack,.form,.settings-stack,.mode-tabs,.example-list,.detail-grid,.design-grid,.metric-grid,.summary-list{display:grid;gap:18px}.hero-panel>*,.workspace>*,.content-grid>*,.detail-grid>*,.field-row>*{min-width:0}.hero-panel__content{align-content:start}.hero-panel__content .script-panel{margin-top:clamp(20px,3vw,46px)}.hero-panel__stats{align-content:stretch;position:relative;z-index:2}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{position:relative;grid-template-columns:minmax(300px,332px) minmax(0,1fr);gap:24px;align-items:start}.sidebar{position:sticky;top:24px;isolation:isolate;z-index:20}.content{position:relative;z-index:1}.sidebar .panel{overflow:visible;z-index:0}.sidebar .panel:has(.rich-select--open){z-index:24}.content-grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:start}.detail-panel{overflow:visible;z-index:0}.detail-panel:has(.rich-select--open){z-index:18}.detail-panel .design-grid:has(.rich-select--open){z-index:3}.detail-panel .design-grid>.field:has(.rich-select--open){z-index:4}.panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.panel__header--aligned{align-items:flex-start}.section-title{display:grid;gap:8px}.section-title__detail,.hero-copy,.field__hint,.mode-tab__meta,.toggle-card__meta,.action-bar__note,.example-card small,.overview-card small,.summary-item span,.info-card__detail,.option-row__copy span,.rich-select__empty,.speaker-spotlight__body p{margin:0;color:var(--text-muted);line-height:1.56}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;color:#c6d0e4;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{width:26px;height:8px;content:"";border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}h1,h2,h3{margin:0;color:var(--text-strong);font-family:Sora,sans-serif;font-weight:600;letter-spacing:-.03em}h1{max-width:12ch;font-size:clamp(1.95rem,3.4vw,3.2rem);line-height:1.02}h2{font-size:1.32rem}h3{font-size:1.04rem}.hero-copy{max-width:60ch;font-size:.95rem}.hero-chips{display:flex;flex-wrap:wrap;gap:12px}.hero-chip{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0a;color:#d6def0;font-size:.82rem;font-weight:600;cursor:pointer}.hero-chip:hover{transform:translateY(-1px);border-color:#8b5cf63d;background:#ffffff12}.hero-chip--active{border-color:#8b5cf657;background:linear-gradient(180deg,#343d63f0,#1c2136f5),linear-gradient(180deg,rgba(255,255,255,.04),transparent);color:#fff;box-shadow:0 14px 28px #5f67ff2e}.hero-selector-card,.hero-output-card,.speaker-spotlight,.overview-card,.mode-tab,.example-card,.mini-stat,.metric-card,.summary-item,.audio-card,.empty-card,.info-card,.toggle-card{border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,#21273eeb,#181c2ef5),linear-gradient(180deg,rgba(255,255,255,.03),transparent);box-shadow:var(--shadow-soft)}.hero-selector-card{position:relative;overflow:visible;z-index:2;display:grid;gap:16px;padding:18px;background:radial-gradient(circle at top right,rgba(72,198,255,.12),transparent 42%),linear-gradient(180deg,#232942f5,#161a2af5)}.hero-output-card{position:relative;z-index:1;display:grid;gap:16px;padding:18px}.hero-selector-card__header,.hero-selector-card__grid{display:grid;gap:14px}.hero-selector-card__header{grid-template-columns:auto minmax(0,1fr);align-items:center}.hero-selector-card__hint{margin:0;color:var(--text-muted);font-size:.88rem;line-height:1.56}.speaker-spotlight{display:flex;align-items:center;gap:16px;padding:18px;background:radial-gradient(circle at top right,rgba(72,198,255,.14),transparent 42%),linear-gradient(180deg,#232942f5,#161a2af5)}.speaker-spotlight__media{width:72px;height:72px;flex-shrink:0;padding:2px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.speaker-spotlight__avatar{width:100%;height:100%;display:block;border-radius:999px;object-fit:cover}.speaker-spotlight__fallback{width:100%;height:100%;display:grid;place-items:center;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ffffff3d,#ffffff14);color:#fff;font-size:1.75rem;line-height:1}.speaker-spotlight__body{min-width:0}.speaker-spotlight__eyebrow{display:block;margin-bottom:6px;color:#c0c8dc;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.speaker-spotlight__body strong{display:block;color:#fff;font-size:1rem;font-weight:700}.overview-card{min-height:118px;padding:18px}.overview-card span,.metric-card span,.mini-stat span,.field__label,.field__meta,.info-card__label{display:block;margin-bottom:10px;color:#9aa4b9;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.overview-card strong,.metric-card strong,.mini-stat strong,.summary-item strong,.info-card__value{display:block;color:var(--text-strong);font-weight:700}.overview-card strong,.metric-card strong{font-size:1rem}.mode-tab,.example-card,.toggle-card,.button,.rich-select__trigger,.rich-select__option{cursor:pointer}.mode-tab,.example-card,.toggle-card{width:100%;padding:16px 18px;text-align:left;color:inherit}.mode-tab:hover,.example-card:hover,.toggle-card:hover,.button:hover,.rich-select__trigger:hover,.rich-select__option:hover{transform:translateY(-1px)}.mode-tab:hover,.example-card:hover,.toggle-card:hover{border-color:#8b5cf638}.mode-tab--active,.toggle-card--active{border-color:var(--border-strong);background:linear-gradient(180deg,#262d4afa,#181d30fa),radial-gradient(circle at top left,rgba(139,92,246,.12),transparent 40%);box-shadow:0 18px 34px #00000047}.mode-tab__title,.toggle-card__title,.example-card strong{display:block;color:var(--text-strong);font-weight:700}.field{display:grid;gap:10px}.field__meta{margin:0;color:#d1d8ea}.field__control,.rich-select__trigger,.rich-select__search{width:100%;min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,#101422f5,#0b0f19f5),linear-gradient(180deg,rgba(255,255,255,.03),transparent);color:var(--text);box-shadow:inset 0 1px #ffffff08}.field__control,.rich-select__search{padding:14px 16px}.field__control:hover,.rich-select__trigger:hover,.rich-select__search:hover{border-color:#8b5cf62e}.field__control:disabled,.rich-select__trigger:disabled{opacity:.62;cursor:not-allowed}.field__control--textarea{resize:vertical;min-height:120px}.field__control--script{min-height:300px;font-size:.98rem;line-height:1.6}.field__control--file{padding:10px 12px;color:var(--text-muted);line-height:1.3}.field__control--file::file-selector-button{margin-right:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(180deg,#262d4afa,#181d30fa),radial-gradient(circle at top left,rgba(139,92,246,.12),transparent 40%);color:var(--text-strong);font:inherit;font-weight:700;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.field__control--file::-webkit-file-upload-button{margin-right:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(180deg,#262d4afa,#181d30fa),radial-gradient(circle at top left,rgba(139,92,246,.12),transparent 40%);color:var(--text-strong);font:inherit;font-weight:700;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.field__control--file:hover::file-selector-button,.field__control--file:hover::-webkit-file-upload-button{transform:translateY(-1px);border-color:#8b5cf638;box-shadow:0 12px 24px #0000002e}.field-row{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.field-row--stacked{grid-template-columns:1fr}.detail-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.design-grid{display:grid;gap:18px 16px;grid-template-columns:repeat(3,minmax(0,1fr))}.detail-panel .panel__header{margin-bottom:14px}.detail-panel .section-title{gap:6px}.design-grid .field{gap:8px;align-content:start}.design-grid .field__label{margin-bottom:6px}.design-grid .rich-select{gap:8px}.rich-select{position:relative;display:grid;gap:10px;z-index:0}.rich-select--open{z-index:30}.rich-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;text-align:left}.rich-select__trigger--open{border-color:#8b5cf63d;box-shadow:0 0 0 4px #8b5cf614}.rich-select__chevron{flex-shrink:0;color:var(--text-muted);font-size:.96rem}.rich-select__popover{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:40;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,#141827fa,#0d111dfa),linear-gradient(180deg,rgba(255,255,255,.03),transparent);box-shadow:0 28px 54px #00000075;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.rich-select__search{margin-bottom:12px}.rich-select__list{display:grid;gap:6px;max-height:320px;overflow:auto}.rich-select__option{width:100%;padding:10px;border:1px solid transparent;border-radius:16px;background:transparent;text-align:left}.rich-select__option--selected{border-color:#8b5cf633;background:#8b5cf61a}.rich-select__empty{padding:10px 6px 4px;font-size:.94rem}.option-row{display:flex;align-items:center;gap:12px}.option-row--placeholder .option-row__copy strong{color:var(--text-muted)}.option-row__leading{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:999px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff0a}.option-row__leading--placeholder{font-weight:700;color:var(--text-muted)}.option-row__avatar{width:40px;height:40px;display:block;border-radius:999px;object-fit:cover}.option-row__fallback{width:100%;height:100%;display:grid;place-items:center;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff3,#ffffff14);color:#fff;font-size:.94rem;font-weight:700;line-height:1}.option-row__flag{font-size:1.2rem}.option-row__copy{min-width:0}.option-row__copy strong{display:block;color:var(--text-strong);font-size:.92rem}.info-card,.mini-stat{padding:14px 16px}.info-card__value{font-size:1rem}.inline-stats{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.mini-stat{min-width:96px}.slider-row,.action-bar,.action-bar__buttons,.audio-block{display:flex;gap:14px}.slider-row{align-items:center}.slider-row input[type=range]{flex:1;accent-color:var(--accent)}.action-bar{flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:6px}.action-bar__buttons{flex-wrap:wrap}.action-bar__note{max-width:48ch;font-size:.94rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;border:1px solid transparent;padding:13px 20px;font-weight:700;text-decoration:none}.button--primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 18px 36px #5f67ff4d}.button--primary:hover{box-shadow:0 22px 42px #5f67ff57}.button--secondary{background:linear-gradient(180deg,#1b2136fa,#141828fa),linear-gradient(180deg,rgba(255,255,255,.03),transparent);color:var(--text);border-color:#ffffff14}.button:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}.status-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid transparent;border-radius:999px;font-size:.84rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:#ffffff0a}.status-pill__dot{width:10px;height:10px;border-radius:999px;background:currentColor;box-shadow:0 0 0 4px #ffffff0f}.tone-idle{color:#a1abc0;border-color:#a1abc01f}.tone-active{color:var(--accent-2);border-color:#48c6ff1f}.tone-success{color:var(--success);border-color:#22c55e1f}.tone-error{color:var(--danger);border-color:#ff6b7a1f}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:16px}.waveform{position:relative;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;gap:8px;min-height:152px;margin-top:18px;padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at top center,rgba(72,198,255,.1),transparent 50%),linear-gradient(180deg,#141928fa,#0e121efa);overflow:hidden}.waveform:before{position:absolute;inset:auto 0 0;height:56%;content:"";background:linear-gradient(180deg,transparent,rgba(10,132,255,.08))}.waveform:after{position:absolute;left:24px;right:24px;bottom:28px;height:1px;content:"";background:#ffffff14}.waveform__bar{position:relative;z-index:1;height:18%;border-radius:999px;background:linear-gradient(180deg,#8378fffa,#48c6ffeb);box-shadow:inset 0 1px #ffffff29,0 8px 18px #48c6ff1f}.waveform__bar--live{animation:pulse-stream 1.35s ease-in-out infinite alternate}.audio-block{flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:18px}.audio-card,.empty-card{flex:1 1 320px;padding:16px}.empty-card{margin-top:18px}.audio-player{width:100%;opacity:.96}.payload-preview{margin:0;max-height:360px;overflow:auto;padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#0f121ef5,#0a0d16fa);color:#d8e1f5;line-height:1.6}.summary-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px}.summary-item strong{max-width:58%;text-align:right;overflow-wrap:anywhere}.example-card span{display:block;margin-top:6px;color:#c9d3ea;font-weight:700}.alert{padding:14px 16px;border:1px solid rgba(255,107,122,.16);border-radius:18px;background:#4b161b6b;color:#ffd6db}@keyframes pulse-stream{0%{height:18%;opacity:.72}to{height:calc(28% + (var(--index, 1) * 2.3%));opacity:1}}.waveform__bar:nth-child(3n){--index: 5}.waveform__bar:nth-child(4n){--index: 8}.waveform__bar:nth-child(5n){--index: 11}@media (max-width: 1280px){.workspace,.hero-panel,.content-grid{grid-template-columns:1fr}.hero-panel__content .script-panel{margin-top:20px}.sidebar{position:static}}@media (max-width: 1100px){.panel__header--aligned{flex-direction:column;align-items:stretch}.inline-stats{justify-content:flex-start}.mini-stat{flex:1 1 120px;min-width:0}}@media (max-width: 900px){.hero-metrics,.field-row,.detail-grid,.design-grid,.metric-grid,.hero-selector-card__header{grid-template-columns:1fr}.panel__header{flex-direction:column;align-items:stretch}}@media (max-width: 640px){.shell{padding:16px}.panel--section,.hero-panel{padding:18px}.action-bar,.audio-block,.speaker-spotlight{flex-direction:column;align-items:stretch}.action-bar__buttons,.button{width:100%}h1{font-size:2.2rem}.summary-item{align-items:flex-start;flex-direction:column}.summary-item strong{max-width:100%;text-align:left}}