:root{--bg-app: #060911;--bg-primary: #0a0f1d;--bg-secondary: #0f172a;--bg-tertiary: #162035;--bg-panel: rgba(15, 23, 42, .88);--bg-panel-solid: #1e293b;--bg-card: rgba(30, 41, 59, .7);--bg-card-hover: rgba(51, 65, 85, .6);--bg-input: #0b1120;--border-subtle: rgba(255, 255, 255, .07);--border-color: rgba(56, 189, 248, .2);--border-active: #38bdf8;--border-glass: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(56, 189, 248, .08));--accent-cyan: #38bdf8;--accent-cyan-glow: rgba(56, 189, 248, .35);--accent-blue: #0284c7;--accent-indigo: #6366f1;--accent-purple: #a855f7;--accent-amber: #f59e0b;--accent-emerald: #10b981;--accent-rose: #f43f5e;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-dim: #64748b;--radius-xl: 16px;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 6px;--radius-pill: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, .7);--shadow-glow: 0 0 20px var(--accent-cyan-glow);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b866}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;width:100vw;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;min-height:100vh;width:100%;overflow:visible;background:radial-gradient(circle at 50% 0%,#111a30,#060911)}.studio-header{height:56px;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100;box-shadow:var(--shadow-sm);backdrop-filter:blur(16px);gap:12px;box-sizing:border-box;width:100%}.studio-header-left{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-icon-wrapper{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#0284c7,#6366f1);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 0 14px #38bdf866}.brand-text-group{display:flex;flex-direction:column}.brand-title{font-weight:800;font-size:15px;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 40%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{font-size:10px;color:var(--accent-cyan);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);background:#10b9811a;border:1px solid rgba(16,185,129,.3);font-size:11px;font-weight:600;color:#34d399}.status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.header-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap!important;min-width:0;flex-shrink:1}.syllabus-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:nowrap!important;flex-shrink:1;min-width:0}.studio-action-buttons{display:flex;align-items:center;gap:5px;flex-wrap:nowrap!important;flex-shrink:0}.custom-select-wrapper{position:relative;display:inline-block;min-width:0}.lesson-selector{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:6px 8px;border-radius:var(--radius-md);font-size:12px;font-weight:600;outline:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.lesson-selector:hover{border-color:var(--accent-cyan);background:#1e293b;box-shadow:0 0 14px #38bdf840}.lesson-selector:focus{border-color:var(--accent-cyan);box-shadow:0 0 16px #38bdf859}.btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle);padding:6px 10px;border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm);white-space:nowrap;flex-shrink:0;height:32px}.nav-btn{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s cubic-bezier(.16,1,.3,1)}@media (max-width: 1650px){.lesson-selector{padding:6px}#course-select{max-width:120px!important}#subject-select{max-width:95px!important}#topic-select{max-width:100px!important}#page-select{max-width:110px!important}.nav-btn .btn-text,.studio-action-buttons .btn-text{display:none!important}.nav-btn{padding:6px 8px!important;min-width:32px}.studio-action-buttons .btn{padding:6px 8px!important;min-width:32px;gap:0}}@media (max-width: 1350px){.brand-subtitle,.status-pill{display:none}.studio-header{padding:0 10px;gap:6px}#course-select{max-width:100px!important}#subject-select,#topic-select{max-width:85px!important}#page-select{max-width:95px!important}}@media (max-width: 1150px){.brand-text-group{display:none}#course-select{max-width:85px!important}#subject-select,#topic-select{max-width:75px!important}#page-select{max-width:80px!important}}.btn:hover{background:#25334c;border-color:var(--border-color);color:#fff;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#0284c7,#2563eb);border:1px solid rgba(56,189,248,.5);color:#fff;box-shadow:0 4px 14px #0284c759}.btn-primary:hover{background:linear-gradient(135deg,#0369a1,#1d4ed8);box-shadow:0 0 20px #38bdf880;border-color:#38bdf8}.btn-accent{background:linear-gradient(135deg,#8b5cf6,#ec4899);border:1px solid rgba(236,72,153,.5);color:#fff;box-shadow:0 4px 14px #ec48994d}.btn-accent:hover{background:linear-gradient(135deg,#7c3aed,#db2777);box-shadow:0 0 20px #ec489980}.btn-sm{padding:4px 10px;font-size:11px;border-radius:var(--radius-sm)}.studio-workspace{flex:1;display:flex;overflow:hidden;position:relative;min-height:0}.studio-sidebar-left,.studio-sidebar-right{width:290px;background:var(--bg-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:20}.studio-sidebar-right{width:320px;border-right:none;border-left:1px solid var(--border-subtle)}.panel-header{padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background:#0f172a99}.panel-tabs{display:flex;padding:6px 12px;background:#0b1120b3;border-bottom:1px solid var(--border-subtle);gap:6px}.tab-btn{flex:1;background:transparent;border:none;color:var(--text-muted);font-size:12px;font-weight:600;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.tab-btn.active{background:var(--bg-panel-solid);color:var(--accent-cyan);box-shadow:0 2px 8px #0000004d}.panel-search{padding:8px 12px;border-bottom:1px solid var(--border-subtle)}.search-input{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);padding:6px 10px;border-radius:var(--radius-sm);font-size:12px;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent-cyan)}.panel-content{flex:1;overflow-y:auto;padding:12px}.tree-node{padding:8px 12px;margin-bottom:4px;border-radius:var(--radius-md);background:var(--bg-card);font-size:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.tree-node:hover{background:var(--bg-card-hover);border-color:#38bdf84d;transform:translate(2px)}.tree-node.selected{background:#38bdf826;border-color:var(--accent-cyan);box-shadow:0 0 12px #38bdf833}.tree-node-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary)}.tree-node-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:#94a3b826;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.library-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s;text-align:center}.library-card:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.library-card-icon{font-size:20px}.library-card-title{font-size:11px;font-weight:600;color:var(--text-secondary)}.studio-center{flex:1;display:flex;flex-direction:column;background:radial-gradient(circle at center,#131b2e,#060911);position:relative;overflow:hidden;padding:16px}.viewport-toolbar{position:absolute;top:24px;right:24px;background:var(--bg-panel);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:4px 8px;display:flex;align-items:center;gap:6px;z-index:50;box-shadow:var(--shadow-md)}.viewport-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.asae-stage-root{width:100%!important;height:100%!important;max-width:100%;max-height:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);box-shadow:0 25px 60px #000000d9,0 0 0 1px #ffffff14;overflow:hidden}.prop-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden}.prop-section-header{padding:8px 12px;background:#0f172a99;border-bottom:1px solid var(--border-subtle);font-size:11px;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center}.prop-section-body{padding:12px}.prop-group{margin-bottom:10px}.prop-group:last-child{margin-bottom:0}.prop-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.prop-label{font-size:11px;font-weight:600;color:var(--text-muted);display:block}.prop-value-badge{font-family:var(--font-mono);font-size:11px;color:var(--accent-cyan);font-weight:600}.prop-input,.prop-select{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);padding:6px 10px;border-radius:var(--radius-sm);font-size:12px;outline:none;transition:all .2s}.prop-textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);padding:8px 10px;border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-sans);line-height:1.4;outline:none;resize:vertical;min-height:60px;transition:border-color .2s}.prop-input:focus,.prop-select:focus,.prop-textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #38bdf840}.prop-slider{width:100%;height:5px;border-radius:3px;background:#334155;accent-color:var(--accent-cyan);cursor:pointer;outline:none}.prop-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.prop-color-picker-group{display:flex;align-items:center;gap:8px}.prop-color-input{-webkit-appearance:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:34px;height:30px;cursor:pointer;background:transparent;padding:2px}.prop-color-input::-webkit-color-swatch-wrapper{padding:0}.prop-color-input::-webkit-color-swatch{border:none;border-radius:4px}.color-swatches-grid{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.color-swatch-chip{width:18px;height:18px;border-radius:4px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:transform .15s,box-shadow .15s}.color-swatch-chip:hover{transform:scale(1.25);box-shadow:0 0 8px #fff6}.inspector-action-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px}.inspector-action-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:11px;font-weight:600;padding:6px 4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .15s}.inspector-action-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan);color:#fff;transform:translateY(-1px)}.inspector-action-btn.danger:hover{border-color:#ef4444;color:#ef4444;background:#ef444426}.prop-toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:11px;font-weight:600;color:var(--text-muted)}.prop-toggle-input{width:16px;height:16px;accent-color:var(--accent-cyan);cursor:pointer}.emotion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.emotion-chip{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 4px;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:all .15s}.emotion-chip:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan)}.emotion-chip.active{background:#38bdf833;border-color:var(--accent-cyan);color:var(--accent-cyan);font-weight:700}.studio-bottom-pane{background:var(--bg-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:30}.playback-bar{height:52px;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.playback-controls{display:flex;align-items:center;gap:8px}.icon-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1)}.icon-btn:hover{background:var(--bg-card-hover);border-color:var(--border-subtle);color:var(--accent-cyan);transform:translateY(-1px)}.icon-btn.active{color:var(--accent-cyan);background:#38bdf826;border-color:var(--accent-cyan)}.timecode-display{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--accent-cyan);background:#0b1120cc;padding:5px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);letter-spacing:.04em;white-space:nowrap}.studio-timeline-pane{height:140px;display:flex;flex-direction:column;background:#080d1a;position:relative;overflow:hidden}.timeline-ruler{height:24px;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;position:relative;padding-left:200px}.ruler-tick{position:absolute;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-size:9px;color:var(--text-dim);padding-left:4px;display:flex;align-items:center}.tracks-container{flex:1;overflow-y:auto;position:relative;background:#080d1a}.track-row{height:36px;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;position:relative;transition:background .1s}.track-row:hover{background:#ffffff05}.track-header{width:200px;padding:0 12px;font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border-right:1px solid var(--border-subtle);height:100%;display:flex;align-items:center;gap:8px;z-index:10}.track-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase}.track-badge-action{background:#10b98133;color:#34d399}.track-badge-transform{background:#38bdf833;color:#38bdf8}.track-badge-audio{background:#a855f733;color:#c084fc}.track-timeline-area{flex:1;height:100%;position:relative}.keyframe-node{position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:10px;height:10px;background:var(--accent-amber);border:1.5px solid #ffffff;border-radius:2px;cursor:pointer;z-index:5;box-shadow:0 0 8px #f59e0bb3;transition:transform .15s,box-shadow .15s}.keyframe-node:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.3);box-shadow:0 0 14px #f59e0b}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;background:#ef4444;z-index:50;pointer-events:none;box-shadow:0 0 10px #ef4444cc}.playhead-handle{position:absolute;top:0;left:-6px;width:14px;height:14px;background:#ef4444;clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.modal-overlay{position:fixed;inset:0;background:#030712d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal-card{width:860px;max-width:92vw;max-height:88vh;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0d}.modal-header{padding:16px 24px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.modal-title-group{display:flex;align-items:center;gap:10px}.modal-title{font-weight:700;font-size:16px;color:var(--text-primary)}.modal-body{padding:20px 24px;flex:1;overflow-y:auto}.modal-footer{padding:14px 24px;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.json-textarea{width:100%;height:400px;background:#020617;color:#38bdf8;font-family:var(--font-mono);font-size:13px;line-height:1.5;padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);resize:vertical;outline:none}.json-textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 16px #38bdf833}code[class*=language-],pre[class*=language-]{font-family:JetBrains Mono,Fira Code,Consolas,monospace!important;font-size:14px!important;line-height:1.6!important;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:2;hyphens:none}pre[class*=language-]{background:#020617!important;border:1px solid rgba(56,189,248,.25)!important;border-radius:10px!important;padding:20px!important;margin:18px 0!important;overflow:auto;box-shadow:0 10px 30px #00000080!important}pre[class*=language-] code{color:#f8fafc!important}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#64748b!important;font-style:italic}.token.punctuation{color:#94a3b8!important}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#f43f5e!important}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#34d399!important}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#38bdf8!important}.token.atrule,.token.attr-value,.token.keyword{color:#c084fc!important}.token.function,.token.class-name{color:#fbbf24!important}.token.regex,.token.important,.token.variable{color:#f472b6!important}:root{--brand-orange-primary: #f27405;--brand-orange-light: #ff9d42;--brand-orange-glow: rgba(242, 116, 5, .25);--brand-blue-primary: #007aff;--brand-blue-light: #38bdf8;--brand-blue-dark: #0056b3;--brand-blue-glow: rgba(0, 122, 255, .25)}[data-theme=dark],body:not([data-theme]){--bg-app: #080d1a;--bg-header: rgba(15, 23, 42, .95);--bg-sidebar: #0f172a;--bg-surface: #1e293b;--bg-surface-hover: #334155;--bg-card: rgba(30, 41, 59, .6);--border-color: rgba(255, 255, 255, .08);--text-main: #f8fafc;--text-logo-guru: #ffffff;--text-muted: #94a3b8;--text-subtle: #64748b;--shadow-card: 0 10px 30px rgba(0, 0, 0, .5);--shadow-dropdown: 0 15px 35px rgba(0, 0, 0, .7)}[data-theme=light]{--bg-app: #f1f5f9;--bg-header: rgba(255, 255, 255, .95);--bg-sidebar: #ffffff;--bg-surface: #ffffff;--bg-surface-hover: #f8fafc;--bg-card: #ffffff;--border-color: #e2e8f0;--text-main: #0f172a;--text-logo-guru: #1e293b;--text-muted: #475569;--text-subtle: #64748b;--shadow-card: 0 10px 25px rgba(0, 0, 0, .06);--shadow-dropdown: 0 15px 35px rgba(0, 0, 0, .12)}body{margin:0;padding:0;background-color:var(--bg-app);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .25s ease,color .25s ease}.brand-text-apna{color:var(--brand-blue-primary);font-weight:800}.brand-text-guru{color:var(--text-logo-guru);font-weight:800;transition:color .25s ease}.brand-icon-guru{color:var(--brand-orange-primary)}[data-theme=light] .logo-for-light,[data-theme=light] .logo-vertical-light{display:inline-block!important}[data-theme=light] .logo-for-dark,[data-theme=light] .logo-vertical-dark{display:none!important}[data-theme=dark] .logo-for-dark,[data-theme=dark] .logo-vertical-dark,body:not([data-theme=light]) .logo-for-dark,body:not([data-theme=light]) .logo-vertical-dark{display:inline-block!important}[data-theme=dark] .logo-for-light,[data-theme=dark] .logo-vertical-light,body:not([data-theme=light]) .logo-for-light,body:not([data-theme=light]) .logo-vertical-light{display:none!important}:root{--player-bg: #030712;--player-panel-bg: rgba(15, 23, 42, .82);--player-panel-solid: #0f172a;--player-border: rgba(255, 255, 255, .1);--player-border-glow: rgba(56, 189, 248, .35);--player-accent: #38bdf8;--player-accent-hover: #0ea5e9;--player-accent-glow: rgba(56, 189, 248, .4);--player-text: #f8fafc;--player-text-muted: #94a3b8;--player-radius: 16px;--font-player-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-player-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace}.asae-player-root{width:100%;height:100%;max-width:100%;max-height:100%;background-color:var(--player-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:var(--font-player-sans);user-select:none;box-sizing:border-box;background:radial-gradient(circle at 50% 50%,#0d1527,#030712);border-radius:12px}.player-theater-wrapper{width:100%;height:100%;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:0;box-sizing:border-box;overflow:hidden}.player-frame-16x9{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:16 / 9;position:relative;display:flex;align-items:center;justify-content:center;background:#020617;box-shadow:0 20px 60px #000000e6,0 0 0 1px #ffffff14;overflow:hidden;border-radius:12px;box-sizing:border-box}@media (min-aspect-ratio: 16/9){.player-frame-16x9{width:auto;height:100%;max-width:100%;max-height:100%}}.player-viewport-area{width:100%;height:100%;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.player-viewport-area .asae-stage-root{width:100%!important;height:100%!important;border-radius:0!important;box-shadow:none!important}.player-top-bar{display:none!important}.player-title-group{display:flex;align-items:center;gap:14px}.player-brand-icon-box{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#0284c7,#6366f1);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 0 16px #38bdf866}.player-title-texts{display:flex;flex-direction:column}.player-lesson-title{font-size:16px;font-weight:700;color:var(--player-text);letter-spacing:-.01em;text-shadow:0 2px 4px rgba(0,0,0,.8)}.player-lesson-meta{display:flex;align-items:center;gap:8px}.player-lesson-topic{font-size:12px;color:var(--player-accent);font-weight:600}.player-badge-pill{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:#38bdf826;color:var(--player-accent);text-transform:uppercase}.player-top-actions{display:flex;align-items:center;gap:10px}.player-control-dock{position:absolute;bottom:0;left:0;right:0;width:100%;background:linear-gradient(180deg,#03071200,#030712a6,#030712e0);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 12px 12px;padding:12px 24px 14px;display:flex;flex-direction:column;gap:8px;z-index:100;box-shadow:0 10px 30px #00000080;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);pointer-events:auto;box-sizing:border-box}.player-controls-hidden .player-top-bar{opacity:0;transform:translateY(-100%);pointer-events:none}.player-controls-hidden .player-control-dock{opacity:0;transform:translateY(100%);pointer-events:none}.player-scrubber-row{display:flex;align-items:center;gap:16px}.player-scrubber-track{flex:1;position:relative;display:flex;align-items:center;cursor:pointer;height:18px}.player-scrubber{width:100%;height:6px;border-radius:3px;background:#334155cc;accent-color:var(--player-accent);cursor:pointer;outline:none;transition:height .15s ease}.player-scrubber:hover{height:8px}.player-timecode{font-family:var(--font-player-mono);font-size:13px;font-weight:700;color:var(--player-accent);min-width:135px;text-align:right;letter-spacing:.03em;background:#0006;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.player-buttons-row{display:flex;align-items:center;justify-content:space-between}.player-left-buttons,.player-right-buttons{display:flex;align-items:center;gap:10px}.player-btn{background:#1e293bb3;color:var(--player-text);border:1px solid var(--player-border);padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0000004d}.player-btn:hover{background:#334155;border-color:var(--player-accent);color:#fff;transform:translateY(-1px)}.player-btn-play{background:linear-gradient(135deg,#0284c7,#2563eb);border-color:#38bdf899;color:#fff;padding:8px 22px;font-size:14px;font-weight:700;box-shadow:0 4px 16px #0284c766}.player-btn-play:hover{background:linear-gradient(135deg,#0369a1,#1d4ed8);box-shadow:0 0 24px var(--player-accent-glow);border-color:#38bdf8}.player-icon-btn{background:transparent;border:1px solid transparent;color:var(--player-text);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1)}.player-icon-btn:hover{background:#33415599;color:var(--player-accent);transform:translateY(-1px)}.player-icon-btn.active{color:var(--player-accent);background:#38bdf826;border-color:#38bdf84d}.player-select{background:#1e293bd9;border:1px solid var(--player-border);color:var(--player-text);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;outline:none;cursor:pointer;transition:all .2s}.player-select:hover{border-color:var(--player-accent)}.player-select:focus{border-color:var(--player-accent);box-shadow:0 0 12px var(--player-accent-glow)}.player-curriculum-sidebar{position:absolute;top:0;right:0;bottom:0;width:380px;max-width:85vw;background:#0f172af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(56,189,248,.25);box-shadow:-10px 0 40px #000000d9;z-index:250;display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);box-sizing:border-box;pointer-events:auto}.player-curriculum-sidebar.open{transform:translate(0)}.curriculum-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;background:#03071280}.curriculum-title-group{display:flex;flex-direction:column;gap:2px}.curriculum-title{font-size:14px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.curriculum-stats{font-size:11px;color:#94a3b8}.curriculum-close-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .15s}.curriculum-close-btn:hover{background:#ef444433;color:#f87171;border-color:#ef444466}.curriculum-search-box{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.05)}.curriculum-search-input{width:100%;padding:8px 12px;background:#03071299;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:12px;outline:none;box-sizing:border-box;transition:border-color .2s}.curriculum-search-input:focus{border-color:var(--player-accent)}.curriculum-body{flex:1;overflow-y:auto;padding:12px 0;display:flex;flex-direction:column;gap:4px}.curriculum-body::-webkit-scrollbar{width:6px}.curriculum-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.topic-accordion{border-bottom:1px solid rgba(255,255,255,.06)}.topic-header{padding:12px 18px;background:#1e293b66;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .15s;user-select:none}.topic-header:hover{background:#33415599}.topic-header.active-topic{background:#38bdf814;border-left:3px solid var(--player-accent)}.topic-header-left{display:flex;align-items:center;gap:10px}.topic-chevron{font-size:10px;color:var(--player-text-muted);transition:transform .2s cubic-bezier(.16,1,.3,1)}.topic-header.expanded .topic-chevron{transform:rotate(90deg)}.topic-title-text{font-size:13px;font-weight:700;color:#f8fafc}.topic-meta-badge{font-size:10px;color:#94a3b8;font-weight:600;background:#0000004d;padding:2px 6px;border-radius:4px}.subtopics-container{display:none;background:#02061766;padding:4px 0}.topic-header.expanded+.subtopics-container{display:block}.subtopic-item{padding:10px 18px 10px 38px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .15s;border-left:3px solid transparent;gap:10px}.subtopic-item:hover{background:#38bdf80f;color:#fff}.subtopic-item.active{background:linear-gradient(90deg,#38bdf82e,#38bdf80a);border-left-color:var(--player-accent)}.subtopic-item-left{display:flex;align-items:center;gap:8px;overflow:hidden}.subtopic-icon{font-size:11px;color:#64748b;min-width:14px}.subtopic-item.active .subtopic-icon{color:var(--player-accent)}.subtopic-name{font-size:12px;font-weight:500;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subtopic-item.active .subtopic-name{color:#fff;font-weight:700}.subtopic-duration{font-size:10px;color:#94a3b8;background:#ffffff0d;padding:2px 6px;border-radius:4px;white-space:nowrap}.subtopic-item.active .subtopic-duration{background:#38bdf833;color:#38bdf8;font-weight:600}