*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0d0d1a;color:#ccc;font-family:Consolas,Courier New,monospace;font-size:12px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root>*{width:100%;height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0d0d1a}::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3a5a}.keyframe-diamond{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin:0;background:transparent;border:1px solid #445566;border-radius:2px;color:#456;font-size:14px;line-height:1;cursor:pointer;transition:all .15s ease;font-family:inherit}.keyframe-diamond:hover{border-color:#667eea;color:#667eea;background:#667eea1a;transform:scale(1.1)}.keyframe-diamond--active{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 0 8px #667eea80}.keyframe-diamond--active:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.15)}.timeline-keyframe-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #0d0d1a;border-radius:50%;pointer-events:all;cursor:pointer;z-index:10;transition:all .15s ease;box-shadow:0 0 4px #667eea99}.timeline-keyframe-marker:hover{transform:translate(-50%,-50%) scale(1.5);box-shadow:0 0 8px #667eeacc;z-index:11}.landing-page{width:100%;min-height:100vh;background:var(--background-color, #1a1a1a);color:var(--text-color, #e0e0e0);overflow-x:hidden;overflow-y:auto;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section{min-height:90vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center;padding:4rem 2rem}.hero-background-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eeab3,#764ba2cc);z-index:1;pointer-events:none}.hero-content{max-width:900px;position:relative;z-index:2}.hero-logo{width:200px;height:200px;margin:0 auto 2rem;animation:floatAndPulse 6s ease-in-out infinite;position:relative}.hero-logo:before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle,rgba(102,126,234,.3) 0%,transparent 70%);animation:glow 3s ease-in-out infinite alternate;z-index:-1}.logo-image{width:100%;height:100%;filter:drop-shadow(0 8px 40px rgba(102,126,234,.8)) drop-shadow(0 0 20px rgba(255,255,255,.5))}@keyframes floatAndPulse{0%,to{transform:translateY(0) scale(1) rotate(0)}25%{transform:translateY(-15px) scale(1.05) rotate(2deg)}50%{transform:translateY(-10px) scale(1.08) rotate(0)}75%{transform:translateY(-20px) scale(1.05) rotate(-2deg)}}@keyframes glow{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.2)}}.hero-title{font-size:5rem;font-weight:700;margin-bottom:1rem;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.3),0 0 40px rgba(102,126,234,.5),0 0 80px rgba(102,126,234,.3);position:relative;letter-spacing:.1em;animation:titleGlow 4s ease-in-out infinite}.hero-title:before,.hero-title:after{content:"";position:absolute;left:50%;width:100px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.hero-title:before{top:-30px;transform:translate(-50%);animation:lineExpand 3s ease-in-out infinite}.hero-title:after{bottom:-30px;transform:translate(-50%);animation:lineExpand 3s ease-in-out infinite 1.5s}@keyframes titleGlow{0%,to{text-shadow:0 2px 20px rgba(0,0,0,.3),0 0 40px rgba(102,126,234,.5),0 0 80px rgba(102,126,234,.3)}50%{text-shadow:0 2px 20px rgba(0,0,0,.3),0 0 50px rgba(102,126,234,.8),0 0 100px rgba(102,126,234,.5)}}@keyframes lineExpand{0%,to{width:100px;opacity:.5}50%{width:200px;opacity:1}}.hero-tagline{font-size:1.5rem;margin-bottom:2.5rem;color:#f0f0f0;font-weight:300;text-shadow:0 2px 10px rgba(0,0,0,.5);animation:fadeInUp 1s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cta-button{display:inline-block;padding:1.2rem 3rem;font-size:1.125rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden;animation:fadeInUp 1s ease-out .6s both}.cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-button:hover:before{width:300px;height:300px}.cta-button.primary{background:#fff;color:#667eea;box-shadow:0 4px 15px #0003,0 0 30px #ffffff4d}.cta-button.primary:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000004d,0 0 50px #ffffff80}.cta-button.secondary{background:#667eea;color:#fff}.cta-button.secondary:hover{background:#5568d3;transform:translateY(-2px)}.section-label{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:600;color:#667eea;margin-bottom:.75rem}.section-title{font-size:2.5rem;font-weight:700;color:var(--heading-color, #ffffff);margin-bottom:3rem;line-height:1.2}.feature-showcase-section{background:var(--background-color, #1a1a1a)}.feature-row{padding:5rem 2rem}.feature-row-alt{background:var(--surface-color, #242424)}.feature-row-inner{display:flex;align-items:center;gap:5rem;max-width:1300px;margin:0 auto}.feature-row-inner-reverse{flex-direction:row-reverse}.feature-row-visual{flex:1.2;min-width:0}.feature-row-text{flex:1;min-width:0}.tool-badge{display:inline-block;padding:.35rem .9rem;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#667eea26;color:#9fa8f7;border:1px solid rgba(102,126,234,.3);border-radius:999px;margin-bottom:1.25rem}.feature-row-text h2{font-size:2.25rem;font-weight:700;color:var(--heading-color, #ffffff);margin-bottom:1rem;line-height:1.25}.feature-row-text p{font-size:1.05rem;color:var(--secondary-text, #b0b0b0);line-height:1.7;margin-bottom:2rem}.feature-screenshot{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 64px #0009,0 0 0 1px #667eea26;display:block}.in-use-section{padding:6rem 2rem;background:var(--background-color, #1a1a1a)}.in-use-section .container{text-align:center}.in-use-tool-heading{font-size:1.25rem;font-weight:600;color:var(--heading-color, #ffffff);text-align:left;margin:2.5rem 0 1.25rem}.in-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:left;margin-bottom:1rem}.in-use-item{display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.in-use-img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top left;border-radius:8px;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 24px #0006;display:block;transition:border-color .3s ease,box-shadow .3s ease}.in-use-img:hover{border-color:#667eea66;box-shadow:0 12px 32px #00000080,0 0 0 1px #667eea33}.in-use-caption{font-size:.875rem;color:var(--secondary-text, #888);margin:0;line-height:1.4}.capabilities-section{padding:3.5rem 2rem;background:var(--surface-color, #242424);border-top:1px solid var(--border-color, #333);border-bottom:1px solid var(--border-color, #333)}.capabilities-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.capability-chip{background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:999px;padding:.6rem 1.4rem;font-size:.9rem;color:var(--text-color, #e0e0e0);white-space:nowrap}.cta-band-section{padding:8rem 2rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.cta-band-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.cta-band-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.cta-band-content h2{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2}.cta-band-content p{font-size:1.2rem;color:#ffffffd9;margin-bottom:2.5rem}.cta-button-large{padding:1.4rem 4rem;font-size:1.2rem}.landing-footer{background:var(--surface-color, #0f0f0f);padding:3rem 2rem;border-top:1px solid var(--border-color, #333)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-content p{margin:0;color:var(--secondary-text, #888)}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--secondary-text, #888);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#667eea}@media(max-width:1024px){.feature-row-inner,.feature-row-inner-reverse{gap:3rem}.in-use-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-tagline{font-size:1.125rem}.feature-row-inner,.feature-row-inner-reverse{flex-direction:column}.feature-row-text h2{font-size:1.75rem}.section-title{font-size:2rem}.in-use-grid{grid-template-columns:1fr}.cta-band-content h2{font-size:2rem}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}@media(max-width:480px){.hero-section{min-height:70vh;padding:2rem 1rem}.hero-title{font-size:2rem}.feature-row{padding:3rem 1rem}.in-use-section{padding:4rem 1rem}.cta-band-section{padding:5rem 1.5rem}.cta-button{padding:.875rem 2rem;font-size:1rem}.cta-button-large{padding:1.1rem 2.5rem;font-size:1.05rem}}.dashboard{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a0e1a,#1a1f35);color:#fff}.dashboard-header{background:#0a0e1af2;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.dashboard-brand{display:flex;align-items:center;gap:1rem}.dashboard-logo{width:40px;height:40px}.dashboard-brand h1{font-size:1.5rem;font-weight:600;margin:0}.dashboard-user{display:flex;align-items:center;gap:1rem}.dashboard-user-email{font-size:.9rem;color:#aaa}.dashboard-signout-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .2s ease}.dashboard-signout-btn:hover{background:#ffffff26;border-color:#ffffff4d}.dashboard-account-btn{padding:.5rem 1rem;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#8af;cursor:pointer;font-size:.9rem;transition:all .2s ease}.dashboard-account-btn:hover{background:#667eea40;border-color:#667eea80}.dashboard-main{flex:1;padding:3rem 2rem}.dashboard-container{max-width:1400px;margin:0 auto}.dashboard-welcome{margin-bottom:3rem}.dashboard-welcome h2{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-welcome p{font-size:1.2rem;color:#aaa;margin:0}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.tool-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.tool-card:hover{transform:translateY(-4px);border-color:#ffffff4d;background:#ffffff14;box-shadow:0 8px 32px #0000004d}.tool-card-disabled{opacity:.6;cursor:not-allowed}.tool-card-disabled:hover{transform:none;border-color:#ffffff1a;background:#ffffff0d;box-shadow:none}.tool-icon{font-size:3rem;line-height:1}.tool-name{font-size:1.5rem;font-weight:600;margin:0}.tool-description{font-size:.95rem;color:#aaa;line-height:1.6;margin:0;flex:1}.tool-launch-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.tool-launch-btn:hover{transform:translate(4px);box-shadow:0 4px 16px #667eea66}.tool-coming-soon{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#888;font-size:.9rem;font-weight:600;text-align:center}.dashboard-footer{background:#0a0e1af2;border-top:1px solid rgba(255,255,255,.1);padding:2rem;text-align:center}.dashboard-footer p{margin:0;color:#666;font-size:.9rem}@media(max-width:768px){.dashboard-header-content{flex-direction:column;gap:1rem;align-items:flex-start}.dashboard-user{width:100%;justify-content:space-between}.dashboard-welcome h2{font-size:2rem}.tools-grid{grid-template-columns:1fr}}.acct-overlay{position:fixed;inset:0;z-index:500;background:#0a0a18;display:flex;flex-direction:column;font-family:Consolas,Courier New,monospace;font-size:12px;color:#ccd}.acct-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:48px;background:#0f0f22;border-bottom:1px solid #2a2a4a;flex-shrink:0}.acct-header-user{display:flex;align-items:center;gap:12px}.acct-header-email{color:#778;font-size:11px}.acct-header-role{font-size:10px;color:#8af;border:1px solid #334466;padding:2px 8px;border-radius:10px;letter-spacing:.5px}.acct-close-btn{background:none;border:1px solid #2a2a4a;color:#778;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:border-color .15s,color .15s}.acct-close-btn:hover{border-color:#c55;color:#fcc}.acct-body{display:flex;flex:1;overflow:hidden}.acct-nav{width:200px;background:#0d0d1f;border-right:1px solid #2a2a4a;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.acct-nav-scroll{flex:1;overflow-y:auto;padding:16px 0 8px}.acct-nav-bottom{flex-shrink:0;padding-bottom:8px;border-top:1px solid #1a1a30}.acct-nav-label{padding:0 16px 8px;font-size:9px;color:#445;letter-spacing:2px;text-transform:uppercase}.acct-nav-item{width:100%;text-align:left;background:none;border:none;border-left:2px solid transparent;padding:10px 16px;color:#667;font-family:Consolas,Courier New,monospace;font-size:11px;letter-spacing:.3px;cursor:pointer;display:flex;align-items:center;gap:9px;transition:background .1s,color .1s}.acct-nav-item:hover{background:#161630;color:#abd}.acct-nav-item--active{border-left-color:#48c;background:#141432;color:#8af}.acct-nav-icon{font-size:13px;width:18px;flex-shrink:0}.acct-nav-divider{height:1px;background:#1a1a30;margin:4px 0}.acct-nav-spacer{flex:1}.acct-nav-signout{color:#556}.acct-nav-signout:hover{color:#f88;background:#1a0f0f}.acct-nav-kofi{color:#ff9f43;text-decoration:none;display:flex;align-items:center;gap:8px}.acct-nav-kofi:hover{color:#ffbe76;background:#1a1200}.acct-content{flex:1;overflow-y:auto;padding:32px 40px}.acct-content-inner{max-width:680px}.acct-content-title{font-size:13px;font-weight:600;color:#8af;letter-spacing:1.5px;margin:0 0 24px;text-transform:uppercase}.acct-section-head{font-size:10px;font-weight:600;color:#57a;text-transform:uppercase;letter-spacing:1.5px;margin:24px 0 12px}.acct-section-head:first-child{margin-top:0}.acct-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}.acct-stat-card{background:#111125;border:1px solid #2a2a4a;border-radius:4px;padding:18px 12px;text-align:center}.acct-stat-value{color:#fff;font-size:24px;font-weight:700;margin-bottom:6px;letter-spacing:-.5px}.acct-stat-label{color:#57a;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.acct-table-wrap{border:1px solid #2a2a4a;border-radius:4px;overflow:hidden}.acct-table{width:100%;border-collapse:collapse}.acct-th{padding:9px 16px;text-align:left;color:#57a;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0e0e20;border-bottom:1px solid #2a2a4a;white-space:nowrap;font-family:Consolas,Courier New,monospace;transition:color .1s}.acct-th:hover{color:#8af}.acct-td{padding:9px 16px;color:#aab;border-bottom:1px solid #1a1a30;font-size:12px}.acct-tr-even{background:#111125}.acct-tr-odd{background:#0f0f20}.acct-td-product{color:#58b}.acct-card{background:#111125;border:1px solid #2a2a4a;border-radius:4px;padding:20px;margin-bottom:14px}.acct-field{display:flex;gap:8px;align-items:baseline;margin-bottom:12px}.acct-label{display:block;font-size:10px;color:#556;margin-bottom:5px;letter-spacing:.5px}.acct-value{color:#aab;font-size:12px}.acct-form{display:flex;flex-direction:column}.acct-empty{color:#556;font-style:italic;font-size:12px;padding:16px 0;margin:0}.acct-guard-msg{flex:1;display:flex;align-items:center;justify-content:center;color:#556}.acct-label--spaced,.acct-form-submit{margin-top:10px}.acct-error--tight{padding-top:4px}.acct-oauth-actions{margin-top:10px}.acct-pw-input{margin-bottom:0!important;padding-right:36px!important}.acct-pw-input--error{border-color:#c55!important}.tl-root{display:flex;flex-direction:column;height:360px;background:#030a14;border-top:1px solid #0d1e33;flex-shrink:0;position:relative;font-family:Consolas,Courier New,monospace;font-size:11px;color:#aab;-webkit-user-select:none;user-select:none}.tl-controls{height:34px;display:flex;align-items:center;padding:0 10px;background:#060e1c;border-bottom:1px solid #0d1e33;flex-shrink:0;position:relative}.tl-controls-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px}.tl-controls button{background:none;border:1px solid #0f2035;color:#aab;border-radius:3px;cursor:pointer;padding:2px 8px;font-family:inherit;font-size:11px;height:22px;line-height:1}.tl-controls button:hover{background:#07101f;color:#fff}.tl-controls button:disabled{opacity:.35;cursor:default}.tl-time{color:#5ba4cf;white-space:nowrap;padding:0 4px}.tl-scrubber{width:160px;height:20px;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;outline:none;flex-shrink:0}.tl-scrubber:disabled{opacity:.3;cursor:default}.tl-scrubber::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,#38bdf8 var(--scrubber-pct, 0%),#1e1e3a var(--scrubber-pct, 0%))}.tl-scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#7dd3fc;border:2px solid #38bdf8;margin-top:-4px;cursor:pointer;transition:background .1s}.tl-scrubber::-webkit-slider-thumb:hover{background:#acf}.tl-scrubber::-moz-range-track{height:4px;border-radius:2px;background:#1e1e3a}.tl-scrubber::-moz-range-progress{height:4px;border-radius:2px;background:#38bdf8}.tl-scrubber::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#7dd3fc;border:2px solid #38bdf8;cursor:pointer}.tl-zoom-btn{background:none;border:1px solid #0f2035;color:#aab;border-radius:3px;cursor:pointer;padding:2px 5px;font-size:11px;font-family:inherit;height:22px;line-height:1;display:flex;align-items:center}.tl-zoom-btn:hover{background:#07101f;color:#fff}.tl-add-btn{background:#0e1e30!important;border-color:#1e5fa8!important;color:#58c!important;padding:2px 10px!important}.tl-add-btn:hover{background:#0a2040!important;color:#7dd3fc!important}.tl-scroll-area{flex:1;overflow-x:auto;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:#1a4a8a #0d0d1e}.tl-scroll-area::-webkit-scrollbar{height:8px;width:6px}.tl-scroll-area::-webkit-scrollbar-track{background:#0d0d1e;border-radius:4px}.tl-scroll-area::-webkit-scrollbar-thumb{background:#1a4a8a;border-radius:4px;border:1px solid #1a2a44}.tl-scroll-area::-webkit-scrollbar-thumb:hover{background:#2a5fa0}.tl-inner{position:relative;min-height:100%}.tl-ruler-row{display:flex;height:22px;position:sticky;top:0;z-index:5;background:#070e1c;border-bottom:1px solid #0d1e33}.tl-track-label-head{width:120px;flex-shrink:0;position:sticky;left:0;z-index:4;border-right:1px solid #0d1e33;background:#0d0d1f}.tl-ruler{position:relative;flex:1;cursor:pointer;overflow:hidden}.tl-ruler:hover{background:#0f0f25}.tl-ruler-mark{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.tl-ruler-tick{width:1px;height:7px;background:#0f2035}.tl-ruler-label{font-size:9px;color:#445;white-space:nowrap;margin-top:1px;transform:translate(-50%)}.tl-playhead{position:absolute;top:-22px;bottom:0;width:1px;background:#f33;pointer-events:none;z-index:10}.tl-playhead:before{content:"â–¼";position:absolute;top:0;left:-4px;font-size:9px;color:#f33;line-height:1}.tl-playhead-line{position:absolute;top:0;bottom:0;width:1px;background:#f336;pointer-events:none;z-index:4}.tl-track-row--live-input{border-left:2px solid #38bdf8}.tl-track-live-badge{margin-left:6px;padding:1px 6px;font-size:9px;letter-spacing:.5px;color:#d8f4ff;background:#38bdf83d;border:1px solid rgba(56,189,248,.6);border-radius:999px}.tl-live-input-strip{position:absolute;left:6px;right:6px;top:50%;transform:translateY(-50%);color:#9cd8f3;font-size:10px;text-align:center;border:1px dashed rgba(56,189,248,.45);border-radius:6px;padding:4px 6px;background:#06101f80}.tl-audio-modal-overlay{position:fixed;inset:0;background:#000000a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:12000;display:flex;align-items:center;justify-content:center}.tl-audio-modal{width:min(520px,calc(100vw - 28px));max-height:min(84vh,760px);overflow:auto;border:1px solid rgba(56,189,248,.55);border-radius:12px;background:linear-gradient(165deg,#07101f,#040c18);box-shadow:0 16px 42px #0000008f;padding:14px}.tl-audio-input-page{width:min(640px,calc(100vw - 28px))}.tl-audio-modal-title{color:#9fe6ff;font-size:15px;font-weight:700;margin-bottom:8px}.tl-audio-modal-text{color:#9cbad3;font-size:12px;margin-bottom:12px;line-height:1.35}.tl-audio-modal-label{display:block;color:#8fb1cf;font-size:11px;margin-bottom:5px}.tl-audio-modal-select{width:100%;background:#081321;border:1px solid #174468;color:#d4edff;border-radius:7px;padding:8px;font-family:inherit;font-size:12px;margin-bottom:12px}.tl-audio-input-row{display:flex;gap:8px;margin-bottom:12px}.tl-audio-stop-btn{border-color:#7a2332!important;color:#ffbac8!important}.tl-audio-output-list{border:1px solid #14324f;border-radius:8px;background:#050e1ab8;padding:8px;margin-bottom:12px}.tl-audio-output-title{color:#9ec8e7;font-size:11px;margin-bottom:6px}.tl-audio-output-item,.tl-audio-output-empty{color:#bcd9ec;font-size:11px;padding:4px 0;border-bottom:1px solid rgba(20,50,79,.55)}.tl-audio-output-item:last-child,.tl-audio-output-empty:last-child{border-bottom:none}.tl-audio-modal-actions{display:flex;justify-content:flex-end;gap:8px}.tl-track-row{display:flex;height:52px;border-bottom:1px solid #111128}.tl-track-row--active .tl-track-label{border-left:2px solid #38bdf8}.tl-track-label{width:120px;flex-shrink:0;position:sticky;left:0;z-index:3;background:#0d0d1f;border-right:1px solid #0d1e33;border-left:2px solid transparent;padding:6px 8px;display:flex;flex-direction:column;justify-content:space-between;gap:4px}.tl-track-name{font-size:10px;color:#79b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.tl-track-label-btns{display:flex;gap:4px}.tl-track-label-btns button{background:none;border:none;color:#334;cursor:pointer;font-size:11px;padding:0 3px;font-family:inherit;line-height:1}.tl-track-label-btns button:hover{color:#aab}.tl-track-btn--mute-on{color:#f55!important}.tl-track-btn--solo-on{color:#fc4!important}.tl-track-missing{display:flex;align-items:center;gap:4px}.tl-track-missing-badge{font-size:9px;color:#f44;white-space:nowrap}.tl-track-locate-btn{background:none;border:1px solid #993333!important;color:#f66!important;border-radius:3px;cursor:pointer;font-size:9px;padding:1px 5px;font-family:inherit;line-height:1;height:16px}.tl-track-locate-btn:hover{background:#2a0e0e!important;border-color:#f44!important;color:#f99!important}.tl-track-reconnect-badge{font-size:9px;color:#7dd3fc;white-space:nowrap}.tl-track-reconnect-btn{background:none;border:1px solid #334477!important;color:#7dd3fc!important;border-radius:3px;cursor:pointer;font-size:9px;padding:1px 5px;font-family:inherit;line-height:1;height:16px}.tl-track-reconnect-btn:hover{background:#0e1530!important;border-color:#57c!important;color:#acf!important}.tl-clip-area{flex:1;position:relative;background:#030912;overflow:hidden}.tl-clip{position:absolute;top:4px;bottom:4px;border-radius:3px;background:#0a2040;border:1px solid #1e5fa8;cursor:grab;overflow:hidden;display:flex;flex-direction:column}.tl-clip:active{cursor:grabbing;border-color:#38bdf8}.tl-clip--selected{border-color:#38bdf8!important;box-shadow:0 0 0 1px #38bdf8;background:#1e3d60}.tl-clip-canvas{width:100%;flex:1;display:block;min-height:0}.tl-clip-label{font-size:9px;color:#57a;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;line-height:14px}.tl-empty-state{position:sticky;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:100px;color:#334;font-size:11px;font-style:italic;background:#050520;z-index:1}.tl-empty-state strong{color:#57a;font-style:normal}.tl-context-menu{position:fixed;background:#111128;border:1px solid #0f2035;border-radius:4px;z-index:1000;min-width:150px;box-shadow:0 4px 16px #0009;overflow:hidden}.tl-context-menu button{display:block;width:100%;background:none;border:none;color:#aab;padding:7px 14px;text-align:left;cursor:pointer;font-size:11px;font-family:Consolas,Courier New,monospace;line-height:1.4}.tl-context-menu button:hover{background:#07101f;color:#fff}.tl-context-divider{height:1px;background:#0d1e33;margin:2px 0}.tl-export-group{margin-left:auto;display:flex;align-items:center;gap:5px}.tl-export-btn{background:#0d2a18!important;border:1px solid #2a7a44!important;color:#4c7!important;border-radius:3px!important;cursor:pointer!important;padding:2px 9px!important;font-family:inherit!important;font-size:10px!important;height:22px!important;line-height:1!important;white-space:nowrap}.tl-export-btn:hover{background:#143820!important;color:#6e9!important}.tl-export-btn:disabled{opacity:.35!important;cursor:default!important}.tl-export-btn--open{background:#12101e!important;border-color:#43a!important;color:#86e!important}.tl-export-btn--open:hover{background:#1e1438!important;color:#a8f!important}.tl-export-btn--color{background:#101a14!important;border-color:#2a6a44!important;color:#5c8!important}.tl-export-btn--color:hover{background:#143820!important;color:#8da!important}.tl-tool-btn{background:none;border:1px solid #0f2035;color:#aab;border-radius:3px;cursor:pointer;padding:2px 7px;font-family:inherit;font-size:12px;height:22px;line-height:1}.tl-tool-btn:hover{background:#07101f;color:#fff}.tl-tool-btn--active{border-color:#38bdf8;color:#38bdf8;background:#0f1e38}.tl-clip--razor-mode,.tl-clip--razor-mode:active{cursor:col-resize}.tl-razor-line{position:absolute;top:0;bottom:0;width:1px;background:#f55;pointer-events:none;z-index:10;box-shadow:0 0 3px #f55}.tl-trim-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:6;display:flex;align-items:center;justify-content:center}.tl-trim-handle:after{content:"";width:2px;height:16px;background:#64aaff73;border-radius:1px;transition:background .1s}.tl-trim-handle:hover:after{background:#82d2fff2}.tl-trim-handle--left{left:0}.tl-trim-handle--right{right:0}.tl-auto-section{border-bottom:1px solid #0d1e33}.tl-auto-header-row{display:flex;height:28px;background:#060d1a;border-bottom:1px solid #0d1e33;position:sticky;top:22px;z-index:4}.tl-auto-header-label-cell{width:120px;flex-shrink:0;position:sticky;left:0;z-index:5;background:#060d1a;border-right:1px solid #0d1e33;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:0 8px;gap:5px;overflow:hidden}.tl-auto-section-title{font-size:10px;color:#5ba4cf;letter-spacing:.05em;text-transform:uppercase;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.tl-section-header{cursor:pointer;-webkit-user-select:none;user-select:none}.tl-section-header:hover .tl-auto-section-title{color:#9bd}.tl-section-chevron{font-size:9px;color:#56a;flex-shrink:0}.tl-auto-add-btn{background:none;border:1px solid #0f2035;color:#57a;border-radius:3px;cursor:pointer;padding:1px 6px;font-family:Consolas,Courier New,monospace;font-size:9px;height:18px;line-height:1;white-space:nowrap;flex-shrink:0}.tl-auto-add-btn:hover{background:#07101f;color:#7dd3fc}.tl-auto-add-btn:disabled{opacity:.3;cursor:default}.tl-auto-header-spacer{flex:1}.tl-auto-empty{display:flex;align-items:center;justify-content:center;height:28px;color:#445;font-size:10px;font-style:italic}.tl-auto-empty strong{color:#57a;font-style:normal;margin:0 2px}.tl-section{border-bottom:1px solid #0d1e33}.tl-auto-lane{display:flex;height:44px;border-bottom:1px solid #111128}.tl-auto-label{width:120px;flex-shrink:0;position:sticky;left:0;z-index:3;background:#0d0d1f;border-right:1px solid #0d1e33;padding:4px 22px 4px 6px;display:flex;flex-direction:column;justify-content:center;gap:3px;position:relative}.tl-auto-select{width:100%;background:#0f0f22;border:1px solid #0f2035;color:#79b;border-radius:2px;font-family:Consolas,Courier New,monospace;font-size:9px;padding:1px 2px;height:15px;cursor:pointer}.tl-auto-select:focus{outline:none;border-color:#38bdf8}.tl-auto-select:disabled{opacity:.35;cursor:default}.tl-auto-remove-btn{position:absolute;top:3px;right:4px;background:none;border:none;color:#334;cursor:pointer;font-size:10px;padding:0;line-height:1;font-family:inherit}.tl-auto-remove-btn:hover{color:#f55}.tl-auto-clip-area{flex:1;position:relative;background:#070715;overflow:hidden;display:flex;align-items:flex-end}.tl-auto-segment{position:absolute;bottom:0;background:#2d5a99;border-top:1px solid #4477bb;border-right:1px solid #1a3a6a;min-height:2px;box-sizing:border-box}.tl-auto-segment--off{background:#141e30;border-top-color:#1e2e48;opacity:.6}.tl-auto-keyframe-marker{position:absolute;bottom:3px;width:6px;height:6px;background:#38bdf8;transform:rotate(45deg);pointer-events:none;z-index:2}.mot-vis-btn{background:none;border:none;color:#57a;cursor:pointer;font-size:11px;padding:0 3px;line-height:1;font-family:inherit}.mot-vis-btn:hover{color:#aab}.mot-vis-btn--hidden{color:#334;opacity:.5}.mot-track-dimmed .tl-clip-area{opacity:.35}.mot-video-clip{background:#0d1e30;border-color:#1a5080}.mot-video-clip:hover{border-color:#38c}.mot-clip-playhead{position:absolute;top:0;bottom:0;width:1px;background:#f44;pointer-events:none;z-index:4;box-shadow:0 0 3px #ff444480}.mot-object-bar{position:absolute;inset:4px 0;background:#141428;border:1px solid #252545;border-radius:3px;display:flex;align-items:center;overflow:hidden}.mot-no-media{position:absolute;inset:4px 0;display:flex;align-items:center;padding:0 8px;color:#445;font-size:9px;font-style:italic;background:#0a0a18;border:1px dashed #1a1a30;border-radius:3px}.mot-track-select{background:#0f0f22;border:1px solid #2a2a4a;color:#57a;border-radius:2px;font-family:Consolas,Courier New,monospace;font-size:9px;padding:1px 2px;height:16px;cursor:pointer;max-width:60px;flex-shrink:0}.mot-track-select:hover{border-color:#46a;color:#8af}.mot-track-fx-badge{font-size:9px;color:#fc4;flex-shrink:0}.scene-elements{padding:8px;overflow-y:auto;height:100%}.scene-elements-section{margin-bottom:16px}.scene-elements-header{font-size:11px;font-weight:600;color:#99a;padding:4px 8px;border-bottom:1px solid #334;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.scene-elements-empty{padding:12px 8px;color:#667;font-size:13px;font-style:italic;text-align:center}.scene-element-item{display:flex;align-items:center;gap:8px;padding:8px;margin:2px 0;background:#223;border:1px solid #334;border-radius:4px;cursor:pointer;transition:all .15s ease}.scene-element-item:hover{background:#334;border-color:#445}.scene-element-item-selected{background:#347;border-color:#569;box-shadow:0 0 0 1px #569}.scene-element-icon{font-size:20px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.scene-element-info{flex:1;min-width:0;overflow:hidden}.scene-element-name{font-size:13px;font-weight:500;color:#dde;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-element-type{font-size:11px;color:#889;margin-top:2px}.scene-element-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.scene-element-item:hover .scene-element-actions{opacity:1}.scene-element-action-btn{background:none;border:1px solid #445;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:14px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.scene-element-action-btn:hover{background:#334;border-color:#556}.scene-element-action-delete:hover{background:#422;border-color:#844}.scene-elements-panel{display:flex;flex-direction:column;height:100%;background:#0a0a1e;color:#e8e8f0}.scene-elements-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#111128;border-bottom:1px solid #2a2a4a;flex-shrink:0}.scene-elements-panel-title{margin:0;font-size:13px;font-weight:600;color:#0f8;text-transform:uppercase;letter-spacing:.5px}.scene-elements-pin-button{padding:6px 12px;background:#1a1a3a;border:1px solid #2a2a4a;border-radius:4px;color:#aab;font-size:11px;cursor:pointer;transition:all .2s}.scene-elements-pin-button:hover{background:#252550;border-color:#3a3a6a;color:#fff}.scene-elements-pin-button.pinned{background:#0f82;border-color:#0f8;color:#0f8}.scene-elements-panel-content{flex:1;overflow-y:auto;overflow-x:hidden}.scene-elements-panel-content::-webkit-scrollbar{width:8px}.scene-elements-panel-content::-webkit-scrollbar-track{background:#0a0a1e}.scene-elements-panel-content::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:4px}.scene-elements-panel-content::-webkit-scrollbar-thumb:hover{background:#3a3a6a}.fab{position:absolute;width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #0006;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);z-index:1000;pointer-events:all}.fab:hover{transform:scale(1.08);box-shadow:0 8px 24px #38bdf88c,0 0 0 1px #ffffff1f inset;filter:brightness(1.1)}.fab:active{transform:scale(.95)}.fab-primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9,#0284c7);color:#fff;border:1px solid rgba(56,189,248,.6);box-shadow:0 4px 16px #38bdf873,0 0 0 1px #ffffff14 inset}.fab-secondary{background:linear-gradient(135deg,#678,#456);color:#fff}.fab-bottom-right{bottom:80px;right:20px}.fab-bottom-left{bottom:80px;left:20px}.fab-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.fab-bottom-center:hover{transform:translate(-50%) scale(1.05)}.fab-bottom-center:active{transform:translate(-50%) scale(.95)}.wheel-menu-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wheel-menu-container{position:fixed;bottom:136px;right:20px;z-index:10000}.wheel-menu{position:relative;width:200px;height:200px;z-index:10002}.wheel-menu-item{position:absolute;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#07101f,#040c18);border:2px solid #38bdf8;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;color:#38bdf8;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #38bdf84d;animation:wheelItemPop .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto;z-index:10003}@keyframes wheelItemPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.wheel-menu-item:hover{transform:scale(1.1);background:linear-gradient(135deg,#0f2035,#07101f);box-shadow:0 4px 12px #38bdf880}.wheel-menu-item:active{transform:scale(.95)}.wheel-menu-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:10px;white-space:nowrap;color:#38bdf8;text-shadow:0 1px 2px rgba(0,0,0,.8)}.wheel-submenu{position:absolute;background:linear-gradient(135deg,#07101f,#040c18);border:1px solid #38bdf8;border-radius:12px;padding:8px;min-width:180px;box-shadow:0 4px 16px #0009;animation:slideIn .2s ease-out;z-index:10001;right:0;bottom:0}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wheel-submenu-item{padding:10px 12px;color:#ccc;font-size:13px;cursor:pointer;border-radius:6px;transition:all .15s;display:flex;align-items:center;gap:8px}.wheel-submenu-item:hover{background:#38bdf81a;color:#38bdf8}.wheel-submenu-icon{font-size:16px}.popup-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.popup-menu{background:linear-gradient(135deg,#07101f,#040c18);border:1px solid #38bdf8;border-radius:12px;padding:16px;min-width:280px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 8px 24px #0009;animation:popupSlideIn .3s cubic-bezier(.175,.885,.32,1.275);z-index:10101}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-header{font-size:16px;color:#38bdf8;font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(56,189,248,.3)}.popup-section{margin:12px 0}.popup-section-title{font-size:12px;color:#888;text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}.popup-item{padding:10px 12px;color:#ccc;font-size:13px;cursor:pointer;border-radius:6px;transition:all .15s;display:flex;align-items:center;gap:8px;margin:4px 0}.popup-item:hover{background:#38bdf81a;color:#38bdf8}.popup-item-icon{font-size:16px;min-width:20px}.popup-divider{height:1px;background:#ffffff1a;margin:8px 0}.playback-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:all}.playback-button{width:64px;height:64px;border-radius:50%;border:2px solid #38bdf8;background:linear-gradient(145deg,#0f2035,#040c18);color:#38bdf8;font-size:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 1px #38bdf833,0 4px 16px #38bdf859,0 0 24px #38bdf826;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.playback-button:hover{transform:scale(1.08);box-shadow:0 0 0 1px #38bdf866,0 6px 20px #38bdf88c,0 0 32px #38bdf840;background:linear-gradient(145deg,#0f2a40,#071826);color:#7dd3fc}.playback-button:active{transform:scale(.95)}.properties-overlay{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,#040c18,#0d0d1afa);border-top:1px solid #38bdf8;max-height:60vh;overflow-y:auto;z-index:900;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 -4px 16px #0009}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.properties-overlay-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(56,189,248,.3);position:sticky;top:0;background:#040c18;z-index:1}.properties-overlay-title{font-size:14px;color:#38bdf8;font-weight:700}.properties-overlay-close{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s}.properties-overlay-close:hover{background:#ffffff1a;color:#38bdf8}.properties-overlay-content{padding:16px}.timeline-controls{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0d0d1af2;border-bottom:1px solid rgba(56,189,248,.3)}.timeline-pin-button{background:none;border:1px solid #445566;color:#888;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px}.timeline-pin-button:hover{border-color:#38bdf8;color:#38bdf8}.timeline-pin-button.pinned{border-color:#38bdf8;color:#38bdf8;background:#38bdf81a}.performance-display-modal{width:min(760px,92vw);max-height:88vh}.performance-display-description{color:#a8c1d8;font-size:12px;line-height:1.45;margin-bottom:10px}.performance-display-actions{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.performance-display-btn{background:#38bdf814;color:#cde9ff;border:1px solid rgba(56,189,248,.35);border-radius:8px;padding:8px 10px;cursor:pointer;font-size:12px}.performance-display-btn.primary{background:linear-gradient(135deg,#0e7490,#0ea5e9);border-color:#7dd3fcd9;color:#f2fbff}.performance-display-btn.small{padding:6px 8px;min-width:36px}.performance-display-btn:disabled{opacity:.5;cursor:default}.performance-display-map{position:relative;width:100%;min-height:240px;border:1px solid rgba(56,189,248,.3);border-radius:10px;background:linear-gradient(180deg,#040c18f2,#061222eb);overflow:hidden}.performance-display-tile{position:absolute;border:1px solid rgba(255,255,255,.18);background:#8ca0b92e;color:#e9f6ff;border-radius:8px;min-width:80px;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;cursor:pointer;transition:all .12s ease}.performance-display-tile:hover{border-color:#7dd3fcbf}.performance-display-tile.selected{background:#38bdf833;border-color:#38bdf8cc}.performance-display-tile.active{background:#64748bcc;border-color:#e5f5ff;box-shadow:0 0 0 2px #38bdf859}.performance-display-tile-number{font-size:22px;font-weight:700;line-height:1}.performance-display-tile-name{font-size:11px;opacity:.95}.performance-display-details{margin-top:12px;padding:10px;border:1px solid rgba(56,189,248,.24);border-radius:8px;background:#0a121ebf}.performance-display-details-title{color:#dff4ff;font-size:12px;margin-bottom:8px}.performance-display-input-row{display:flex;gap:8px}.performance-display-input{flex:1;background:#06111f;border:1px solid rgba(56,189,248,.3);color:#d7eeff;border-radius:6px;padding:8px;font-size:12px}.performance-display-pagination{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.performance-display-dots{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}.performance-display-dot{width:8px;height:8px;border-radius:999px;border:1px solid rgba(56,189,248,.45);background:#fff3;cursor:pointer}.performance-display-dot.active{background:#7dd3fc;border-color:#b8ecff}.canvas-settings-modal{width:min(820px,94vw);max-height:90vh}.canvas-mode-row{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.canvas-mode-option{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;border:1px solid rgba(56,189,248,.35);background:#38bdf814;color:#d2ecff;cursor:pointer;font-size:12px}.canvas-mode-option.active{border-color:#7dd3fc;background:#38bdf833;color:#f4fbff}.canvas-mode-check{font-size:14px;line-height:1}.performance-carousel-caption{color:#9ecce7;font-size:12px;margin-top:6px;text-align:center}@media(max-width:768px){.fab{width:48px;height:48px;font-size:20px}.fab-bottom-right{bottom:70px;right:16px}.fab-bottom-left{bottom:70px;left:16px}.playback-controls{bottom:16px}.playback-button{width:48px;height:48px;font-size:20px}.wheel-menu-container{bottom:118px;right:16px}.popup-menu{min-width:260px}}@media(min-width:769px){.properties-overlay{left:auto;right:0;max-width:400px;max-height:100vh;border-top:none;border-left:1px solid #38bdf8}@keyframes slideUp{0%{transform:translate(100%)}to{transform:translate(0)}}}.collapsible-section{margin-bottom:4px}.collapsible-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:#0f0f22;border:none;border-bottom:1px solid #1a1a35;color:#68a;font-size:11px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:background .15s,color .15s;text-align:left;font-family:inherit}.collapsible-header:hover{background:#1a1a40;color:#8ac}.collapsible-icon{font-size:9px;color:#57a;transition:transform .2s}.collapsible-title{flex:1}.collapsible-content{padding:8px 0;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.effect-track-panel{display:flex;flex-direction:column;gap:8px}.effect-track-info{font-size:11px;color:#9ab;padding:8px 12px;background:#001e3c4d;border-radius:4px;margin:0 12px 8px;line-height:1.4}.effect-track-add-wrapper{position:relative}.effect-track-add-menu{position:absolute;top:100%;left:12px;right:12px;background:#1a2530;border:1px solid #334455;border-radius:4px;box-shadow:0 4px 12px #0006;z-index:100;max-height:300px;overflow-y:auto}.effect-track-menu-section{font-size:10px;font-weight:600;color:#678;padding:8px 12px 4px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #2a3540;margin-bottom:4px}.effect-track-menu-section:not(:first-child){margin-top:8px;padding-top:12px;border-top:1px solid #2a3540}.effect-track-empty{padding:20px;text-align:center;color:#678;font-size:13px}.effect-track-item{background:#1e325066;border:1px solid #334455;border-radius:6px;margin:0 12px;overflow:hidden;transition:all .2s ease}.effect-track-item:hover{border-color:#47a;background:#1e325099;box-shadow:0 2px 8px #0064c826}.effect-track-item-dragging{opacity:.5;box-shadow:0 8px 20px #0064c84d;border-color:#5a7fa0;cursor:grabbing!important}.effect-track-item-disabled{opacity:.5}.effect-track-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0014284d;-webkit-user-select:none;user-select:none}.effect-track-toggle{background:none;border:none;color:#8ac;font-size:14px;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:color .2s}.effect-track-toggle:hover{color:#acf}.effect-track-drag-handle{cursor:grab;color:#678;font-size:14px;padding:0 4px;transition:color .2s;-webkit-user-select:none;user-select:none;touch-action:none}.effect-track-drag-handle:hover{color:#8ac}.effect-track-drag-handle:active{cursor:grabbing}.effect-track-label{flex:1;font-size:13px;font-weight:500;color:#cdf}.effect-track-controls{display:flex;align-items:center;gap:8px}.effect-track-checkbox{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:11px;color:#8ac;-webkit-user-select:none;user-select:none}.effect-track-checkbox input[type=checkbox]{margin:0;cursor:pointer}.effect-track-checkbox-label{font-weight:500;text-transform:uppercase;letter-spacing:.3px}.effect-track-remove{background:#b432324d;border:1px solid #884444;color:#d66;font-size:18px;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.effect-track-remove:hover{background:#c83c3c80;border-color:#a55;color:#f88}.effect-track-body{padding:12px;display:flex;flex-direction:column;gap:12px;border-top:1px solid #2a3540}.effect-track-color-control{display:flex;align-items:center;gap:8px}.effect-track-color-control label{font-size:12px;color:#8ac;flex:1}.effect-track-color-control input[type=color]{width:60px;height:28px;border:1px solid #446688;border-radius:4px;cursor:pointer;background:transparent}.effect-track-select-control{display:flex;flex-direction:column;gap:4px}.effect-track-select-label{font-size:11px;color:#8ac;text-transform:uppercase;letter-spacing:.3px}.effect-track-select-input{background:#14284699;border:1px solid #446688;border-radius:4px;color:#cdf;padding:6px 8px;font-size:13px;cursor:pointer;transition:border-color .2s}.effect-track-select-input:hover{border-color:#69c}.effect-track-select-input:focus{outline:none;border-color:#8bf}.audio-spectrum-selector{padding:8px 12px;background:#0a0a18;margin:4px 12px;border-radius:2px;border:1px solid #1a1a30}.spectrum-label{color:#57a;font-size:9px;letter-spacing:2px;margin-bottom:6px;font-weight:600}.spectrum-canvas{width:100%;height:150px;border:1px solid #2a2a4a;border-radius:2px;display:block;transition:border-color .2s ease}.spectrum-canvas:hover{border-color:#48c}.spectrum-canvas:active{border-color:#69f}.spectrum-hint{color:#567;font-size:9px;margin-top:4px;font-style:italic;text-align:center}.spectrum-inputs{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:4px;margin-top:6px}.spectrum-input-group{display:flex;flex-direction:column;gap:2px}.spectrum-input-group label{color:#57a;font-size:8px;letter-spacing:.5px;text-transform:uppercase}.spectrum-input-group input[type=number]{background:#0d1020;border:1px solid #2a2a4a;border-radius:2px;color:#acf;font-size:10px;font-family:Consolas,monospace;padding:2px 4px;width:100%;box-sizing:border-box;-moz-appearance:textfield}.spectrum-input-group input[type=number]::-webkit-inner-spin-button,.spectrum-input-group input[type=number]::-webkit-outer-spin-button{opacity:.4}.spectrum-input-group input[type=number]:focus{outline:none;border-color:#48c;color:#fff}.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:#040c18;color:#ccc;font-family:Consolas,Courier New,monospace;font-size:12px;padding:6px}.aav-main-layout{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}.aav-center-layout{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden}.aav-scene-elements-pinned{width:300px;min-width:260px;max-width:36vw;border-right:1px solid #0f2035;background:#0a0a1e;flex-shrink:0;min-height:0;overflow:hidden}.aav-viewport-area{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.aav-viewport-area .playback-controls,.aav-viewport-area .fab{pointer-events:all}.aav-viewport-area .viewport{margin:0;border:none;flex:1}.aav-timeline-pinned{flex-shrink:0;max-height:42vh;overflow:hidden;border-top:1px solid #0f2035}.app-body{display:flex;flex:1;min-height:0;overflow:hidden}.app-center{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.drawer-left .scene-object-list,.drawer-right .properties-panel{transition:opacity .12s}.drawer-left.drawer-closed .scene-object-list,.drawer-right.drawer-closed .properties-panel{opacity:0;pointer-events:none}.drawer-left,.drawer-right{position:relative;flex-shrink:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1)}.drawer-left{width:280px;border-right:1px solid #0f2035}.drawer-right{width:320px;border-left:1px solid #0f2035}.drawer-left.drawer-closed,.drawer-right.drawer-closed{width:20px}.drawer-toggle{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:44px;background:#071020;border:1px solid #0f2035;color:#456;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:14px;z-index:20;padding:0;border-radius:0;font-family:inherit;transition:background .15s,color .15s}.drawer-toggle:hover{background:#1a1a40;color:#7dd3fc}.drawer-toggle-left{right:0;border-left:none;border-radius:0 2px 2px 0}.drawer-toggle-right{left:0;border-right:none;border-radius:2px 0 0 2px}.drawer-toggle-label{writing-mode:vertical-lr;font-size:9px;letter-spacing:4px;font-weight:600;color:#3a4a5a;font-family:Consolas,Courier New,monospace;-webkit-user-select:none;user-select:none;display:none}.drawer-section-icon{display:none;font-size:12px;line-height:1;opacity:.55;-webkit-user-select:none;user-select:none}.drawer-closed .drawer-toggle{height:auto;padding:14px 0}.drawer-left.drawer-closed .drawer-toggle{gap:10px}.drawer-closed .drawer-toggle-label,.drawer-closed .drawer-section-icon{display:block}.menu-bar{display:flex;align-items:center;background:#071020;border-bottom:1px solid #0f2035;height:32px;padding:0 8px;position:relative;z-index:100}.menu-item-wrapper{position:relative}.menu-button{background:#1a1a35;border:1px solid #0f2035;color:#aab;padding:4px 16px;cursor:pointer;font-family:inherit;font-size:11px;letter-spacing:1px;border-radius:0;height:30px}.menu-button:hover{background:#2a2a55;color:#fff}.menu-dropdown{position:absolute;top:100%;left:0;background:#151530;border:1px solid #3a3a5a;min-width:180px;z-index:200;box-shadow:0 4px 16px #00000080}.menu-dropdown-nested{position:absolute;top:0;left:100%;margin-left:-1px;min-width:200px}.menu-dropdown-grid{display:grid;grid-template-columns:1fr 1fr;min-width:260px}.menu-dropdown-item{display:block;width:100%;background:none;border:none;color:#bbc;padding:8px 16px;text-align:left;cursor:pointer;font-family:inherit;font-size:11px;border-radius:0}.menu-dropdown-item:hover{background:#2a2a55;color:#fff}.menu-divider{height:1px;background:#0f2035;margin:2px 0}.menu-section-label{padding:5px 12px 3px;color:#57a;font-size:9px;letter-spacing:2px;background:#070e1c;border-bottom:1px solid #1a1a35;-webkit-user-select:none;user-select:none}.menu-brand{margin-left:auto;display:flex;align-items:center;gap:8px;padding-right:12px;cursor:pointer}.menu-dropdown-item--bold{font-weight:600}.menu-logo{width:24px;height:24px;filter:drop-shadow(0 2px 4px rgba(102,126,234,.4))}.menu-title{color:#889;font-size:11px;letter-spacing:3px;font-weight:600}.menu-account-btn{background:none;border:1px solid #0f2035;color:#aab;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;margin-left:8px;flex-shrink:0;transition:border-color .15s,background .15s}.menu-account-btn:hover{border-color:#38bdf8;background:#1a1a35}.scene-object-list{width:280px;flex:1;min-height:0;background:#071020;overflow-y:auto;display:flex;flex-direction:column}.list-section-header{padding:8px 12px;color:#5ba4cf;font-size:11px;letter-spacing:1px;background:#0f0f22;border-bottom:1px solid #1a1a35}.list-item{padding:6px 12px;cursor:pointer;color:#aab;border-bottom:1px solid #0d1e33;display:flex;align-items:center;justify-content:space-between;gap:4px}.list-item:hover{background:#1a1a40}.list-item-selected{background:#24a;color:#fff}.list-item-disabled{opacity:.4}.list-item-audio{color:#7dd3fc;font-size:11px;cursor:default}.list-item-empty{padding:12px;color:#556;font-style:italic;font-size:11px}.properties-panel{width:320px;flex:1;min-height:0;background:#071020;overflow-y:auto;padding-bottom:12px}.properties-header{padding:8px 12px;color:#8af;font-size:12px;letter-spacing:1px;background:#0f0f22;border-bottom:1px solid #0f2035;display:flex;align-items:center;justify-content:space-between;gap:8px}.light-name-editable{cursor:text;flex:1;border-bottom:1px dotted transparent;transition:border-color .15s}.light-name-editable:hover{border-bottom-color:#46a}.light-name-input{flex:1;background:#040c18;border:1px solid #38bdf8;border-radius:2px;color:#aad4ff;font-size:12px;font-family:Consolas,monospace;padding:1px 4px;outline:none;min-width:0}.light-type-badge{color:#46a;font-size:9px;letter-spacing:2px;flex-shrink:0}.select-control{display:flex;align-items:center;padding:3px 12px;gap:6px}.select-label{color:#889;font-size:11px;min-width:80px;white-space:nowrap;flex-shrink:0}.select-input{flex:1;background:#040c18;border:1px solid #0f2035;color:#7dd3fc;font-size:10px;font-family:Consolas,Courier New,monospace;padding:2px 4px;outline:none;border-radius:2px;cursor:pointer}.select-input:focus{border-color:#38bdf8}.properties-empty{padding:20px 12px;color:#556;text-align:center;font-style:italic}.section-header{padding:6px 12px;color:#57a;font-size:10px;letter-spacing:2px;background:#070e1c;margin-top:4px}.slider-control{display:flex;align-items:center;padding:3px 12px;gap:6px}.slider-label{color:#889;font-size:11px;min-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider-input{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#0f2035;border-radius:2px;outline:none;cursor:pointer}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#38bdf8;cursor:pointer}.slider-input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#38bdf8;cursor:pointer;border:none}.slider-value{color:#7dd3fc;font-size:10px;min-width:50px;width:50px;text-align:right;font-family:Consolas,monospace}.slider-value-clickable{cursor:text;border-bottom:1px dotted transparent;transition:border-color .15s,color .15s}.slider-value-clickable:hover{color:#aad4ff;border-bottom-color:#38bdf8}.slider-value-edit{background:#040c18;border:1px solid #38bdf8;border-radius:2px;color:#aad4ff;font-size:10px;font-family:Consolas,monospace;width:50px;min-width:50px;text-align:right;padding:1px 3px;outline:none}.checkbox-control{padding:4px 12px;display:flex;align-items:center;gap:8px}.checkbox-control label{display:flex;align-items:center;gap:8px;color:#aab;font-size:11px;cursor:pointer}.checkbox-control input[type=checkbox]{accent-color:#38bdf8}.color-control{display:flex;align-items:center;padding:4px 12px;gap:8px}.color-control label{color:#889;font-size:11px;min-width:80px}.color-control input[type=color]{flex:1;height:24px;border:1px solid #0f2035;background:none;cursor:pointer;padding:0}.btn{display:block;width:calc(100% - 24px);margin:6px 12px;padding:8px;border:none;cursor:pointer;font-family:inherit;font-size:11px;letter-spacing:1px;border-radius:2px}.btn-primary{background:#24a;color:#cdf}.btn-primary:hover{background:#35c}.btn-danger{background:#823;color:#fcc}.btn-danger:hover{background:#a34}.viewport{flex:1;position:relative;min-height:0;background:#050510;border:1px solid #0f2035;margin:4px}.viewport-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewport-canvas-wrap{position:relative;overflow:hidden}.viewport-canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.viewport-aspect-toggle{position:absolute;top:4px;right:8px;z-index:10;display:flex;gap:2px}.viewport-aspect-btn{background:#071020;border:1px solid #0f2035;color:#445;font-family:Consolas,Courier New,monospace;font-size:9px;letter-spacing:1px;padding:2px 6px;cursor:pointer;border-radius:0}.viewport-aspect-btn:hover{color:#aab;border-color:#46a}.viewport-aspect-btn.active{color:#7dd3fc;border-color:#46a;background:#1a1a35}.viewport-label{position:absolute;color:#335;font-size:10px;letter-spacing:2px;pointer-events:none;z-index:5}.viewport-label-top{top:4px;left:8px}.viewport-label-bottom{bottom:4px;right:8px}.performance-overlay-panel{min-width:200px}.performance-overlay-active-display{margin-top:4px;background:#38bdf81f;border:1px solid rgba(56,189,248,.45);color:#c8ecff;border-radius:6px;padding:4px 6px;font-size:11px;cursor:pointer}.performance-overlay-picker{margin-top:6px;padding:6px;border:1px solid rgba(56,189,248,.35);border-radius:8px;background:#050e1af5;display:flex;flex-direction:column;gap:4px}.performance-overlay-picker-item{background:#38bdf814;border:1px solid rgba(56,189,248,.25);border-radius:6px;color:#bfe8ff;font-size:11px;padding:4px 6px;text-align:left;cursor:pointer}.performance-overlay-picker-item.active{background:#38bdf838;border-color:#7dd3fce6}.performance-overlay-rename-row{display:flex;gap:4px;margin-top:4px}.performance-overlay-rename-input{flex:1;min-width:0;background:#071320;border:1px solid rgba(56,189,248,.35);color:#d9f1ff;border-radius:6px;padding:4px 6px;font-size:11px}.performance-overlay-rename-btn{background:#38bdf82e;border:1px solid rgba(56,189,248,.5);color:#d8f0ff;border-radius:6px;padding:4px 6px;font-size:11px;cursor:pointer}.performance-scene-carousel-inline{position:absolute;left:50%;bottom:74px;transform:translate(-50%);z-index:25;display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(56,189,248,.45);border-radius:999px;background:#050e1ae6}.performance-scene-carousel-btn{background:#38bdf824;border:1px solid rgba(56,189,248,.45);color:#ccecff;border-radius:999px;width:24px;height:24px;cursor:pointer}.performance-scene-carousel-btn:disabled{opacity:.5;cursor:default}.performance-scene-carousel-dots{display:flex;align-items:center;gap:6px}.performance-scene-carousel-label{color:#a8dfff;font-size:11px;letter-spacing:.2px}.viewport-perform-controls{position:absolute;top:8px;left:8px;z-index:28;display:flex;flex-direction:column;gap:6px}.viewport-perform-btn{background:linear-gradient(135deg,#0f2a40,#0e7490);border:1px solid rgba(125,211,252,.8);color:#e8f9ff;border-radius:8px;padding:6px 10px;font-size:11px;letter-spacing:.3px;cursor:pointer}.viewport-perform-btn:disabled{opacity:.7;cursor:default}.viewport-perform-note{color:#c6ecff;font-size:10px;line-height:1.3;max-width:220px;padding:6px 8px;border:1px solid rgba(56,189,248,.35);border-radius:8px;background:#06121ee0}.viewport-perform-prompt-overlay{position:fixed;inset:0;z-index:40;background:#0000009e;display:flex;align-items:center;justify-content:center}.viewport-perform-prompt{width:min(420px,calc(100% - 24px));background:linear-gradient(180deg,#06121efa,#081624fa);border:1px solid rgba(56,189,248,.45);border-radius:12px;padding:14px;color:#d9f3ff;box-shadow:0 10px 30px #00000080}.viewport-perform-prompt-title{font-size:14px;font-weight:700;margin-bottom:8px;color:#bce8ff}.viewport-perform-prompt-text{font-size:12px;line-height:1.45;color:#c7e6f7;margin-bottom:10px}.viewport-perform-prompt-link{display:inline-block;font-size:12px;color:#7dd3fc;text-decoration:underline;margin-bottom:12px}.viewport-perform-prompt-actions{display:flex;justify-content:flex-end;gap:8px}.viewport-perform-hint{position:absolute;top:42px;left:8px;z-index:28;color:#d5f4ff;background:#050e1ad1;border:1px solid rgba(56,189,248,.45);border-radius:8px;padding:6px 10px;font-size:11px;animation:performHintFade 2.6s ease forwards}@keyframes performHintFade{0%{opacity:0;transform:translateY(-4px)}12%{opacity:1;transform:translateY(0)}78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.viewport-orbit-controls{position:absolute;bottom:28px;left:8px;z-index:10;display:flex;flex-direction:column;gap:3px;align-items:flex-start}.viewport-orbit-row{display:flex;gap:2px;align-items:center}.viewport-orbit-label{color:#445;font-family:Consolas,Courier New,monospace;font-size:9px;letter-spacing:1px;padding:0 2px;-webkit-user-select:none;user-select:none}.viewport-orbit-input{background:#071020;border:1px solid #0f2035;color:#7dd3fc;font-family:Consolas,Courier New,monospace;font-size:9px;width:38px;padding:2px 3px;text-align:center;outline:none}.viewport-orbit-input:focus{border-color:#46a}.viewport-orbit-btn{background:#071020;border:1px solid #0f2035;color:#445;font-family:Consolas,Courier New,monospace;font-size:9px;letter-spacing:1px;padding:2px 8px;cursor:pointer;border-radius:0}.viewport-orbit-btn:hover{color:#aab;border-color:#46a}.viewport-orbit-btn.active{color:#8ca;border-color:#3a7;background:#0d1f1a}.viewport-orbit-speed-btn{background:#071020;border:1px solid #0f2035;color:#445;font-family:Consolas,Courier New,monospace;font-size:9px;letter-spacing:1px;padding:2px 6px;cursor:pointer;border-radius:0}.viewport-orbit-speed-btn:hover{color:#aab;border-color:#46a}.viewport-orbit-speed-btn.active{color:#7dd3fc;border-color:#46a;background:#1a1a35}.viewport-export-overlay{position:fixed;inset:0;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.export-progress-bar{width:60%;height:6px;background:#1a1a35;border-radius:3px;overflow:hidden}.export-progress-fill{height:100%;background:#38bdf8;transition:width .1s linear}.export-text{margin-top:12px;color:#7dd3fc;font-size:14px;letter-spacing:2px}.timeline-container{display:flex;flex-direction:column;background:#071020;border-top:1px solid #0f2035;z-index:50;max-height:55vh;overflow-y:auto;flex-shrink:0}.timeline-tabs{display:flex;gap:2px;background:#030912;padding:4px 4px 0;border-bottom:1px solid #0d1e33}.timeline-tab{padding:6px 16px;background:none;border:none;border-radius:4px 4px 0 0;color:#667;font-size:12px;cursor:pointer;transition:all .15s ease;font-weight:500}.timeline-tab:hover{background:#0d1e33;color:#88a}.timeline-tab-active{background:#071020;color:#aad;border-bottom:2px solid #38bdf8}.timeline-zoom-bar{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#040c18;border-bottom:1px solid #0d1e33;height:24px}.zoom-label{color:#556;font-size:9px;letter-spacing:2px;min-width:40px}.zoom-slider{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:#0f2035;border-radius:2px;outline:none;cursor:pointer}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#38bdf8;cursor:pointer}.zoom-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#38bdf8;cursor:pointer;border:none}.zoom-value{color:#7dd3fc;font-size:10px;min-width:40px;text-align:right;font-family:Consolas,monospace}.timeline-track-area{position:relative;height:80px;background:#040c18;border-bottom:1px solid #0d1e33}.timeline-ruler{position:absolute;top:0;left:0;right:0;height:20px;background:#030912;border-bottom:1px solid #0d1e33}.timeline-ruler-mark{position:absolute;top:0;height:100%;display:flex;flex-direction:column;align-items:center;pointer-events:none}.timeline-ruler-tick{width:1px;height:6px;background:#3a3a5a;margin-top:2px}.timeline-ruler-label{color:#556;font-size:9px;margin-top:2px;font-family:Consolas,monospace;-webkit-user-select:none;user-select:none}.timeline-waveform{position:absolute;inset:20px 0 0;width:100%;height:calc(100% - 20px);cursor:pointer}.timeline-keyframe-marker{position:absolute;top:20px;bottom:0;width:2px;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;z-index:10;transition:width .1s,opacity .1s;opacity:.7}.timeline-keyframe-marker:hover{width:4px;opacity:1}.timeline-controls{display:flex;align-items:center;padding:0 12px;gap:8px;height:36px;position:sticky;bottom:0;background:#071020;border-top:1px solid #0d1e33;z-index:10}.timeline-scrubber-container{flex:1;display:flex;align-items:center;min-width:0;position:relative}.timeline-scrubber{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:#0f2035;border-radius:2px;outline:none;cursor:pointer;position:relative}.timeline-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#38bdf8;cursor:grab;transition:transform .1s,background .1s}.timeline-scrubber::-webkit-slider-thumb:hover{transform:scale(1.2);background:#59d}.timeline-scrubber::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.3);background:#6ae}.timeline-scrubber::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#38bdf8;cursor:grab;border:none;transition:transform .1s,background .1s}.timeline-scrubber::-moz-range-thumb:hover{transform:scale(1.2);background:#59d}.timeline-scrubber::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.3);background:#6ae}@media(max-width:768px){.app{padding:0}.app-body{position:relative}.drawer-left,.drawer-right{position:absolute;top:0;bottom:0;height:100%;z-index:50;background:#071020f0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:none;box-shadow:0 0 20px #00000080;transition:transform .25s cubic-bezier(.4,0,.2,1)}.drawer-left{width:85%;left:0}.drawer-right{width:85%;right:0}.drawer-left.drawer-closed{transform:translate(-100%);width:85%}.drawer-right.drawer-closed{transform:translate(100%);width:85%}.drawer-toggle{top:50%;transform:translateY(-50%);height:60px;width:24px;background:#1a1a40}.drawer-toggle-left{right:-24px;border-radius:0 6px 6px 0;border-left:1px solid #0f2035}.drawer-toggle-right{left:-24px;border-radius:6px 0 0 6px;border-right:1px solid #0f2035}.drawer-section-icon,.drawer-toggle-label{display:none}.timeline-container{height:auto}.timeline-track-area{height:60px}}.timeline-scrubber:disabled{opacity:.3;cursor:default}.timeline-scrubber:disabled::-webkit-slider-thumb{cursor:default}.timeline-scrubber:disabled::-moz-range-thumb{cursor:default}.timeline-play-btn{background:#1a1a40;border:1px solid #0f2035;color:#7dd3fc;width:28px;height:24px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;border-radius:2px;padding:0}.timeline-play-btn:hover:not(:disabled){background:#2a2a55}.timeline-play-btn:disabled{opacity:.3;cursor:default}.timeline-time{color:#7dd3fc;font-size:11px;min-width:36px;font-family:Consolas,monospace}.timeline-time-separator{color:#456;font-size:11px;font-family:Consolas,monospace}.timeline-label{color:#556;font-size:10px;letter-spacing:1px;margin-left:auto}.info-panel{position:fixed;bottom:44px;left:4px;background:#0a0a1ae6;border:1px solid #0f2035;padding:10px 14px;color:#77889a;font-size:10px;z-index:50;min-width:200px;pointer-events:none;line-height:1.6}.info-divider{height:1px;background:#2a2a3a;margin:6px 0}.info-controls{color:#5a6a7a}.info-hint{color:#4a5a6a;font-style:italic}.list-item-rename-input{flex:1;background:transparent;border:none;border-bottom:1px solid #38bdf8;color:inherit;font-size:11px;font-family:Consolas,Courier New,monospace;padding:0 2px;outline:none;min-width:0}.list-item-icon{margin-right:4px;font-size:10px}.list-item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.list-item-track{display:flex;align-items:center;gap:4px;padding:4px 8px 4px 12px;cursor:pointer;color:#aab;border-bottom:1px solid #0d1e33;font-size:11px}.list-item-track:hover{background:#1a1a40}.track-playing-indicator{width:10px;font-size:9px;color:#38bdf8;flex-shrink:0}.track-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.track-duration{color:#556;font-size:10px;font-family:Consolas,monospace;flex-shrink:0}.track-actions{display:flex;gap:2px;opacity:0;transition:opacity .1s}.list-item-track:hover .track-actions,.list-item:hover .track-actions{opacity:1}.track-btn{background:#1a1a35;border:1px solid #0f2035;color:#778;cursor:pointer;font-size:10px;padding:1px 4px;line-height:1.4;border-radius:2px}.track-btn:hover:not(:disabled){background:#2a2a55;color:#aab}.track-btn:disabled{opacity:.25;cursor:default}.track-btn-remove:hover:not(:disabled){background:#512;color:#fcc;border-color:#823}.timeline-track-name{color:#46a;font-size:10px;letter-spacing:1px;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#071020;border:1px solid #3a3a5a;border-radius:4px;min-width:320px;max-width:500px;width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0009}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0f0f22;border-bottom:1px solid #0f2035;color:#8af;font-size:12px;letter-spacing:1px}.modal-close{background:none;border:none;color:#556;cursor:pointer;font-size:20px;line-height:1;padding:0;border-radius:0}.modal-close:hover{color:#c55}.modal-section{padding:14px 16px}.modal-input{display:block;width:100%;box-sizing:border-box;background:#040c18;border:1px solid #0f2035;color:#ccc;font-family:Consolas,Courier New,monospace;font-size:11px;padding:7px 10px;outline:none;margin-bottom:10px;border-radius:2px}.modal-input:focus{border-color:#38bdf8}.modal-error{color:#c55;font-size:11px;padding:4px 0 6px}.modal-switch-btn{background:none;border:none;color:#57a;cursor:pointer;font-family:Consolas,Courier New,monospace;font-size:11px;padding:0;text-decoration:underline;text-decoration-style:dotted;border-radius:0}.modal-switch-btn:hover{color:#8af}.auth-oauth-btn{display:block;width:100%;box-sizing:border-box;background:#040c18;border:1px solid #0f2035;color:#aab;font-family:Consolas,Courier New,monospace;font-size:11px;padding:7px 10px;cursor:pointer;border-radius:2px;margin-bottom:8px;text-align:center;transition:border-color .2s,color .2s}.auth-oauth-btn:hover:not(:disabled){border-color:#38bdf8;color:#ccc}.auth-oauth-btn:disabled{opacity:.5;cursor:default}.auth-divider{display:flex;align-items:center;gap:8px;margin:4px 0 10px;color:#444;font-size:10px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid #0f2035}.auth-password-wrap{position:relative;display:block}.auth-eye-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:#556;cursor:pointer;font-size:12px;padding:0;line-height:1;border-radius:0}.auth-eye-btn:hover{color:#8af}.auth-strength-bar{display:flex;align-items:center;gap:3px;margin:6px 0 0}.auth-strength-segment{flex:1;height:3px;border-radius:2px;transition:background .2s}.auth-strength-label{font-size:10px;margin-left:4px;min-width:60px;transition:color .2s}.modal-scene-list{border-top:1px solid #1a1a35;max-height:320px;overflow-y:auto}.cloud-scene-item{display:flex;align-items:center;gap:8px;padding:7px 16px;border-bottom:1px solid #0d1e33}.cloud-scene-item:hover{background:#1a1a35}.cloud-scene-name{flex:1;font-size:11px;color:#aab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-scene-date{color:#446;font-size:10px;font-family:Consolas,monospace;flex-shrink:0}.effect-add-wrapper{position:relative}.effect-add-menu{position:absolute;top:100%;left:12px;right:12px;background:#151530;border:1px solid #3a3a5a;z-index:200;box-shadow:0 4px 16px #00000080}.effect-item{margin:4px 12px;border:1px solid #222244;background:#0e0e22;border-radius:2px;overflow:hidden}.effect-header{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#151535;border-bottom:1px solid #222244}.effect-toggle{background:none;border:none;color:#556;cursor:pointer;font-size:11px;padding:0;width:14px;border-radius:0}.effect-label{flex:1;color:#9ac;font-size:11px;letter-spacing:.5px}.effect-enable{display:flex;align-items:center}.effect-enable input[type=checkbox]{accent-color:#38bdf8}.effect-remove{background:none;border:none;color:#775;cursor:pointer;font-size:14px;padding:0 2px;line-height:1;border-radius:0}.effect-remove:hover{color:#c55}.effect-body{padding:2px 0}.list-section-header-btn{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.list-section-header-btn:hover{background:#141430;color:#7dd3fc}.section-toggle-icon{font-size:9px;color:#468}.camera-info{padding:4px 12px 8px;border-bottom:1px solid #1a1a35;background:#0d0d1f}.camera-info-row{display:flex;align-items:baseline;padding:2px 0;gap:6px}.camera-info-label{color:#57a;font-size:10px;letter-spacing:1px;min-width:52px;flex-shrink:0}.camera-info-xyz{display:flex;gap:6px;font-size:10px;font-family:Consolas,monospace;color:#7dd3fc;flex:1}.camera-info-axis{color:#456;font-size:9px;letter-spacing:.5px}.camera-info-val{color:#7dd3fc;font-size:10px;font-family:Consolas,monospace;flex:1}� � .history-modal{width:600px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column}.history-empty{text-align:center;padding:40px 20px;color:#888}.history-empty p:first-child{font-size:18px;margin-bottom:8px}.history-empty-hint{font-size:14px;color:#666}.history-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:500px;padding:4px}.history-entry{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;color:#e0e0e0}.history-entry:hover{background:#ffffff14;border-color:#6496ff66;transform:translate(4px)}.history-entry-current{background:#4488cc26;border-color:#4488cc80}.history-entry-current:hover{background:#4488cc40;border-color:#4488ccb3}.history-entry-content{flex:1;display:flex;flex-direction:column;gap:4px}.history-entry-description{font-size:14px;font-weight:500;color:#fff}.history-entry-timestamp{font-size:12px;color:#999;font-family:Consolas,Courier New,monospace}.history-entry-indicator{color:#48c;font-size:20px;margin-left:12px;line-height:1}.vtl-root{display:flex;flex-direction:column;height:300px;background:#09091a;border-top:1px solid #1a1a30;flex-shrink:0;position:relative;font-family:Consolas,Courier New,monospace;font-size:11px;color:#aab;-webkit-user-select:none;user-select:none}.vtl-controls{height:36px;display:flex;align-items:center;padding:0 10px;background:#0d0d20;border-bottom:1px solid #1a1a30;flex-shrink:0;position:relative;gap:6px}.vtl-controls-left{display:flex;gap:5px;align-items:center}.vtl-controls-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px}.vtl-controls-right{margin-left:auto;display:flex;align-items:center;gap:5px}.vtl-controls button{background:none;border:1px solid #2a2a4a;color:#aab;border-radius:3px;cursor:pointer;padding:2px 8px;font-family:inherit;font-size:11px;height:22px;line-height:1}.vtl-controls button:hover{background:#1a1a3a;color:#fff}.vtl-controls button:disabled{opacity:.35;cursor:default}.vtl-add-btn{border-radius:3px;cursor:pointer;padding:2px 9px!important;font-family:inherit;font-size:10px;height:22px;line-height:1}.vtl-add-btn--video{background:#12101e!important;border-color:#43a!important;color:#86e!important}.vtl-add-btn--video:hover{background:#1e1438!important;color:#aа88ff!important}.vtl-add-btn--audio{background:#0e1e30!important;border-color:#25a!important;color:#58c!important}.vtl-add-btn--audio:hover{background:#1a3050!important;color:#8af!important}.vtl-export-btn{background:#0d2a18!important;border-color:#2a7a44!important;color:#4c7!important;padding:2px 10px!important}.vtl-export-btn:hover{background:#143820!important;color:#6e9!important}.vtl-export-btn--color{background:#101a14!important;border-color:#2a6a44!important;color:#5c8!important}.vtl-export-btn--color:hover{background:#143820!important;color:#8da!important}.vtl-time{color:#68a;white-space:nowrap;padding:0 4px}.vtl-scrubber{width:140px;height:20px;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;outline:none;flex-shrink:0}.vtl-scrubber:disabled{opacity:.3;cursor:default}.vtl-scrubber::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,#7755dd var(--scrubber-pct, 0%),#1e1e3a var(--scrubber-pct, 0%))}.vtl-scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#a8f;border:2px solid #7755dd;margin-top:-4px;cursor:pointer}.vtl-scrubber::-moz-range-track{height:4px;border-radius:2px;background:#1e1e3a}.vtl-scrubber::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#a8f;border:2px solid #7755dd}.vtl-zoom-btn,.vtl-tool-btn{background:none;border:1px solid #2a2a4a;color:#aab;border-radius:3px;cursor:pointer;padding:2px 6px;font-size:11px;font-family:inherit;height:22px;line-height:1;display:flex;align-items:center}.vtl-zoom-btn:hover,.vtl-tool-btn:hover{background:#1a1a3a;color:#fff}.vtl-tool-btn--active{border-color:#75d;color:#a8f;background:#150f30}.vtl-scroll-area{flex:1;overflow-x:auto;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:#4a2a88 #0d0d1e}.vtl-scroll-area::-webkit-scrollbar{height:8px;width:6px}.vtl-scroll-area::-webkit-scrollbar-track{background:#0d0d1e;border-radius:4px}.vtl-scroll-area::-webkit-scrollbar-thumb{background:#4a2a88;border-radius:4px;border:1px solid #2a1a44}.vtl-scroll-area::-webkit-scrollbar-thumb:hover{background:#5a3a99}.vtl-inner{position:relative;min-height:100%}.vtl-ruler-row{display:flex;height:22px;position:sticky;top:0;z-index:5;background:#0e0e20;border-bottom:1px solid #1a1a30}.vtl-track-label-head{width:120px;flex-shrink:0;position:sticky;left:0;z-index:4;border-right:1px solid #1a1a30;background:#0d0d1f}.vtl-ruler{position:relative;flex:1;cursor:pointer;overflow:hidden}.vtl-ruler:hover{background:#0f0f25}.vtl-ruler-mark{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.vtl-ruler-tick{width:1px;height:7px;background:#2a2a4a}.vtl-ruler-label{font-size:9px;color:#445;white-space:nowrap;margin-top:1px;transform:translate(-50%)}.vtl-playhead{position:absolute;top:-22px;bottom:0;width:1px;background:#c4f;pointer-events:none;z-index:10}.vtl-playhead:before{content:"▼";position:absolute;top:0;left:-4px;font-size:9px;color:#c4f;line-height:1}.vtl-playhead-line{position:absolute;top:0;bottom:0;width:1px;background:#cc44ff59;pointer-events:none;z-index:4}.vtl-section-divider{height:20px;display:flex;align-items:center;padding-left:8px;background:#0c0c1e;border-top:1px solid #1a1a30;border-bottom:1px solid #1a1a30;position:sticky;left:0;z-index:3}.vtl-section-divider span{font-size:9px;color:#334;letter-spacing:1.5px}.vtl-track-row{display:flex;position:relative;border-bottom:1px solid #111128;min-height:52px}.vtl-track-row--audio{height:52px}.vtl-track-row--active .vtl-track-label{border-left:2px solid #7755dd}.vtl-track-label{width:120px;flex-shrink:0;position:sticky;left:0;z-index:3;background:#0d0d1f;border-right:1px solid #1a1a30;border-left:2px solid transparent;padding:5px 8px;display:flex;flex-direction:column;justify-content:space-between;gap:3px;overflow:hidden}.vtl-track-label--video{border-left-color:#43a!important;background:#0d0c1f}.vtl-track-label-type{font-size:8px;color:#334;letter-spacing:1px}.vtl-track-name{font-size:10px;color:#79b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.vtl-track-label-btns{display:flex;flex-wrap:wrap;gap:4px}.vtl-track-label-btns button{background:none;border:none;color:#334;cursor:pointer;font-size:11px;padding:0 3px;font-family:inherit;line-height:1}.vtl-track-label-btns button:hover{color:#aab}.vtl-track-btn--mute-on{color:#f55!important}.vtl-track-btn--solo-on{color:#fc4!important}.vtl-track-expand-btn{font-size:10px!important;color:#556!important}.vtl-track-expand-btn:hover{color:#aab!important}.vtl-track-expand-btn--on{color:#4af!important}.vtl-track-volume-row{display:flex;align-items:center;gap:3px;width:100%;margin-top:2px}.vtl-track-volume-icon{font-size:9px;color:#556;flex-shrink:0}.vtl-track-volume-slider{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:#223;border-radius:2px;cursor:pointer;outline:none}.vtl-track-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#58c;cursor:pointer}.vtl-track-volume-slider:hover::-webkit-slider-thumb{background:#8af}.vtl-track-missing{display:flex;align-items:center;gap:4px}.vtl-track-missing-badge{font-size:9px;color:#f44;white-space:nowrap}.vtl-track-locate-btn{background:none;border:1px solid #993333!important;color:#f66!important;border-radius:3px;cursor:pointer;font-size:9px;padding:1px 5px;font-family:inherit;line-height:1;height:16px}.vtl-track-locate-btn:hover{background:#2a0e0e!important}.vtl-track-reconnect-badge{font-size:9px;color:#8af;white-space:nowrap}.vtl-track-reconnect-btn{background:none;border:1px solid #334477!important;color:#8af!important;border-radius:3px;cursor:pointer;font-size:9px;padding:1px 5px;font-family:inherit;line-height:1;height:16px}.vtl-track-resize-handle{position:absolute;bottom:0;left:0;right:0;height:6px;cursor:ns-resize;z-index:5}.vtl-track-resize-handle:hover{background:#7755dd40}.vtl-clip-area{flex:1;position:relative;background:#0a0a18;overflow:hidden}.vtl-clip{position:absolute;top:4px;bottom:4px;border-radius:3px;cursor:grab;overflow:hidden;display:flex;flex-direction:column}.vtl-clip:active{cursor:grabbing}.vtl-clip--audio{background:#1a3050;border:1px solid #2255aa}.vtl-clip--video{background:#1a1040;border:1px solid #5533aa}.vtl-clip--selected{border-color:#a8f!important;box-shadow:0 0 0 1px #a8f}.vtl-clip--razor-mode,.vtl-clip--razor-mode:active{cursor:col-resize}.vtl-clip-canvas{width:100%;flex:1;display:block;min-height:0}.vtl-clip-label{font-size:9px;color:#57a;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;line-height:14px}.vtl-clip--video .vtl-clip-label{color:#86c}.vtl-clip-effects-badges{position:absolute;top:3px;right:10px;display:flex;gap:2px;z-index:2}.vtl-clip-fx-badge{background:#aa64ffbf;color:#fff;font-size:8px;padding:0 3px;border-radius:2px;line-height:14px}.vtl-razor-line{position:absolute;top:0;bottom:0;width:1px;background:#f55;pointer-events:none;z-index:10;box-shadow:0 0 3px #f55}.vtl-trim-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:6;display:flex;align-items:center;justify-content:center}.vtl-trim-handle:after{content:"";width:2px;height:16px;background:#64aaff73;border-radius:1px}.vtl-trim-handle:hover:after{background:#b48cfff2}.vtl-trim-handle--left{left:0}.vtl-trim-handle--right{right:0}.vtl-empty-state{display:flex;align-items:center;justify-content:center;height:80px;color:#334;font-size:11px;font-style:italic}.vtl-empty-state strong{color:#65a;font-style:normal}.vtl-context-menu{position:fixed;background:#111128;border:1px solid #2a2a4a;border-radius:4px;z-index:1000;min-width:150px;box-shadow:0 4px 16px #0009;overflow:hidden}.vtl-context-menu button{display:block;width:100%;background:none;border:none;color:#aab;padding:7px 14px;text-align:left;cursor:pointer;font-size:11px;font-family:Consolas,Courier New,monospace;line-height:1.4}.vtl-context-menu button:hover{background:#1a1a3a;color:#fff}.vtl-context-divider{height:1px;background:#1a1a30;margin:2px 0}.vtl-auto-section{border-bottom:2px solid #1e1e38}.vtl-auto-header-row{display:flex;height:40px;background:#0c0c1e;border-bottom:1px solid #1a1a30;position:sticky;top:22px;z-index:4}.vtl-auto-header-label-cell{width:120px;flex-shrink:0;position:sticky;left:0;z-index:5;background:#0c0c1e;border-right:1px solid #1a1a30;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:5px 8px;gap:4px}.vtl-auto-section-title{font-size:9px;color:#334;letter-spacing:1.5px;text-transform:uppercase}.vtl-auto-add-btn{background:none;border:1px solid #2a2a4a;color:#57a;border-radius:3px;cursor:pointer;padding:2px 10px;font-family:Consolas,Courier New,monospace;font-size:10px;height:20px;line-height:1}.vtl-auto-add-btn:hover{background:#1a1a3a;color:#8af}.vtl-auto-add-btn:disabled{opacity:.3;cursor:default}.vtl-auto-header-spacer{flex:1}.vtl-auto-empty{display:flex;align-items:center;justify-content:center;height:32px;color:#334;font-size:10px;font-style:italic}.vtl-auto-empty strong{color:#57a;font-style:normal;margin:0 2px}.vtl-auto-lane{display:flex;height:44px;border-bottom:1px solid #111128}.vtl-auto-label{width:120px;flex-shrink:0;position:sticky;left:0;z-index:3;background:#0d0d1f;border-right:1px solid #1a1a30;padding:4px 22px 4px 6px;display:flex;flex-direction:column;justify-content:center;gap:3px;position:relative}.vtl-auto-select{width:100%;background:#0f0f22;border:1px solid #2a2a4a;color:#79b;border-radius:2px;font-family:Consolas,Courier New,monospace;font-size:9px;padding:1px 2px;height:15px;cursor:pointer}.vtl-auto-select:focus{outline:none;border-color:#45a}.vtl-auto-remove-btn{position:absolute;top:4px;right:3px;background:none;border:none;color:#334;cursor:pointer;font-size:10px;padding:0;line-height:1}.vtl-auto-remove-btn:hover{color:#f66}.vtl-auto-clip-area{flex:1;position:relative;background:#0a0a18;overflow:hidden;display:flex;align-items:center}.vtl-auto-segment{position:absolute;bottom:0;background:linear-gradient(to top,#53a,#74c);border-radius:2px 2px 0 0;opacity:.75;transition:height .1s}.vtl-auto-segment--off{background:linear-gradient(to top,#223,#334);opacity:.5}.vtl-auto-keyframe-marker{position:absolute;top:0;bottom:0;width:6px;background:#aa64ff99;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.vtl-add-btn--image{background:#12100e!important;border-color:#a72!important;color:#c94!important}.vtl-add-btn--image:hover{background:#1e1a10!important;color:#fb6!important}.vtl-track-label--image{border-left-color:#a72!important;background:#100e08}.vtl-clip--image{background:#201808;border:1px solid #aa7722;background-size:cover;background-position:center}.vtl-clip--image .vtl-clip-label--image{color:#c94}.vtl-clip-duration-badge{position:absolute;bottom:3px;right:10px;font-size:8px;color:#cc9944b3;pointer-events:none;line-height:1}.vtl-clip-opacity-badge{position:absolute;bottom:3px;left:10px;font-size:8px;color:#a0c8ffcc;pointer-events:none;line-height:1}.vtl-audio-sublane-row{display:flex;height:36px;border-bottom:1px solid #111128;background:#070710}.vtl-audio-sublane-label{width:120px;flex-shrink:0;position:sticky;left:0;z-index:3;background:#090914;border-right:1px solid #1a1a30;border-left:2px solid #1a3050;padding:3px 6px;display:flex;align-items:center;gap:5px;overflow:hidden}.vtl-audio-sublane-mute{background:none;border:none;cursor:pointer;font-size:12px;padding:0;line-height:1;flex-shrink:0;opacity:.7}.vtl-audio-sublane-mute:hover{opacity:1}.vtl-audio-sublane-mute--on{opacity:.4}.vtl-audio-sublane-title{font-size:8px;color:#2a4a6a;letter-spacing:1px;text-transform:uppercase}.vtl-audio-sublane-clip-area{flex:1;position:relative;background:#070710;overflow:hidden}.vtl-embedded-audio-clip{position:absolute;top:3px;bottom:3px;border-radius:2px;overflow:hidden;border:1px solid #1a3050;background:#0a1a28}.vtl-track-btn--audio-on{color:#4af!important}.vtl-auto-lanes-overlay{position:absolute;top:4px;bottom:4px;z-index:5;pointer-events:none;background:#080a1659;border-top:1px solid rgba(92,200,255,.25);border-bottom:1px solid rgba(92,200,255,.25)}.vtl-auto-lanes-overlay .vtl-auto-lane{height:100%!important;background:transparent;border:none;pointer-events:none}.vtl-auto-lanes-overlay .vtl-auto-lane-svg{background:transparent;width:100%;height:100%;pointer-events:none}.vtl-auto-lanes-overlay .vtl-auto-lane-svg .vtl-auto-lane-anchor,.vtl-auto-lanes-overlay .vtl-auto-lane-chip,.vtl-auto-lanes-overlay .vtl-auto-lane-anchor-popover{pointer-events:auto}.vtl-auto-lane-anchor-popover{position:absolute;transform:translate(-50%,-50%);z-index:20;display:flex;align-items:center;gap:6px;padding:3px 6px;background:#14141f;border:1px solid #5cc8ff;border-radius:4px;box-shadow:0 2px 10px #0009;font-size:10px;color:#ccd;white-space:nowrap}.vtl-auto-lane-anchor-popover-label{color:#5cc8ff;font-weight:600}.vtl-auto-lane-anchor-popover-slider{-webkit-appearance:none;appearance:none;width:110px;height:4px;background:#1e1e3a;border-radius:2px;cursor:pointer;outline:none}.vtl-auto-lane-anchor-popover-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#5cc8ff;cursor:pointer}.vtl-auto-lane-anchor-popover-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#5cc8ff;border:none;cursor:pointer}.vtl-auto-lane-anchor-popover-value{color:#aab;font-variant-numeric:tabular-nums;min-width:32px;text-align:right}.vtl-auto-lane-anchor-popover-del,.vtl-auto-lane-anchor-popover-close{background:none;border:none;color:#889;cursor:pointer;padding:0 2px;font-size:11px;line-height:1}.vtl-auto-lane-anchor-popover-del:hover{color:#f67}.vtl-auto-lane-anchor-popover-close:hover{color:#fff}.vtl-track-auto-prop-select{width:100%;background:#0f0f22;border:1px solid #2a2a4a;color:#5cc8ff;border-radius:2px;font-family:Consolas,Courier New,monospace;font-size:9px;padding:1px 2px;height:16px;cursor:pointer;margin-top:2px}.vtl-track-auto-prop-select:focus{outline:none;border-color:#45a}.vtl-track-auto-prop-select:hover{border-color:#3a4a7a}.vtl-auto-lane-chip{position:absolute;left:4px;top:2px;z-index:2;display:flex;align-items:center;gap:6px;padding:1px 5px;background:#080a12d9;border:1px solid #1f2a3d;border-radius:3px;font-size:9px;color:#5cc8ff;pointer-events:auto}.vtl-auto-lane-label{font-weight:600;letter-spacing:.3px}.vtl-auto-lane-value{color:#889;font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.vtl-auto-lane-close{background:none;border:none;color:#556;cursor:pointer;font-size:10px;padding:0 2px;line-height:1}.vtl-auto-lane-close:hover{color:#f67}.vtl-auto-lane-svg{display:block;cursor:crosshair}.vtl-auto-lane-anchor{cursor:grab}.vtl-auto-lane-anchor:hover{stroke:#fff;stroke-width:1.5}.vtl-auto-lane-menu{position:fixed;z-index:1000;background:#14141f;border:1px solid #2a2a4a;border-radius:4px;padding:4px 0;display:flex;flex-direction:column;min-width:140px;box-shadow:0 4px 16px #00000080}.vtl-auto-lane-menu button{background:none;border:none;color:#ccc;text-align:left;padding:5px 10px;font-size:11px;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:8px}.vtl-auto-lane-menu button:hover{background:#1f1f3a}.vtl-auto-lane-menu-sep{height:1px;background:#2a2a4a;margin:4px 0}.vtl-auto-lane-menu-title{font-size:9px;color:#667;letter-spacing:1px;padding:4px 10px 2px;text-transform:uppercase}.vtl-auto-lane-menu-swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.vfx-panel{display:flex;flex-direction:column;gap:1px;background:#09091a;border-top:1px solid #1a1a30;font-family:Consolas,Courier New,monospace;font-size:11px;color:#aab;-webkit-user-select:none;user-select:none;padding-bottom:6px}.vfx-panel--empty{align-items:center;justify-content:center;min-height:60px;color:#334;font-style:italic;font-size:10px}.vfx-panel-title{font-size:9px;color:#334;letter-spacing:1.5px;padding:8px 10px 4px;border-bottom:1px solid #1a1a30;margin-bottom:4px}.vfx-effect{margin:0 6px;border-radius:4px;border:1px solid #1a1a30;overflow:hidden}.vfx-effect--active{border-color:#53a;background:#0e0a1e}.vfx-effect-header{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#0d0d1f;cursor:default}.vfx-effect--active .vfx-effect-header{background:#110e22}.vfx-effect-icon{font-size:13px;flex-shrink:0}.vfx-effect-name{flex:1;font-size:10px;color:#79b}.vfx-section-header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 5px;background:#0c0b1a;border-bottom:1px solid #1a1a30;border-top:2px solid #2a1a55;margin-top:6px}.vfx-section-header:first-child{margin-top:0;border-top:none}.vfx-section-header--audio{border-top-color:#1a3055;background:#090e1a}.vfx-section-title{font-size:9px;letter-spacing:2px;color:#97d;font-family:Consolas,monospace}.vfx-section-header--audio .vfx-section-title{color:#59c}.vfx-section-add-btn{background:#12102a;border:1px solid #2a2a50;color:#75c;font-family:Consolas,monospace;font-size:9px;padding:3px 8px;border-radius:3px;cursor:pointer;letter-spacing:.3px}.vfx-section-add-btn:hover{background:#1a1840;border-color:#54a;color:#a8f}.vfx-section-header--audio .vfx-section-add-btn{color:#37a;border-color:#1e3a55;background:#080f18}.vfx-section-header--audio .vfx-section-add-btn:hover{background:#0e1a28;border-color:#25a;color:#5af}.vfx-effect-picker{display:flex;flex-direction:column;gap:1px;margin:0 6px 4px;background:#0d0b20;border:1px solid #2a1a55;border-radius:4px;overflow:hidden}.vfx-effect-picker-item{background:none;border:none;color:#78b;font-family:Consolas,monospace;font-size:10px;padding:5px 10px;text-align:left;cursor:pointer}.vfx-effect-picker-item:hover{background:#151230;color:#a8f}.vfx-effect-picker-none{display:block;font-size:10px;color:#334;padding:6px 10px;font-style:italic}.vfx-prop-group--effects{background:#0d0a1a;border-color:#2a1a55}.vfx-toggle-btn{background:none;border:1px solid #2a2a4a;color:#334;border-radius:3px;cursor:pointer;padding:1px 7px;font-size:9px;font-family:inherit;height:18px;line-height:1}.vfx-toggle-btn:hover{background:#1a1a3a;color:#aab}.vfx-toggle-btn--on{border-color:#75d;color:#a8f;background:#150f30}.vfx-toggle-btn--on:hover{background:#1c1440}.vfx-params{padding:6px 8px;display:flex;flex-direction:column;gap:5px;background:#0a0818}.vfx-param-row{display:flex;align-items:center;gap:6px;min-width:0}.vfx-param-label{font-size:9px;color:#57a;width:64px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vfx-param-slider{flex:1 1 0;min-width:0;height:14px;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;outline:none}.vfx-param-slider::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:#1e1e3a}.vfx-param-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#75d;border:1px solid #aa88ff;margin-top:-3.5px;cursor:pointer}.vfx-param-slider::-moz-range-track{height:3px;border-radius:2px;background:#1e1e3a}.vfx-param-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#75d;border:1px solid #aa88ff}.vfx-param-value{font-size:9px;color:#57a;width:28px;text-align:right;flex-shrink:0}.vfx-image-transforms{display:flex;flex-direction:column;gap:3px;padding:6px 10px;background:#0c0a06;border:1px solid #2a1e08;border-radius:4px;margin:0 8px}.vfx-color-preview-row{display:flex;align-items:center;gap:8px;padding-top:2px}.vfx-hue-swatch{width:24px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.15)}.vfx-arrow{font-size:11px;color:#445}.vfx-tabs{display:flex;border-bottom:1px solid #1a1a30;background:#07070f}.vfx-tab{flex:1;background:none;border:none;color:#334;font-family:inherit;font-size:9px;letter-spacing:1px;padding:6px 0;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.vfx-tab:hover{color:#79b}.vfx-tab--active{color:#a8f;border-bottom-color:#75d}.vfx-props-section{display:flex;flex-direction:column;gap:4px;padding:6px 0}.vfx-prop-group{margin:0 6px;padding:6px 8px;background:#0a0818;border:1px solid #1a1a30;border-radius:4px;display:flex;flex-direction:column;gap:5px;min-width:0;overflow:hidden}.vfx-prop-group--dim{opacity:.6}.vfx-prop-group-title{font-size:8px;color:#334;letter-spacing:1.5px;padding-bottom:3px;border-bottom:1px solid #151528}.vfx-number-input{width:70px;background:#0d0d20;border:1px solid #2a2a4a;color:#aab;font-family:inherit;font-size:10px;padding:2px 5px;border-radius:3px;outline:none}.vfx-number-input:focus{border-color:#75d}.vfx-auto-hint{font-size:9px;color:#334;font-style:italic}.vfx-kf-btn{background:none;border:1px solid #2a2a4a;color:#334;border-radius:3px;cursor:pointer;padding:1px 5px;font-size:9px;font-family:inherit;height:18px;line-height:1;flex-shrink:0;white-space:nowrap}.vfx-kf-btn:hover{background:#1a1a3a;color:#aab}.vfx-kf-btn--active{border-color:#c80;color:#fa0;background:#1a1200}.vfx-kf-btn--active:hover{background:#231800}.vfx-show-lane-btn{background:#14142a;border:1px solid #3a3a5a;color:#99aac8;border-radius:3px;cursor:pointer;padding:1px 5px;font-size:10px;font-family:inherit;height:18px;min-width:22px;line-height:1;flex-shrink:0;white-space:nowrap}.vfx-show-lane-btn:hover{background:#1f1f3f;color:#cde;border-color:#5cc8ff}.vfx-show-lane-btn--active{border-color:#5cc8ff;color:#5cc8ff;background:#082236;box-shadow:0 0 4px #5cc8ff59}.vfx-show-lane-btn--active:hover{background:#0c2c44}.vfx-advanced-toggle{background:none;border:none;color:#99aac8;cursor:pointer;padding:4px 0;font-size:10px;text-align:left;font-family:inherit;align-self:flex-start}.vfx-advanced-toggle:hover{color:#fff}.vfx-param-block{display:flex;flex-direction:column}.vfx-ar-block{background:#080816;border-left:2px solid #1a2a44;margin:0 0 4px}.vfx-ar-header{display:flex;align-items:center;gap:6px;padding:3px 8px}.vfx-ar-toggle{background:none;border:1px solid #2a3a5a;color:#556;font-family:Consolas,Courier New,monospace;font-size:10px;padding:2px 8px;border-radius:3px;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s}.vfx-ar-toggle--on{border-color:#57c;color:#79f}.vfx-ar-toggle:hover{border-color:#79f;color:#aac}.vfx-ar-expand{background:none;border:none;color:#556;font-size:11px;cursor:pointer;padding:0 2px;font-family:inherit;flex-shrink:0}.vfx-ar-expand:hover{color:#aac}.vfx-ar-intensity{flex:1;min-width:0;accent-color:#5577cc;height:3px;cursor:pointer}.vfx-ar-spectrum{padding:0 6px 6px}.vfx-ar-spectrum .audio-spectrum-selector{width:100%}.vfx-ar-spectrum .spectrum-canvas{width:100%!important;height:100px!important;display:block}.vfx-ar-spectrum .spectrum-inputs{display:flex;flex-wrap:wrap;gap:4px}.vfx-ar-spectrum .spectrum-input-group{display:flex;flex-direction:column;font-size:9px;gap:2px;flex:1;min-width:48px}.vfx-ar-spectrum .spectrum-input-group label{color:#556;font-size:9px}.vfx-ar-spectrum .spectrum-input-group input{background:#0f0f22;border:1px solid #2a2a4a;color:#aab;font-family:Consolas,Courier New,monospace;font-size:10px;padding:2px 4px;border-radius:2px;width:100%;box-sizing:border-box}.vfx-ar-spectrum .spectrum-label{display:none}.vpp-root{display:flex;flex-direction:column;height:100%;background:#050508;position:relative}.vpp-canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;position:relative}.vpp-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#000000b8;z-index:10;pointer-events:none}.vpp-loading-bar{width:220px;height:6px;background:#1e2a3a;border-radius:3px;overflow:hidden}.vpp-loading-fill{height:100%;background:#3af;border-radius:3px;transition:width .1s linear}.vpp-loading-text{font-size:12px;color:#8bc;letter-spacing:.04em;font-family:monospace}.vpp-canvas{max-width:100%;max-height:100%;object-fit:contain;display:block;image-rendering:auto}.vpp-canvas--portrait{max-width:min(100%,56.25vh);max-height:100%}.vpp-bar{display:flex;align-items:center;gap:12px;padding:4px 10px;background:#0c0c14;border-top:1px solid #1a1a24;flex-shrink:0;font-family:Consolas,monospace;font-size:11px;color:#556}.vpp-time{color:#778;min-width:90px}.vpp-active-track{color:#446;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vpp-resolution{color:#334}.vpp-orient-btn{background:#0d0d1e;border:1px solid #1e1e36;color:#334;font-family:Consolas,monospace;font-size:9px;padding:2px 7px;border-radius:3px;cursor:pointer;letter-spacing:.3px}.vpp-orient-btn:hover{background:#141428;color:#778;border-color:#2a2a4a}.vpp-orient-btn--active{border-color:#54a;color:#a8f;background:#110e26}.ci-root{display:flex;flex-direction:column;height:100%;background:#08080f;overflow-y:auto;font-family:Consolas,monospace;font-size:11px;color:#aab}.ci-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 6px;border-bottom:1px solid #1a1a28;flex-shrink:0;background:#0b0b14}.ci-title{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#67a}.ci-count{font-size:10px;color:#334}.ci-add-media-row{padding:8px 10px;border-bottom:1px solid #12121e;flex-shrink:0}.ci-add-media-btn{width:100%;background:#151528;border:1px dashed #2a2a50;color:#78c;font-family:Consolas,monospace;font-size:11px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;letter-spacing:.5px}.ci-add-media-btn:hover{background:#1a1a35;border-color:#4a5acc;color:#9af}.ci-empty{padding:20px 12px;color:#334;font-size:11px;text-align:center;line-height:1.5}.ci-media-card{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 10px;border-bottom:1px solid #10101c;cursor:pointer;transition:background .1s;position:relative}.ci-media-card:hover{background:#0f0f1e}.ci-media-card--selected{background:#0d0d22;border-left:2px solid #4a7aff}.ci-media-card--audio{cursor:default}.ci-media-thumb-wrap{flex-shrink:0;width:56px;height:36px;border-radius:3px;overflow:hidden;background:#0d0d1a;display:flex;align-items:center;justify-content:center}.ci-thumb{width:56px;height:36px;object-fit:cover;border-radius:3px;display:block}.ci-thumb--image,.ci-thumb--video{width:56px;height:36px;object-fit:cover}.ci-thumb--audio,.ci-thumb--loading{width:56px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#0d1020}.ci-thumb--audio{background:#0a1220}.ci-media-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ci-media-name{font-size:11px;color:#89b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ci-media-meta{font-size:9px;color:#3a3a60;letter-spacing:.3px}.ci-media-selected-badge{font-size:9px;color:#4a7aff;letter-spacing:.3px}.ci-remove-btn{background:none;border:none;color:#333;cursor:pointer;font-size:11px;padding:2px 4px;line-height:1;flex-shrink:0;border-radius:2px}.ci-remove-btn:hover{color:#a55;background:#1a0a0a}.vtm-modal{min-width:620px;max-width:760px}.vtm-desc{color:#89a;font-size:12px;margin:0 0 16px}.vtm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.vtm-card{background:#101820;border:1px solid #2a3a4a;border-radius:6px;padding:10px 12px;cursor:pointer;transition:border-color .15s,background .15s}.vtm-card:hover{border-color:#3a7bd5;background:#12202e}.vtm-card--selected{border-color:#3a7bd5;background:#14233a}.vtm-card-name{font-weight:600;font-size:13px;color:#c8d8e8;margin-bottom:4px}.vtm-card-desc{font-size:11px;color:#678;margin-bottom:8px}.vtm-card-tracks{display:flex;flex-direction:column;gap:3px}.vtm-card-track{font-size:11px;color:#89b;display:flex;align-items:center;gap:6px}.vtm-kind-badge{font-size:9px;text-transform:uppercase;padding:1px 5px;border-radius:3px;font-weight:700}.vtm-kind-badge--video{background:#1a3a5a;color:#6ab0f5}.vtm-kind-badge--image{background:#2a1a4a;color:#c090f5}.vtm-apply-btn{width:100%;padding:9px 0;background:#1e4a8a;color:#c8d8f8;border:none;border-radius:5px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.vtm-apply-btn:hover:not(:disabled){background:#2a5fa0}.vtm-apply-btn:disabled{opacity:.4;cursor:default}.vtm-placeholder-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid #1a2a3a;font-size:12px;color:#89a}.vtm-placeholder-name{flex:1}.vtm-replace-btn{background:#1a3a5a;color:#6ab0f5;border:1px solid #2a5a8a;border-radius:4px;padding:4px 10px;font-size:11px;cursor:pointer;transition:background .15s}.vtm-replace-btn:hover{background:#224a70}.vem-modal{min-width:480px;max-width:560px}.vem-row{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;margin-bottom:12px}.vem-label{font-size:12px;color:#89a;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.vem-input{background:#101820;border:1px solid #2a3a4a;border-radius:4px;color:#c8d8e8;padding:6px 8px;font-size:13px;width:100%;box-sizing:border-box}.vem-input:focus{outline:none;border-color:#3a7bd5}.vem-input--num{max-width:140px}.vem-toggle-group{display:flex;gap:6px}.vem-toggle{background:#101820;border:1px solid #2a3a4a;border-radius:4px;color:#89a;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.vem-toggle:hover{border-color:#3a7bd5;color:#c8d8e8}.vem-toggle--active{background:#14233a;border-color:#3a7bd5;color:#c8d8e8}.vem-summary{font-size:12px;color:#89a;margin-top:4px;padding-top:8px;border-top:1px solid #1a2530}.vem-summary strong{color:#c8d8e8}.vem-error{background:#2a1414;border:1px solid #5a2020;border-radius:4px;color:#f08080;padding:6px 10px;font-size:12px;margin:4px 0 8px}.vem-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px 16px}.vem-primary-btn{background:#3a7bd5;border:none;border-radius:4px;color:#fff;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.vem-primary-btn:hover:not(:disabled){background:#4a8be5}.vem-primary-btn:disabled{background:#2a3a4a;color:#5a6a7a;cursor:not-allowed}.vem-secondary-btn{background:transparent;border:1px solid #2a3a4a;border-radius:4px;color:#89a;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap}.vem-secondary-btn:hover{border-color:#3a7bd5;color:#c8d8e8}.ved-body{flex:1;display:flex;min-height:0;overflow:hidden}.ved-center{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#000}.ved-drawer-left,.ved-drawer-right{display:flex;flex-direction:row;flex-shrink:0;background:#09090f;overflow:hidden;transition:width .2s}.ved-drawer-left{width:248px;border-right:1px solid #1a1a28}.ved-drawer-right{width:248px;border-left:1px solid #1a1a28}.ved-drawer--closed.ved-drawer-left,.ved-drawer--closed.ved-drawer-right{width:28px}.ved-drawer-toggle{flex-shrink:0;width:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#0d0d1c;border:none;color:#445;cursor:pointer;font-size:11px;padding:8px 0;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;transition:background .15s,color .15s;position:static;transform:none}.ved-drawer-toggle:hover{color:#99a;background:#111128}.ved-drawer-left{flex-direction:row}.ved-drawer-left .ved-drawer-toggle{order:2;border-left:1px solid #1a1a28}.ved-drawer-right{flex-direction:row}.ved-drawer-right .ved-drawer-toggle{order:1;border-right:1px solid #1a1a28}.ved-toggle-label{font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.ved-drawer-content{flex:1;overflow-y:auto;min-height:0;min-width:0;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#4a2a88 #0d0d1e;order:1}.ved-drawer-content::-webkit-scrollbar{width:5px}.ved-drawer-content::-webkit-scrollbar-track{background:#0d0d1e}.ved-drawer-content::-webkit-scrollbar-thumb{background:#4a2a88;border-radius:3px}.ved-drawer-right .ved-drawer-content{order:2}.ved-drawer--closed .ved-drawer-content{display:none}.ved-right-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0;scrollbar-width:thin;scrollbar-color:#4a2a88 #0d0d1e}.ved-right-content::-webkit-scrollbar{width:5px}.ved-right-content::-webkit-scrollbar-track{background:#0d0d1e}.ved-right-content::-webkit-scrollbar-thumb{background:#4a2a88;border-radius:3px}.ce-root{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;background:#0b0b18;border-radius:6px;border:1px solid #1a1a30}.ce-tabs{display:flex;gap:4px;align-items:center;width:100%}.ce-tab{flex:1;background:none;border:1px solid #1e1e38;color:#445;border-radius:3px;cursor:pointer;padding:3px 0;font-family:Consolas,Courier New,monospace;font-size:10px;line-height:1;transition:color .1s,border-color .1s}.ce-tab:hover{color:#aab;border-color:#2a2a4a}.ce-tab--active{border-color:var(--ch-color, #777);color:var(--ch-color, #fff);background:#ffffff0a}.ce-reset-btn{background:none;border:1px solid #1e1e38;color:#334;border-radius:3px;cursor:pointer;padding:3px 7px;font-size:12px;line-height:1;flex-shrink:0}.ce-reset-btn:hover{color:#f88;border-color:#f44}.ce-canvas{border-radius:4px;border:1px solid #1a1a30;display:block;touch-action:none}.ce-hint{font-family:Consolas,Courier New,monospace;font-size:9px;color:#2a2a44;text-align:center}.cw-root{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:10px 0}.cw-wheel-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.cw-wheel-title{display:flex;align-items:center;gap:6px;font-family:Consolas,Courier New,monospace;font-size:10px;color:#79b;letter-spacing:1px;text-transform:uppercase;width:100%;justify-content:space-between}.cw-reset-btn{background:none;border:1px solid #1e1e38;color:#334;border-radius:3px;cursor:pointer;padding:1px 5px;font-size:11px;line-height:1}.cw-reset-btn:hover{color:#f88;border-color:#f44}.cw-canvas{border-radius:50%;display:block;cursor:crosshair;touch-action:none;border:1px solid #111}.cw-wheel-bottom{display:flex;flex-direction:column;gap:4px;width:100%}.cw-swatch{height:4px;border-radius:2px;border:1px solid #111;background:transparent}.cw-lift-row{display:flex;align-items:center;gap:4px}.cw-lift-label{font-family:Consolas,Courier New,monospace;font-size:9px;color:#445;width:22px;flex-shrink:0}.cw-lift-slider{flex:1;height:16px;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;outline:none}.cw-lift-slider::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,#0d3040,#1e6080,#0d3040)}.cw-lift-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#4ac;border:1px solid #0a1a20;margin-top:-3.5px;cursor:pointer}.cw-lift-val{font-family:Consolas,Courier New,monospace;font-size:9px;color:#57a;width:36px;text-align:right;flex-shrink:0}.cw-hue-label{font-family:Consolas,Courier New,monospace;font-size:9px;color:#2a3a4a;text-align:center}.cd-root{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#09091a;border:1px solid #1a1a30;border-radius:6px}.cd-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.cd-title{font-family:Consolas,Courier New,monospace;font-size:9px;color:#334;letter-spacing:1.5px;text-transform:uppercase}.cd-reset-all{background:none;border:1px solid #1e1e38;color:#334;border-radius:3px;cursor:pointer;padding:2px 8px;font-family:Consolas,Courier New,monospace;font-size:9px;line-height:1}.cd-reset-all:hover{color:#f88;border-color:#f44}.cd-grid{display:flex;flex-direction:column;gap:5px}.cd-dial-row{display:flex;align-items:center;gap:8px}.cd-dial-label{font-family:Consolas,Courier New,monospace;font-size:10px;color:#57a;width:76px;flex-shrink:0;text-align:right}.cd-slider{flex:1;height:20px;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;outline:none}.cd-slider::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:var(--cd-track, #1e1e3a)}.cd-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#e0e0f0;border:2px solid #2a2a50;margin-top:-4px;cursor:pointer;box-shadow:0 1px 4px #0009}.cd-slider::-webkit-slider-thumb:hover{background:#fff}.cd-slider::-moz-range-track{height:5px;border-radius:3px;background:var(--cd-track, #1e1e3a)}.cd-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#e0e0f0;border:2px solid #2a2a50}.cd-dial-val{font-family:Consolas,Courier New,monospace;font-size:10px;color:#57a;width:36px;text-align:right;flex-shrink:0}.vgp-root{display:flex;flex-direction:column;height:100%;background:#0d0d0f;border-radius:6px;overflow:hidden}.vgp-toolbar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#18181c;border-bottom:1px solid #2a2a30;flex-shrink:0}.vgp-load-btn,.vgp-play-btn,.vgp-split-btn{background:#252530;color:#ccc;border:1px solid #3a3a44;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:12px;white-space:nowrap;transition:background .15s}.vgp-load-btn:hover{background:#2e2e3e}.vgp-play-btn:hover{background:#1a3550;color:#7af}.vgp-split-btn:hover{background:#2a3a2a}.vgp-split-btn--active{background:#1a4a1a;border-color:#3a8a3a;color:#6d6}.vgp-time{font-size:12px;color:#888;font-family:monospace;white-space:nowrap;min-width:80px}.vgp-scrubber{flex:1;min-width:60px;accent-color:#4a8aff;height:4px;cursor:pointer}.vgp-canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;position:relative}.vgp-video-hidden{display:none}.vgp-canvas{max-width:100%;max-height:100%;object-fit:contain;display:block}.vgp-empty{display:flex;flex-direction:column;align-items:center;gap:10px;color:#555;cursor:pointer;padding:24px;border:2px dashed #2a2a35;border-radius:8px;transition:border-color .15s,color .15s}.vgp-empty:hover{border-color:#4a4a60;color:#888}.vgp-empty-icon{font-size:40px}.cga-root{display:flex;flex-direction:column;height:100%;background:#07070f;font-family:Consolas,Courier New,monospace;font-size:11px;color:#aab;overflow:hidden}.cga-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:40px;background:#0b0b1a;border-bottom:1px solid #1a1a30;flex-shrink:0}.cga-logo{font-size:14px;font-weight:600;color:#8db;letter-spacing:.5px}.cga-export-panel{display:flex;gap:6px;align-items:center}.cga-export-btn{background:none;border:1px solid #2a3a2a;color:#5a7;border-radius:3px;cursor:pointer;padding:3px 10px;font-family:inherit;font-size:10px;height:24px;line-height:1;white-space:nowrap}.cga-export-btn:hover{background:#0d1e14;color:#8da;border-color:#3a5a3a}.cga-export-btn--copy{border-color:#2a2a4a;color:#57a}.cga-export-btn--copy:hover{background:#0d0d24;color:#8ad;border-color:#3a3a6a}.cga-export-btn--import{border-color:#2a2a4a;color:#a75}.cga-export-btn--import:hover{background:#1a1008;color:#da8;border-color:#4a3a2a}.cga-export-btn--reset{border-color:#3a1a1a;color:#a55}.cga-export-btn--reset:hover{background:#1a0808;color:#d88;border-color:#5a2a2a}.cga-body{flex:1;display:flex;gap:1px;overflow:hidden;min-height:0;background:#111120}.cga-preview-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;border-right:1px solid #1a1a28}.cga-controls-col{flex:0 0 auto;width:620px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.cga-lower-row{flex:1;display:flex;gap:1px;overflow:hidden;min-height:0}.cga-panel{display:flex;flex-direction:column;padding:10px;background:#08081a;overflow:auto;gap:8px;min-width:0}.cga-panel--curves{flex:0 0 auto;min-height:220px;border-bottom:1px solid #111128}.cga-panel--wheels{flex:1;border-right:1px solid #111128;min-width:0}.cga-panel--dials{flex:0 0 200px}.cga-panel-title{font-size:9px;color:#334;letter-spacing:1.5px;text-transform:uppercase;padding-bottom:4px;border-bottom:1px solid #111128}.cc-backdrop{position:fixed;inset:0;z-index:9000;background:#000000a6;display:flex;align-items:flex-end;justify-content:center;padding:24px}.cc-modal{width:100%;max-width:520px;background:#0f0f22;border:1px solid #2a2a4a;border-radius:10px;padding:24px;font-family:Consolas,Courier New,monospace;font-size:12px;color:#ccd;box-shadow:0 8px 40px #0009}.cc-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cc-icon{font-size:20px}.cc-title{margin:0;font-size:14px;font-weight:600;color:#eef;font-family:inherit}.cc-body{color:#889;line-height:1.6;margin:0 0 16px}.cc-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;background:#0a0a18;border:1px solid #1e1e3a;border-radius:6px;padding:12px}.cc-option{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;cursor:pointer}.cc-option--disabled{opacity:.5;cursor:not-allowed}.cc-option-info{display:flex;flex-direction:column;gap:2px}.cc-option-name{color:#ccd;font-weight:600}.cc-option-desc{color:#667;font-size:11px}.cc-option input[type=checkbox]{margin-top:2px;accent-color:#7799ff;width:14px;height:14px;flex-shrink:0}.cc-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cc-btn{font-family:Consolas,Courier New,monospace;font-size:11px;padding:7px 16px;border-radius:6px;cursor:pointer;border:none;transition:opacity .15s}.cc-btn--secondary{background:#1a1a32;border:1px solid #2a2a4a;color:#889}.cc-btn--secondary:hover{border-color:#79f;color:#ccd}.cc-perm-section{margin-bottom:16px}.cc-perm-grid{display:flex;flex-direction:column;gap:10px;background:#0a0a18;border:1px solid #1e1e3a;border-radius:6px;padding:12px}.cc-perm-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cc-perm-row--disabled{opacity:.5}.cc-perm-info{display:flex;flex-direction:column;gap:2px}.cc-perm-name{color:#ccd;font-weight:600;font-size:12px}.cc-perm-desc{color:#667;font-size:11px}.cc-perm-row input[type=checkbox]{margin-top:2px;accent-color:#7799ff;width:14px;height:14px;flex-shrink:0}.cc-perm-save-msg{font-size:11px;color:#8f9;margin-top:4px}