:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#120d08;--panel:#261911d6;--panel-strong:#3d2415eb;--border:#ffe8cb29;--text:#fff7ea;--muted:#d4c1aa;--accent:#ff9d5c;--accent-strong:#ff6f3c;--shadow:0 28px 80px #00000059}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#ffa05247,#0000 30%),radial-gradient(circle at 100% 0,#ffe1a01f,#0000 22%),linear-gradient(160deg,#120d08 10%,#26170f 48%,#150f09 100%);margin:0;font-family:Avenir Next,Trebuchet MS,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.studio-shell{width:min(1440px,100vw - 32px);margin:0 auto;padding:24px 0 48px}.hero-panel{padding:28px 24px 18px}.workspace-header{justify-content:space-between;align-items:start;gap:18px;display:flex}.workspace-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.workspace-greeting{color:#ffd2a4;font-size:.96rem;font-weight:700}.testing-mode-toggle{color:var(--muted);align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:inline-flex}.testing-mode-toggle input{accent-color:var(--accent)}.label-with-id,.button-with-id,.button-id-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.testing-id-anchor{align-items:center;display:inline-flex;position:relative}.testing-id-tag{color:#ffd9b8;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ff9d5c29;border:1px solid #ff9d5c4d;border-radius:999px;justify-content:center;align-items:center;min-width:52px;padding:2px 8px;font-size:.7rem;font-weight:800;transition:background .14s,border-color .14s,transform .14s;display:inline-flex}.testing-id-tag:hover,.testing-id-tag:focus-visible{background:#ff9d5c47;border-color:#ffbb8cb3;outline:none;transform:translateY(-1px)}.testing-target-flash{outline-offset:4px;outline:2px solid #ff9d5ccc;transition:outline .14s}.testing-feedback-popover{z-index:60;width:min(360px,82vw);color:var(--foreground);background:#301c11fa;border:1px solid #ff9d5c4d;border-radius:18px;padding:14px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 24px 54px #00000057}.testing-feedback-popover--above{top:auto;bottom:calc(100% + 8px)}.testing-feedback-popover--right{left:auto;right:0}.testing-feedback-header,.testing-feedback-actions,.testing-feedback-entry-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.testing-feedback-header{margin-bottom:6px}.testing-feedback-meta,.testing-feedback-status,.testing-feedback-empty,.testing-feedback-entry p{margin:0}.testing-feedback-meta{color:var(--muted);margin-bottom:10px;font-size:.78rem}.testing-feedback-popover textarea{width:100%;margin-bottom:10px}.testing-feedback-status{color:#ffd9b8;margin-top:10px;font-size:.86rem}.testing-feedback-list{gap:10px;max-height:220px;margin-top:12px;display:grid;overflow-y:auto}.testing-feedback-entry{background:#ffffff0d;border-radius:14px;padding:10px 12px}.testing-feedback-entry-meta{color:var(--muted);margin-bottom:4px;font-size:.78rem}.workspace-topbar{grid-template-columns:minmax(0,auto) minmax(280px,1fr);align-items:stretch;gap:16px;margin-top:22px;display:grid}.hero-panel h1{max-width:16ch;margin:0;font-size:clamp(2.4rem,4.6vw,4.2rem);line-height:.95}.eyebrow{color:#ffd2a4;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:800}.hero-copy{max-width:760px;color:var(--muted);font-size:1.08rem;line-height:1.6}.workspace-switcher{grid-template-columns:repeat(auto-fit,minmax(140px,max-content));align-content:start;gap:14px;display:grid}.nav-button{text-align:left;border:1px solid var(--border);color:var(--text);background:#fff9ee0f;border-radius:22px;gap:6px;min-width:0;padding:12px 14px;transition:transform .18s,border-color .18s,background .18s;display:grid}.nav-button strong{font-size:1rem}.nav-button span{color:var(--muted);font-size:.76rem;line-height:1.35}.workspace-status{background:#fff9ee0d;border:1px solid #ffe8cb1f;border-radius:24px;align-content:center;gap:14px;padding:14px 18px;display:grid}.workspace-status-copy{gap:4px;display:grid}.workspace-status-copy strong{font-size:.96rem}.workspace-status-copy span,.preview-meta span{color:var(--muted)}.workspace-status-list{flex-wrap:wrap;gap:8px;display:flex}.status-stage{color:#ffd3ae;text-transform:capitalize;background:#fff9ee0a;border:1px solid #ffe8cb1f;border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:700}.status-stage.is-active{background:#ff9d5c29;border-color:#ff9d5c52}.status-stage.is-complete{background:#ffd6ad1f;border-color:#ffd6ad38}.nav-button:hover,.nav-button.is-active{background:#ff9d5c24;border-color:#ffd2a466;transform:translateY(-1px)}.studio-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.panel-card{border:1px solid var(--border);background:linear-gradient(180deg,var(--panel),var(--panel-strong));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px}.control-panel,.preview-panel,.editor-panel{padding:22px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-heading h2,.transcript-panel h3{margin:0;font-size:1.1rem}.section-heading span,.field small,.empty-state,.transcript-panel p{color:var(--muted)}.compact{margin-top:26px}.field{gap:8px;margin-bottom:16px;display:grid}.progress-panel{background:#fff9ee0d;border:1px solid #ffe8cb1f;border-radius:20px;margin-bottom:18px;padding:16px 18px}.progress-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.progress-heading strong{font-size:.96rem}.progress-heading span{color:#ffd3ae;font-weight:700}.progress-track{background:#fff9ee14;border-radius:999px;height:12px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(135deg,var(--accent),var(--accent-strong));height:100%;transition:width .24s}.dialog-backdrop{z-index:50;background:#160c06b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog-card{border:1px solid var(--border);background:linear-gradient(180deg,var(--panel),var(--panel-strong));width:min(720px,100vw - 48px);box-shadow:var(--shadow);border-radius:24px;padding:22px}.dialog-copy{gap:10px;margin-bottom:18px;display:grid}.dialog-copy p{margin:0}.failure-log-box{min-height:180px;max-height:46vh;color:var(--text);white-space:pre-wrap;word-break:break-word;background:#fff9ee0d;border:1px solid #ffe8cb1f;border-radius:18px;margin:0 0 18px;padding:16px;overflow:auto}.dialog-actions{justify-content:flex-end;gap:12px;display:flex}.export-toolbar{align-items:center;gap:12px;min-width:0;display:flex}.export-path-display{min-width:0;max-width:320px;color:var(--muted);white-space:nowrap;text-align:left;direction:rtl;background:#fff9ee0a;border:1px solid #ffe8cb1f;border-radius:999px;padding:8px 12px;font-size:.85rem;overflow:hidden}.field>span,.field label>span{color:#ffe1c5;font-size:.92rem}.field input[type=file],.field textarea,.field input[type=text],.field select{border:1px solid var(--border);width:100%;color:var(--text);background:#fff9ee0f;border-radius:16px;padding:12px 14px}.field input[type=color]{border:1px solid var(--border);background:#fff9ee0f;border-radius:16px;width:100%;height:48px;padding:4px}.field input[type=range]{width:100%}.text-color-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.mini-color{border:1px solid var(--border);background:#fff9ee0f;border-radius:14px;width:42px;min-width:42px;height:42px;padding:3px}.split-row,.inline-row{gap:14px;display:grid}.split-row{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-row{grid-template-columns:1fr auto;align-items:end}.toggle{align-items:center;gap:10px;min-height:48px;display:flex}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#1e120b;border:0;border-radius:999px;padding:12px 18px;font-weight:800}.primary-button:disabled{opacity:.56;cursor:default}.secondary-button{color:var(--text);background:#fff9ee0f;border:1px solid #ffd2a44d;border-radius:999px;padding:11px 16px;font-weight:700}.warning-box{background:#ffc47614;border:1px solid #ffc47647;border-radius:20px;padding:14px 16px}.warning-box p{margin:0}.warning-box p+p{margin-top:8px}.preview-stack{justify-items:start;gap:14px;display:grid}.preview-canvas-frame{width:min(100%,320px)}.preview-canvas{border:1px solid var(--border);background:#000;border-radius:24px;width:100%;max-width:320px}.preview-editor-layout{align-items:start;gap:18px;display:grid}.preview-meta{flex-wrap:wrap;gap:10px 16px;font-size:.88rem;display:flex}.editor-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.share-link-copy{color:var(--muted);word-break:break-all;background:#fff9ee0a;border:1px solid #ffd2a42e;border-radius:14px;margin:0 0 14px;padding:10px 12px;font-size:.88rem}.transcript-export-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.transcript-export-label{color:var(--muted);font-size:.88rem;font-weight:700}.audio-player{width:100%}.hidden-video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;inset:auto}.admin-panel{padding:24px}.auth-shell{width:min(760px,100vw - 32px);margin:0 auto;padding:40px 0 56px}.auth-card{padding:28px}.auth-card-single{gap:20px;display:grid}.auth-form{border:1px solid var(--border);background:#fff9ee0d;border-radius:24px;gap:14px;padding:18px;display:grid}.auth-form h2,.admin-subpanel h3{margin:0}.auth-form-single{width:min(100%,460px)}.auth-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.text-link{color:#ffd2a4;text-underline-offset:.18em;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.password-field{border:1px solid var(--border);background:#fff9ee0f;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 10px 0 0;display:grid}.password-field input{background:0 0;border:0;padding:12px 14px}.eye-button{color:#ffd2a4;background:#fff9ee14;border:0;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.eye-icon{width:18px;height:18px}.auth-actions{flex-wrap:wrap;gap:12px;display:flex}.auth-note{color:var(--muted);text-align:center;margin:4px 0 0;font-size:.92rem}.compact-form{margin-bottom:20px}.admin-columns{grid-template-columns:1.1fr .9fr;gap:20px;margin-top:20px;display:grid}.admin-subpanel{padding:20px}.user-table,.audit-log{gap:12px;display:grid}.user-row,.audit-row{border:1px solid var(--border);background:#fff9ee0a;border-radius:18px;justify-content:space-between;align-items:start;gap:14px;padding:14px 16px;display:flex}.user-row strong,.audit-row strong{display:block}.user-row p,.audit-row p{color:var(--muted);margin:6px 0 0}.user-actions{flex-wrap:wrap;justify-content:end;gap:10px;display:flex}.find-status{color:var(--muted);margin:0 0 12px;font-size:.88rem}.error-text{color:#ffb4a8}.success-text{color:#c7f4be}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.admin-card{border:1px solid var(--border);background:#fff9ee0d;border-radius:22px;align-content:space-between;gap:18px;min-height:220px;padding:20px;display:grid}.admin-card h3{margin:0 0 12px}.admin-card p{color:var(--muted);margin:0;line-height:1.6}.admin-link-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.logs-page{padding:24px}.logs-page-back{justify-content:flex-end;margin-bottom:18px;display:flex}.admin-log-window{gap:16px;display:grid}.logs-nav{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#120d08f5,#120d08d1);grid-template-columns:repeat(auto-fit,minmax(120px,max-content));gap:14px;padding:10px 0;display:grid;position:sticky;top:12px}.logs-description{color:var(--muted);margin:0}.audit-meta{color:var(--muted);text-align:right;white-space:nowrap;gap:6px;display:grid}.segment-list{gap:14px;max-height:520px;padding-right:6px;display:grid;overflow:auto}.editor-panel{padding:0}.editor-panel .segment-list{grid-template-columns:1fr}.editor-panel .segment-card textarea{min-height:96px}.segment-list::-webkit-scrollbar{width:10px}.segment-list::-webkit-scrollbar-thumb{background:#ffd2a438;border-radius:999px}.segment-list::-webkit-scrollbar-track{background:0 0}.segment-card{border:1px solid var(--border);background:#fff9ee0d;border-radius:20px;padding:16px}.segment-card.is-search-active{border-color:#ff9d5c85;box-shadow:0 0 0 1px #ff9d5c38}.segment-card textarea{width:100%;color:var(--text);background:#08050338;border:1px solid #ffe8cb1f;border-radius:16px;margin-top:12px;padding:12px}.segment-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;display:flex}@media (max-width:980px){.workspace-topbar,.studio-grid,.preview-editor-layout,.admin-columns{grid-template-columns:1fr}}@media (max-width:640px){.studio-shell{width:min(100vw - 20px,100%);padding-top:12px}.hero-panel{padding-inline:16px}.workspace-header,.user-row,.audit-row{flex-direction:column}.workspace-actions{justify-content:flex-start}.audit-meta{text-align:left;white-space:normal}.control-panel,.preview-panel,.editor-panel{border-radius:22px;padding:16px}.split-row,.inline-row,.workspace-switcher{grid-template-columns:1fr}.workspace-status{padding:14px 16px}.auth-shell{width:min(100vw - 20px,100%);padding-top:16px}}