@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-app: #f3f4f6;--bg-surface: #ffffff;--bg-panel: #ffffff;--bg-raised: #f4f5f7;--bg-hover: #ebedf0;--border: #e5e7eb;--border-strong: #d3d6dc;--accent: #ff5c1a;--accent-hover: #ff7240;--accent-soft: rgba(255, 92, 26, .1);--text: #16181d;--text-muted: #6a7080;--text-dim: #9ca1ad;--success: #16a34a;--danger: #dc2626;--radius: 10px;--radius-sm: 8px;--shadow-soft: 0 1px 2px rgba(16, 18, 24, .05), 0 4px 16px rgba(16, 18, 24, .06);--shadow-pop: 0 8px 18px rgba(16, 18, 24, .1), 0 24px 60px rgba(16, 18, 24, .16);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-app);color:var(--text);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased}button{font-family:var(--font);cursor:pointer;border:none;background:none;color:inherit;font-size:13px}input,textarea,select{font-family:var(--font);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-size:13px;padding:7px 10px;outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;min-height:64px;line-height:1.5}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#c9cdd4;border-radius:99px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.studio{display:grid;grid-template-rows:56px 1fr 40px 152px;grid-template-columns:64px auto 1fr 312px;grid-template-areas:"topbar topbar topbar topbar" "rail panel stage inspector" "rail panel wordbar inspector" "rail panel filmstrip inspector";height:100vh;overflow:hidden}.wordbar{grid-area:wordbar;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--bg-panel);border-top:1px solid var(--border);min-width:0}.wordbar--empty{justify-content:center}.wordbar__hint{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wordbar__target{flex:0 0 auto;font-size:11px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;padding:3px 10px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wordbar__target--idle{color:var(--text-muted);background:transparent;border-color:var(--border);font-weight:500}.wordbar__scroll{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:thin;min-width:0;flex:1}.wordbar__word{flex:0 0 auto;position:relative;border:0;background:transparent;color:var(--text);font-size:12.5px;line-height:1;padding:6px 5px 8px;border-radius:6px;cursor:pointer;white-space:nowrap}.wordbar__word:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.wordbar__word--bound{color:var(--accent);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.wordbar__word--active{background:var(--accent);color:#fff;font-weight:600;text-decoration:none}.wordbar__word--active:hover{background:var(--accent);opacity:.9}.wordbar__dot{position:absolute;top:1px;right:1px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.wordbar__word--active .wordbar__dot{background:#fff}.wiz-presenters{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}.wiz-presenter{flex:0 0 auto;width:92px;border:2px solid var(--border);border-radius:12px;background:var(--bg-panel);padding:0 0 6px;cursor:pointer;overflow:hidden;transition:border-color .15s,transform .15s}.wiz-presenter:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));transform:translateY(-1px)}.wiz-presenter--on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.wiz-presenter img,.wiz-presenter__ph{display:block;width:100%;height:64px;object-fit:cover;background:var(--bg)}.wiz-presenter__name{display:block;font-size:10.5px;font-weight:600;color:var(--text);padding:5px 6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio--home{grid-template-rows:56px 1fr;grid-template-columns:64px 1fr;grid-template-areas:"topbar topbar" "rail main"}.home-main{grid-area:main;overflow-y:auto;min-width:0}.topbar{grid-area:topbar;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:30}.topbar__logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:14px;letter-spacing:-.01em;padding-right:12px;border-right:1px solid var(--border);white-space:nowrap}.topbar__logo-mark{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,var(--accent),#ff9d2b);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:800;box-shadow:0 2px 6px #ff5c1a59}.topbar__logo-wordmark{height:21px;width:auto;display:block}.topbar__name-input{width:250px;background:transparent;border:1px solid transparent;font-weight:600;font-size:13.5px;padding:7px 9px;box-shadow:none}.topbar__name-input:hover{border-color:var(--border)}.topbar__name-input:focus{border-color:var(--accent);background:var(--bg-surface)}.topbar__meta{color:var(--text-dim);font-size:12px;white-space:nowrap}.topbar__spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;color:var(--text);background:var(--bg-surface);border:1px solid var(--border-strong);transition:background .12s,border-color .12s,box-shadow .12s,opacity .12s;white-space:nowrap}.btn:hover{background:var(--bg-raised);border-color:#bfc4cc}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #ff5c1a4d}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover{background:var(--bg-hover);border-color:transparent}.btn--icon{padding:8px}.btn--sm{padding:5px 10px;font-size:12px}.btn--danger:hover{border-color:var(--danger);color:var(--danger)}.rail{grid-area:rail;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:6px;z-index:20}.rail__btn{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);transition:background .12s,color .12s}.rail__btn:hover{background:var(--bg-hover);color:var(--text)}.rail__btn--active{background:var(--accent-soft);color:var(--accent)}.rail__btn-label{font-size:9px;font-weight:600;letter-spacing:.02em}.rail__btn--start{color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:12px}.rail__btn--start:hover{color:var(--accent);background:var(--accent-soft)}.rail__btn:disabled{opacity:.3;cursor:default}.rail__btn:disabled:hover{background:none;color:var(--text-muted)}.panel{grid-area:panel;width:300px;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;z-index:10}.panel--closed{display:none}.panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 10px;font-weight:700;font-size:13.5px}.panel__body{flex:1;overflow-y:auto;padding:0 14px 18px;display:flex;flex-direction:column;gap:10px}.panel__section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin:12px 0 2px}.tpl-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tpl-card{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-surface);transition:border-color .12s,transform .12s,box-shadow .12s;text-align:left;padding:0}.tpl-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.tpl-card__thumb{aspect-ratio:16/9;position:relative;overflow:hidden;background:#0a0a0a;pointer-events:none}.tpl-card__label{padding:7px 9px;font-size:11.5px;font-weight:600;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid var(--border)}.stage{grid-area:stage;position:relative;background:radial-gradient(1200px 600px at 50% 30%,#ffffff 0%,var(--bg-app) 75%);display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0}.stage__canvas-wrap{position:absolute;top:28px;right:28px;bottom:28px;left:28px;display:flex;align-items:center;justify-content:center}.stage__frame{position:relative;box-shadow:var(--shadow-pop),0 0 0 1px var(--border);border-radius:8px;overflow:hidden;background:#0a0a0a}.canvas-surface{position:relative;transform-origin:top left;overflow:hidden}.filmstrip{grid-area:filmstrip;background:var(--bg-surface);border-top:1px solid var(--border);display:flex;align-items:center;gap:7px;padding:0 16px;overflow-x:auto;overflow-y:hidden;z-index:10}.strip-scene{position:relative;flex:0 0 auto;width:170px;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg-surface);overflow:visible;transition:border-color .12s,box-shadow .12s;padding:0}.strip-scene:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft)}.strip-scene--active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.strip-scene--disabled{opacity:.45}.strip-scene__thumb{aspect-ratio:16/9;border-radius:5px 5px 0 0;overflow:hidden;position:relative;background:#0a0a0a;pointer-events:none}.strip-scene__bar{display:flex;align-items:center;gap:5px;padding:5px 8px;font-size:10.5px;color:var(--text-muted)}.strip-scene__num{font-weight:700;color:var(--text-dim)}.strip-scene__name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.strip-scene__dur{color:var(--text-dim);font-variant-numeric:tabular-nums}.strip-scene__menu{position:absolute;top:5px;right:5px;opacity:0;transition:opacity .12s;display:flex;gap:3px}.strip-scene:hover .strip-scene__menu{opacity:1}.strip-scene__menu button{width:22px;height:22px;border-radius:6px;background:#ffffffeb;color:var(--text-muted);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #10121833;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.strip-scene__menu button:hover{color:var(--text);background:#fff}.strip-transition{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-dim);display:flex;align-items:center;justify-content:center;transition:all .12s}.strip-transition:hover{border-color:var(--accent);color:var(--accent)}.strip-transition--set{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.strip-add{flex:0 0 auto;width:46px;height:96px;border-radius:var(--radius-sm);border:1.5px dashed var(--border-strong);color:var(--text-dim);display:flex;align-items:center;justify-content:center;transition:all .12s}.strip-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.inspector{grid-area:inspector;background:var(--bg-panel);border-left:1px solid var(--border);overflow-y:auto;padding:16px 16px 24px;display:flex;flex-direction:column;gap:10px;z-index:10}.inspector__title{font-weight:700;font-size:13.5px;display:flex;align-items:center;justify-content:space-between}.field{display:flex;flex-direction:column;gap:5px}.field__label{font-size:11px;font-weight:600;color:var(--text-muted)}.field__row{display:flex;gap:7px}.field__row>*{flex:1;min-width:0}.color-input{display:flex;gap:6px;align-items:center}.color-input input[type=color]{width:34px;height:30px;padding:2px;flex:0 0 auto;cursor:pointer}.color-input input[type=text]{flex:1}.seg{display:flex;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.seg button{flex:1;padding:6px 4px;color:var(--text-muted);font-weight:600;font-size:11.5px;display:flex;align-items:center;justify-content:center;gap:4px}.seg button:hover{color:var(--text)}.seg button.seg--on{background:var(--bg-surface);color:var(--accent);box-shadow:0 1px 3px #1012181f;border-radius:6px}.layer-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid transparent;color:var(--text-muted);width:100%;text-align:left}.layer-row:hover{background:var(--bg-hover)}.layer-row--active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.layer-row__name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:12px}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.asset-card{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-raised);aspect-ratio:16/10;position:relative;padding:0}.asset-card img,.asset-card video{width:100%;height:100%;object-fit:cover}.asset-card:hover{border-color:var(--accent);box-shadow:var(--shadow-soft)}.presenter-card{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-surface);padding:0;text-align:center;transition:border-color .12s,box-shadow .12s}.presenter-card:hover{border-color:var(--accent);box-shadow:var(--shadow-soft)}.presenter-card--active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.presenter-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--bg-raised)}.presenter-card span{display:block;font-size:11px;font-weight:600;color:var(--text-muted);padding:6px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat{display:flex;flex-direction:column;height:100%;gap:8px}.chat__log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-bottom:6px}.chat__msg{border-radius:var(--radius);padding:9px 11px;font-size:12.5px;line-height:1.5;max-width:92%;white-space:pre-wrap}.chat__msg--user{align-self:flex-end;background:var(--accent-soft);color:var(--text)}.chat__msg--ai{align-self:flex-start;background:var(--bg-raised);border:1px solid var(--border);color:var(--text)}.chat__composer{display:flex;gap:7px}.chat__composer textarea{min-height:40px;max-height:120px}.home{min-height:100%;background:radial-gradient(1100px 480px at 50% -10%,rgba(255,92,26,.07),transparent 65%),var(--bg-app);display:flex;flex-direction:column;align-items:center;padding:44px 32px}.home__inner{width:100%;max-width:880px;display:flex;flex-direction:column;gap:28px}.home__brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px}.home__hero{font-size:42px;font-weight:800;letter-spacing:-.02em;line-height:1.12;margin:8px 0 0;color:var(--text)}.home__hero em{font-style:normal;color:var(--accent)}.home__sub{color:var(--text-muted);font-size:15px;margin:0}.wizard{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-soft)}.wizard textarea{min-height:92px;font-size:14px;background:var(--bg-raised);border-color:var(--border)}.wizard textarea:focus{background:var(--bg-surface)}.mode-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.mode-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:6px;transition:border-color .12s,box-shadow .12s}.mode-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft)}.mode-card--active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.mode-card__title{font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:7px}.mode-card__desc{color:var(--text-muted);font-size:11.5px;line-height:1.45}.mode-card__preview{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;margin-bottom:2px;background:var(--bg-hover)}.intake{margin-top:2px}.intake__ask{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid var(--border);border-radius:9px;padding:8px 12px;cursor:pointer}.intake__ask:hover:not(:disabled){border-color:var(--accent)}.intake__ask:disabled{opacity:.5;cursor:default}.intake__questions{display:flex;flex-direction:column;gap:10px;margin-top:2px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface)}.intake__lead{font-size:12px;color:var(--text-muted)}.intake__q{display:flex;flex-direction:column;gap:4px}.intake__q label{font-size:12.5px;font-weight:600;color:var(--text)}.intake__q input{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px;background:var(--bg-input, var(--bg-panel));color:var(--text);outline:none}.intake__q input:focus{border-color:var(--accent)}.video-section{width:100%}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.video-card{display:flex;flex-direction:column;text-align:left;border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;overflow:hidden;transition:border-color .12s,box-shadow .12s,transform .12s}.video-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.video-card__thumb{width:100%;aspect-ratio:16 / 9;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--text-muted);overflow:hidden}.video-card__thumb img{width:100%;height:100%;object-fit:cover}.video-card__body{padding:11px 13px 13px;display:flex;flex-direction:column;gap:3px}.video-card__name{font-weight:700;font-size:13.5px;color:var(--text)}.video-card__meta{font-size:11.5px;color:var(--text-muted)}.gen-overlay{position:fixed;top:56px;right:0;bottom:0;left:64px;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#faf8f4e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gen-orbs{position:relative;width:130px;height:130px;animation:gen-rotate 9s linear infinite}.gen-orbs span{position:absolute;border-radius:50%;filter:blur(1px);animation:gen-float 3.2s ease-in-out infinite}.gen-orbs span:nth-child(1){width:66px;height:66px;left:8px;top:12px;background:radial-gradient(circle at 30% 30%,#ffb259,#ff5c1a);animation-delay:0s}.gen-orbs span:nth-child(2){width:46px;height:46px;right:4px;top:30px;background:radial-gradient(circle at 30% 30%,#9c82ff,#5a3ff0);animation-delay:.5s}.gen-orbs span:nth-child(3){width:38px;height:38px;left:34px;bottom:6px;background:radial-gradient(circle at 30% 30%,#6a97f0,#2456c8);animation-delay:1s}@keyframes gen-float{0%,to{transform:translateY(0) scale(1);opacity:.88}50%{transform:translateY(-20px) scale(1.14);opacity:1}}@keyframes gen-rotate{to{transform:rotate(360deg)}}.gen-orbs--script{animation-duration:11s}.gen-orbs--images{animation-duration:8.5s}.gen-orbs--voice{animation-duration:6.5s}.gen-orbs--animation{animation-duration:4.2s}.gen-phase-title{font-size:19px;font-weight:800;color:var(--text);text-align:center;letter-spacing:-.01em}.gen-phase-sub{font-size:13.5px;color:var(--text-muted);text-align:center;max-width:460px;margin-top:-14px}.gen-steps{display:flex;align-items:flex-start;gap:26px;margin-top:10px}.gen-step{display:flex;flex-direction:column;align-items:center;gap:7px;opacity:.4;transition:opacity .3s}.gen-step--active,.gen-step--done{opacity:1}.gen-step__dot{width:11px;height:11px;border-radius:50%;background:var(--border-strong, #c8c8c8);transition:background .3s,transform .3s}.gen-step--done .gen-step__dot{background:var(--accent)}.gen-step--active .gen-step__dot{background:var(--accent);transform:scale(1.35);animation:gen-pulse 1.4s ease-in-out infinite}.gen-step__label{font-size:11px;font-weight:600;color:var(--text-muted)}.gen-step--active .gen-step__label{color:var(--accent)}@keyframes gen-pulse{0%,to{box-shadow:0 0 0 4px var(--accent-soft)}50%{box-shadow:0 0 0 9px transparent}}.wizard__row{display:flex;gap:10px;align-items:center}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.proj-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:4px;transition:border-color .12s,transform .12s,box-shadow .12s}.proj-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.proj-card__name{font-weight:700;font-size:13.5px}.proj-card__meta{color:var(--text-dim);font-size:11.5px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16181d73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:20px;width:480px;max-width:92vw;max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-pop)}.modal__title{font-weight:700;font-size:14px}.progress{height:7px;border-radius:99px;background:var(--bg-raised);overflow:hidden}.progress__fill{height:100%;background:linear-gradient(90deg,var(--accent),#ff9d2b);border-radius:99px;transition:width .25s ease}.pop{position:fixed;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:10px;z-index:90;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;gap:8px;width:230px}.pop__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pop__opt{padding:7px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);font-weight:600;font-size:11.5px}.pop__opt:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-raised)}.pop__opt--on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.hint{color:var(--text-dim);font-size:11.5px;line-height:1.5}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:99px;background:var(--bg-raised);border:1px solid var(--border);color:var(--text-muted)}.badge--accent{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.kit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kit-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);padding:10px;text-align:left;display:flex;flex-direction:column;gap:6px;transition:border-color .12s,box-shadow .12s}.kit-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft)}.kit-card--active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.kit-card__swatches{display:flex;gap:4px;height:26px}.kit-card__swatches span{flex:1;border-radius:6px;border:1px solid rgba(16,18,24,.08)}.kit-card__name{font-weight:700;font-size:12.5px;color:var(--text)}.kit-card__tags{font-size:10.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kit-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.kit-row .kit-card{padding:8px}.kit-row .kit-card__swatches{height:20px}.corp-toggle{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.corp-toggle input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.corp-box{margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-surface, rgba(0, 0, 0, .02));display:flex;flex-direction:column;gap:12px}.corp-row{display:flex;gap:24px;flex-wrap:wrap}.corp-field{flex:1 1 200px}.corp-colors{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.corp-swatch{position:relative;display:inline-flex}.corp-swatch input[type=color]{width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:9px;background:none;cursor:pointer}.corp-swatch__x{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;border:none;background:var(--text-muted);color:#fff;font-size:11px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.corp-add{width:38px;height:38px;border:1px dashed var(--border-strong, #bbb);border-radius:9px;background:none;color:var(--text-muted);font-size:20px;line-height:1;cursor:pointer}.corp-logo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.corp-logo__preview{height:38px;max-width:130px;object-fit:contain;border-radius:6px;background:repeating-conic-gradient(#e8e8e8,#e8e8e8 25%,#fff 0%,#fff 50%) 50% / 14px 14px;padding:3px}.corp-hint{font-size:12px;color:var(--text-muted);line-height:1.45}.auth-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:28px;background:#08090d;overflow:hidden;z-index:50}.auth-aurora{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.auth-blob{position:absolute;border-radius:50%;filter:blur(95px);opacity:.55;will-change:transform}.auth-blob--1{width:620px;height:620px;left:-120px;top:-150px;background:radial-gradient(circle at 30% 30%,#ff7a3c,#e5551a 55%,transparent 72%);animation:auth-drift1 22s ease-in-out infinite}.auth-blob--2{width:560px;height:560px;right:-130px;top:6%;background:radial-gradient(circle at 30% 30%,#6a52ff,#2456c8 55%,transparent 72%);opacity:.4;animation:auth-drift2 27s ease-in-out infinite}.auth-blob--3{width:520px;height:520px;left:32%;bottom:-190px;background:radial-gradient(circle at 30% 30%,#ff9a59,#ff6b2b 55%,transparent 72%);opacity:.34;animation:auth-drift3 31s ease-in-out infinite}@keyframes auth-drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,50px) scale(1.12)}}@keyframes auth-drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,44px) scale(1.1)}}@keyframes auth-drift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-50px) scale(1.15)}}.auth-grain{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.05),transparent 60%)}.auth-grid{position:relative;z-index:1;width:100%;max-width:980px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.auth-hero{color:#fff}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:30px}.auth-brand__logo{height:26px;width:auto}.auth-brand__studio{font-size:17px;font-weight:700;letter-spacing:-.01em;color:#fff}.auth-hero__title{font-size:38px;line-height:1.12;font-weight:800;letter-spacing:-.02em;margin:0 0 16px;color:#fff}.auth-hero__sub{font-size:15px;line-height:1.55;color:#ffffff9e;margin:0 0 30px;max-width:430px}.auth-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.auth-feature{display:flex;gap:13px;align-items:flex-start}.auth-feature__icon{flex:0 0 auto;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ff6b2b24;color:#ff8a4c;border:1px solid rgba(255,107,43,.25)}.auth-feature__text{display:flex;flex-direction:column;gap:2px}.auth-feature__title{font-size:14px;font-weight:650;color:#fff}.auth-feature__desc{font-size:12.5px;color:#ffffff80;line-height:1.4}.auth-card{background:#ffffff0b;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:34px 32px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 30px 80px #00000080}.auth-card__brand{display:none;align-items:center;gap:9px;margin-bottom:18px;font-size:15px;font-weight:700;color:#fff}.auth-card__logo{height:22px;width:auto}.auth-card__title{font-size:22px;font-weight:750;letter-spacing:-.01em;color:#fff;margin:0 0 6px}.auth-card__sub{font-size:13px;color:#ffffff8c;margin:0 0 22px}.auth-form{display:flex;flex-direction:column;gap:11px}.auth-input{width:100%;padding:12px 14px;border-radius:11px;border:1px solid rgba(255,255,255,.13);background:#ffffff0a;color:#fff;font-size:14px;outline:none;transition:border-color .15s,background .15s}.auth-input::placeholder{color:#fff6}.auth-input:focus{border-color:#ff6b2bb3;background:#ffffff0f}.auth-error{color:#ff8d8d;font-size:13px}.auth-info{color:#ffffffb3;font-size:13px}.auth-submit{justify-content:center;padding:12px;margin-top:5px;font-size:14.5px;font-weight:650}.auth-switch{margin-top:18px;font-size:13px;color:#ffffff8c;text-align:center}.auth-switch button{background:none;border:none;color:#ff8a4c;cursor:pointer;font-size:13px;padding:0;font-weight:600}.auth-card__foot{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:11.5px;color:#ffffff59;text-align:center}@media (max-width: 820px){.auth-grid{grid-template-columns:1fr;max-width:420px;gap:0}.auth-hero{display:none}.auth-card__brand{display:flex}}.video-section__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.folder-back{font-weight:600}.folder-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.folder-card{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface, rgba(0, 0, 0, .02));cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s,background .15s;min-width:150px}.folder-card:hover{border-color:var(--border-strong, #c8c8c8);background:var(--bg-raised, rgba(0, 0, 0, .035))}.folder-card--drop{border-style:dashed;border-color:var(--accent);background:var(--accent-soft)}.folder-card__icon{color:var(--accent);flex:0 0 auto}.folder-card__name{font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.folder-card__count{font-size:11.5px;color:var(--text-muted);background:var(--bg-raised, rgba(0, 0, 0, .06));border-radius:9px;padding:1px 7px;margin-left:2px}.folder-card__act{display:inline-flex;align-items:center;color:var(--text-muted);opacity:0;transition:opacity .15s,color .15s;padding:2px}.folder-card:hover .folder-card__act{opacity:.75}.folder-card__act:hover{color:var(--text);opacity:1}.video-card{cursor:pointer}.video-card--dragging{opacity:.45}.folder-hint{margin-top:16px;font-size:12px;color:var(--text-muted)}.ctx-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.ctx-menu{position:fixed;z-index:201;min-width:212px;background:var(--bg-panel, #fff);border:1px solid var(--border);border-radius:10px;padding:5px;box-shadow:0 14px 40px #0000002e}.ctx-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;background:none;border-radius:7px;font-size:13px;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap}.ctx-item:hover{background:var(--bg-raised, rgba(0, 0, 0, .05))}.ctx-item--danger{color:var(--danger, #d4453a)}.ctx-item--danger:hover{background:#d4453a1a}.ctx-item--accent{color:var(--accent)}.ctx-sub__arrow{margin-left:auto;color:var(--text-muted)}.ctx-sep{height:1px;background:var(--border);margin:4px 6px}.ctx-sub{position:relative}.ctx-submenu{display:none;position:absolute;left:100%;top:-5px;min-width:192px;max-height:320px;overflow-y:auto;background:var(--bg-panel, #fff);border:1px solid var(--border);border-radius:10px;padding:5px;box-shadow:0 14px 40px #0000002e}.ctx-sub:hover .ctx-submenu{display:block}.ctx-empty{font-size:12px;color:var(--text-muted);padding:6px 10px}.corp-profiles{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px dashed var(--border)}.corp-profiles__select{flex:1 1 160px;min-width:140px}.lang-switch{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-left:6px}.lang-switch__btn{border:none;background:none;padding:5px 9px;font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--text-muted);cursor:pointer}.lang-switch__btn:hover{background:var(--bg-raised, rgba(0, 0, 0, .05))}.lang-switch__btn--on,.lang-switch__btn--on:hover{background:var(--accent);color:#fff}.auth-lang{position:absolute;top:22px;right:24px;z-index:3}.auth-lang .lang-switch{border-color:#ffffff2e;margin-left:0}.auth-lang .lang-switch__btn{color:#fff9}.auth-lang .lang-switch__btn:hover{background:#ffffff14}.auth-lang .lang-switch__btn--on,.auth-lang .lang-switch__btn--on:hover{background:var(--accent);color:#fff}.folder-breadcrumb{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.folder-crumb-wrap{display:inline-flex;align-items:center;gap:2px}.folder-crumb{border:none;background:none;padding:4px 8px;border-radius:7px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap}.folder-crumb:hover{background:var(--bg-raised, rgba(0, 0, 0, .05));color:var(--text)}.folder-crumb--current{color:var(--text)}.folder-crumb__sep{color:var(--text-muted);opacity:.5;flex:0 0 auto}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.course-card{position:relative;display:flex;flex-direction:column;text-align:left;border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;overflow:hidden;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .12s}.course-card:hover{border-color:var(--accent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.course-card__thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#1b2f52,#0d1b33);display:flex;align-items:center;justify-content:center;color:#ffffff80;overflow:hidden}.course-card__thumb img{width:100%;height:100%;object-fit:cover}.course-card__thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#060e1c6b,#060e1c00 45%,#060e1c8c);pointer-events:none}.course-card__badge{position:absolute;top:9px;left:9px;z-index:2;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:100px;color:#fff;background:#0c1628d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.course-card__badge--live{background:var(--success)}.course-card__badge--draft{background:#0c1628d1}.course-card__lock{position:absolute;top:9px;right:9px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:#fff;background:#0c1628d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.course-card__qcount{position:absolute;bottom:9px;left:9px;z-index:2;font-size:11.5px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.course-card__body{padding:11px 13px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.course-card__name{font-weight:700;font-size:14px;color:var(--text);line-height:1.25}.course-card__meta{font-size:11.5px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.course-card__host{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--text-muted)}.course-card__host span{width:18px;height:18px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.course-card__actions{display:flex;gap:6px;margin-top:8px}.course-card--new .course-card__thumb{background:var(--bg-hover);color:var(--text-dim)}.course-card--new .course-card__cta{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--accent)}.host-portrait{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--border);background:var(--bg-hover);flex:0 0 auto}.course-card__hostimg{width:20px;height:20px;border-radius:50%;object-fit:cover;background:var(--bg-hover);flex:0 0 auto}.course-empty{border:1px dashed var(--border-strong);border-radius:14px;padding:28px 22px;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:8px}.course-empty svg{color:var(--text-dim)}.course-empty b{color:var(--text);font-size:14px}.course-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.course-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:100px;background:var(--bg-hover);color:var(--text-muted)}.course-chip--live{background:#16a34a1f;color:var(--success)}.qnum{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.ctl{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.ctl__video{width:100%;max-height:340px;border-radius:12px;background:#000;border:1px solid var(--border)}.ctl__head{display:flex;align-items:baseline;justify-content:space-between;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.ctl__time{font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.ctl__track{position:relative;display:flex;gap:2px;height:46px;padding-bottom:14px}.ctl__scene{position:relative;min-width:0;height:32px;padding:0 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg-raised);color:var(--text-muted);font-size:11px;text-align:left;overflow:hidden;cursor:pointer;transition:background .12s ease,border-color .12s ease}.ctl__scene:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:var(--accent);color:var(--text)}.ctl__scene--stop{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.ctl__scene-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctl__head-line{position:absolute;top:0;bottom:14px;width:2px;margin-left:-1px;background:var(--text);opacity:.65;pointer-events:none;border-radius:1px}.ctl__marker{position:absolute;bottom:0;transform:translate(-50%);width:22px;height:22px;border-radius:50%;border:2px solid var(--bg-panel);background:var(--accent);color:#fff;font-size:11px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 2px 6px #00000047}.ctl__marker--active{outline:2px solid var(--accent);outline-offset:2px}.ctl__legend{font-size:12px;color:var(--text-muted)}.ctl__chip{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}.ctl__chip:hover{border-color:var(--accent);color:var(--accent)}.ctl__scene{display:flex;align-items:center;gap:6px}.ctl__scene-num{flex:none;font-weight:700;font-size:10px;opacity:.75}.chr-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.chr-card{width:92px;padding:6px;border:1px solid var(--border);border-radius:10px;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--text)}.chr-card img{width:100%;height:92px;object-fit:contain;border-radius:6px;background:#fff}.chr-card:hover{border-color:var(--accent)}.chr-card--active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.chr-card--new{justify-content:center;min-height:122px;color:var(--text-muted);border-style:dashed}.chr-card__plus{font-size:22px;line-height:1}.chr-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:60}.chr-modal__box{width:min(460px,92vw);background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}.chr-upload{display:flex;align-items:center;gap:12px;padding:10px;border:1px dashed var(--border);border-radius:10px}.chr-upload__preview{width:68px;height:68px;object-fit:cover;border-radius:8px}.web-speakers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}.web-speaker{display:flex;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--bg-raised)}.web-speaker__thumb{width:74px;height:74px;flex:none;object-fit:cover;object-position:top;border-radius:10px;background:#fff}.web-speaker__thumb--empty{background:var(--bg-hover);border:1px dashed var(--border)}.web-speaker__fields{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.web-speaker__fields select,.web-speaker__fields input{width:100%}.web-speaker__label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}@media (max-width: 760px){.web-speakers{grid-template-columns:1fr}}.web-inspector{display:flex;flex-direction:column;gap:8px;margin:10px 0;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-raised)}