:root{--bg:#111318;--panel:#181a20;--panel2:#1d2027;--panel3:#242730;--line:#2c3039;--muted:#9298a5;--text:#e9ebf0;--cyan:#53e7dc;--cyan2:#17c9bc;--purple:#7c5cff;--danger:#ff596d;--track-h:54px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0e1014;color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,select{font:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-shell{height:100vh;min-width:1024px;display:grid;grid-template-rows:46px minmax(320px,56vh) minmax(280px,1fr);background:var(--bg)}button{color:inherit;background:none;border:0;cursor:pointer}.titlebar{display:flex;align-items:center;border-bottom:1px solid #252831;background:#17191f;padding:0 10px;gap:18px;user-select:none}.brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:650;letter-spacing:-.4px}.brand-mark{width:24px;height:24px;position:relative;display:block;transform:rotate(-45deg)}.brand-mark i{position:absolute;width:10px;height:20px;border-radius:1px;background:linear-gradient(180deg,#62f2dd,#20cdbc)}.brand-mark i:first-child{left:1px;top:1px}.brand-mark i:last-child{right:1px;bottom:1px;background:linear-gradient(180deg,#a67cff,#7754f5)}.menu{display:flex;gap:2px}.menu button{color:#b7bbc5;padding:8px 7px;border-radius:4px;font-size:13px}.menu button:hover{background:#292c34;color:#fff}.project-name{position:absolute;left:50%;transform:translateX(-50%);font-size:13px;color:#c9ccd3}.project-name span{color:#777e8b;margin-left:5px}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-button{width:30px;height:30px;display:grid;place-items:center;border-radius:5px;color:#aeb3bf;position:relative}.icon-button:hover{background:#282b33}.has-dot:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#ff5870;right:5px;top:5px}.login-button{height:30px;padding:0 14px;border:1px solid #484d59;border-radius:5px;background:#22252c;font-size:13px}.export-button{height:32px;padding:0 15px;border-radius:5px;background:linear-gradient(135deg,#66e9da,#46d8ca);color:#071d1b;font-weight:650;display:flex;align-items:center;gap:7px}.export-button:hover{filter:brightness(1.08)}.top-workspace{min-height:0;display:grid;grid-template-columns:88px minmax(340px,30vw) minmax(420px,1fr) minmax(250px,20vw);border-bottom:1px solid var(--line)}.rail,.media-panel,.preview-panel,.inspector{min-width:0;background:var(--panel);border-right:1px solid var(--line)}.rail{padding:10px 5px;overflow-y:auto}.rail-item{width:100%;height:48px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9ba1ae;font-size:11px}.rail-item svg{width:19px;height:19px}.rail-item:hover{background:#242730;color:#eef0f4}.rail-item.active{color:var(--cyan);background:#252a30}.media-panel{display:flex;flex-direction:column}.panel-heading{height:45px;display:flex;align-items:center;padding:0 13px;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:14px;font-weight:600;margin:0}.dots{margin-left:auto;color:#89909d}.media-layout{display:grid;grid-template-columns:122px 1fr;min-height:0;height:100%}.media-tree{padding:8px 5px;border-right:1px solid var(--line);overflow-y:auto}.media-tree button{width:100%;height:30px;display:flex;align-items:center;gap:5px;color:#afb4be;text-align:left;padding:0 6px;border-radius:4px;font-size:12px;white-space:nowrap}.media-tree button svg{width:14px;height:14px;color:#858c98}.media-tree button span:last-child{margin-left:auto;color:#777e88}.media-tree button:hover,.media-tree button.active{background:#2a2e36;color:#fff}.tree-child{padding-left:29px!important}.chevron{width:10px}.tree-divider{height:1px;background:#2b2e36;margin:7px}.library{display:flex;flex-direction:column;min-width:0}.library-tools{height:43px;display:flex;align-items:center;gap:6px;padding:0 9px}.library-tools button{height:27px;border-radius:4px;padding:0 9px;background:#292d35;color:#c4c8d0;font-size:12px}.library-tools .import-small{background:#3b3f48;color:#f1f2f5;display:flex;align-items:center;gap:4px}.import-small svg{width:12px}.search{margin-left:auto;width:27px;height:27px;border-radius:4px;background:#292d35;display:flex;align-items:center;padding:0 7px;transition:.2s}.search:focus-within{width:100px}.search svg{width:13px;flex:0 0 auto;color:#a5abb6}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e6e8ec;font-size:12px;padding-left:5px}.search:not(:focus-within) input{opacity:0}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:8px;padding:2px 9px 12px;overflow:auto}.import-card,.asset-card{min-width:0;aspect-ratio:1.35;border-radius:3px;border:1px dashed #4c515e;background:#20232a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aeb3bd}.import-card:hover{border-color:var(--cyan);color:var(--cyan)}.big-plus{font-size:28px;font-weight:200;line-height:1}.import-card strong{font-size:12px;margin-top:5px}.import-card small{font-size:10px;color:#747b88;margin-top:2px}.asset-card{border:0;aspect-ratio:auto;align-items:stretch;justify-content:flex-start;text-align:left;background:transparent}.asset-thumb{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:3px;background:radial-gradient(circle at 73% 30%,#fa78c4 0 6%,transparent 30%),linear-gradient(135deg,#182443,#5954b7 42%,#ec589c 70%,#f5a167);box-shadow:inset 0 -12px 30px #16142b55}.sky-glow{position:absolute;width:70%;height:45%;left:-15%;bottom:-12%;transform:rotate(-9deg);background:#25e0d2;filter:blur(9px);opacity:.7}.duration{position:absolute;right:3px;bottom:3px;font-size:9px;padding:2px 3px;background:#05060acc;color:white}.asset-name{font-size:11px;color:#dddfe4;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card small{font-size:9px;color:#6f7682;margin-top:1px}.preview-panel{display:flex;flex-direction:column;background:#121419}.preview-tabs{height:42px;display:flex;align-items:center;gap:16px;padding:0 12px;border-bottom:1px solid var(--line)}.preview-tabs button{height:100%;color:#8e95a2;font-size:12px;position:relative}.preview-tabs button.active{color:#fff}.preview-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cyan)}.preview-tabs span{flex:1}.viewer-wrap{flex:1;min-height:0;display:grid;place-items:center;padding:12px 22px;background:#101217}.viewer{width:min(100%,640px);aspect-ratio:16/9;max-height:100%;background:#06070a;box-shadow:0 0 0 1px #292c34,0 10px 35px #0008;overflow:hidden}.video-art{width:100%;height:100%;position:relative;overflow:hidden;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 72% 30%,#b34fe6 0 5%,transparent 28%),radial-gradient(circle at 20% 80%,#19d7cb 0 3%,transparent 32%),linear-gradient(135deg,#101333,#34329f 45%,#ee4c9b 73%,#ff9e62);transition:transform .2s,opacity .2s}.video-art:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#fff1 40%,transparent 58%);transform:translateX(-100%);animation:sheen 5s infinite}.orb{position:absolute;border-radius:50%;filter:blur(4px);mix-blend-mode:screen}.orb.one{width:26%;aspect-ratio:1;left:10%;top:18%;background:#1ee0d4;opacity:.45}.orb.two{width:35%;aspect-ratio:1;right:4%;bottom:-15%;background:#ffb358;opacity:.35}.video-title{font-size:clamp(22px,3.4vw,50px);font-weight:800;line-height:.8;letter-spacing:-2px;text-shadow:0 4px 18px #17123388;z-index:1}.video-title em{font-size:.42em;font-weight:400;letter-spacing:4px;font-style:normal;color:#9ffbf2}.video-subtitle{margin-top:18px;font-size:clamp(7px,.8vw,12px);letter-spacing:5px;z-index:1}.transport{height:44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;border-top:1px solid #23262d}.timecode{font-size:11px;color:#767d89}.timecode strong{color:#d4d7dd;font-weight:500}.play-controls,.viewer-actions{display:flex;align-items:center}.play-controls button,.viewer-actions button{width:30px;height:30px;display:grid;place-items:center;color:#b7bdc8}.play-controls button:hover,.viewer-actions button:hover{color:#fff}.main-play svg{width:21px;height:21px}.viewer-actions{justify-content:flex-end}.viewer-actions .quality{width:auto;padding:0 7px;font-size:10px;color:#8d94a0}.inspector{border-right:0;display:flex;flex-direction:column}.inspector-tabs{height:42px;display:flex;align-items:end;gap:17px;padding:0 12px;border-bottom:1px solid var(--line)}.inspector-tabs button{height:100%;font-size:12px;color:#9197a3;position:relative}.inspector-tabs button.active{color:#fff}.inspector-tabs button.active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:0;background:var(--cyan)}.sub-tabs{height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid #282b33}.sub-tabs button{font-size:11px;color:#858c99;padding:5px 7px;border-radius:4px}.sub-tabs button.active{color:#fff;background:#2b2e37}.inspector-body{overflow:auto;flex:1}.inspector details{border-bottom:1px solid #2a2d34;padding:0 12px}.inspector summary{height:40px;display:flex;align-items:center;font-weight:550;font-size:12px;cursor:pointer;list-style:none}.inspector summary:before{content:"›";margin-right:7px;color:#8c929e}.inspector details[open] summary:before{transform:rotate(90deg)}.reset{margin-left:auto;color:#858c98;font-size:16px}.inspector label{min-height:35px;display:grid;grid-template-columns:65px 1fr auto;align-items:center;gap:5px;font-size:11px;color:#8e95a1}.inspector input[type=number],.inspector select{width:100%;height:26px;border:1px solid #343842;border-radius:3px;background:#24272e;color:#c9cdd4;outline:0;padding:0 6px;font-size:11px}.inspector label span{position:relative;display:flex;align-items:center}.inspector label span i{position:absolute;right:5px;font-style:normal;color:#6e7582}.inspector label span input{padding-right:18px}.inspector input[type=range],.tool-right input{appearance:none;height:3px;background:linear-gradient(90deg,var(--cyan) 50%,#3a3e47 50%);border-radius:4px}.inspector input[type=range]::-webkit-slider-thumb,.tool-right input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#d9dcdf}.inspector output{min-width:45px;text-align:right;font-size:10px;color:#a7adb7}.flip-row{height:35px;display:flex;align-items:center;gap:5px;font-size:11px;color:#8e95a1}.flip-row span{width:65px}.flip-row button{width:35px;height:25px;background:#262a31;border:1px solid #343842;border-radius:3px}.inspector-footer{height:48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:0 11px}.inspector-footer button{padding:7px 18px;border-radius:4px;background:#292d35;font-size:11px}.inspector-footer .apply{background:var(--cyan);color:#09211e}.timeline-panel{min-height:0;background:#15171c;display:flex;flex-direction:column}.timeline-toolbar{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 10px}.tool-left,.tool-right{display:flex;align-items:center;gap:4px}.tool-left button,.tool-right button{width:29px;height:28px;display:grid;place-items:center;border-radius:4px;color:#a5abb6}.tool-left button:hover,.tool-right button:hover{background:#292d34;color:#fff}.tool-left i{height:20px;width:1px;background:#343740;margin:0 4px}.tool-left .text-tool{font:600 17px Georgia}.tool-left .more-tools{letter-spacing:2px}.tool-right .active{color:var(--cyan);background:#28302f}.tool-right input{width:94px}.timeline-scroll{display:grid;grid-template-columns:115px 1fr;min-height:0;flex:1;overflow:auto}.track-heads{position:sticky;left:0;z-index:5;background:#17191f;border-right:1px solid var(--line)}.ruler-head{height:29px;border-bottom:1px solid #2a2d34;display:flex;align-items:center;padding-left:8px}.ruler-head button{color:#aab0ba}.track-head{height:var(--track-h);display:flex;align-items:center;border-bottom:1px solid #282b31;padding:0 8px;gap:8px;color:#858c98}.track-head span{width:29px;font-size:10px}.track-head button{width:19px;color:#727986}.track-head svg{width:13px}.tracks{position:relative;min-width:900px}.ruler{height:29px;position:relative;background:repeating-linear-gradient(90deg,transparent 0 calc(6.25% - 1px),#41454e calc(6.25% - 1px) 6.25%);border-bottom:1px solid #2b2e35;color:#727985}.ruler span{position:absolute;top:7px;font-size:9px;transform:translateX(-3px)}.track{height:var(--track-h);border-bottom:1px solid #272a30;background:linear-gradient(90deg,transparent 49.9%,#1e2127 50%)}.clip,.audio-clip{position:absolute;left:18px;width:46%;height:calc(var(--track-h) - 8px);margin-top:4px;border-radius:3px;overflow:hidden;text-align:left;border:1px solid var(--cyan);background:#243c4a}.clip-mini{position:absolute;inset:0;background:linear-gradient(100deg,#26315c,#4846a5 43%,#d44d97 72%,#d88963);opacity:.8}.clip-mini:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 43px,#1115 44px 45px)}.clip-label,.audio-label{position:absolute;left:7px;top:5px;font-size:10px;color:#fff;text-shadow:0 1px 3px #000;z-index:1}.audio-clip{top:var(--track-h);background:#285d59}.waveform{position:absolute;inset:17px 4px 3px;background:repeating-linear-gradient(90deg,#71e3d8 0 1px,transparent 1px 3px);clip-path:polygon(0 45%,2% 10%,4% 80%,6% 30%,8% 70%,10% 45%,12% 15%,14% 80%,16% 30%,18% 55%,20% 15%,22% 85%,24% 20%,26% 70%,28% 35%,30% 65%,32% 25%,34% 80%,36% 10%,38% 60%,40% 35%,42% 80%,44% 25%,46% 70%,48% 15%,50% 85%,52% 20%,54% 70%,56% 35%,58% 75%,60% 15%,62% 65%,64% 25%,66% 85%,68% 35%,70% 75%,72% 10%,74% 60%,76% 25%,78% 85%,80% 35%,82% 70%,84% 20%,86% 80%,88% 15%,90% 65%,92% 30%,94% 75%,96% 20%,98% 60%,100% 45%,100% 55%,0 55%)}.empty-track{position:relative}.empty-hint{font-size:10px;color:#4d535e;position:absolute;left:18px;top:19px}.playhead{position:absolute;z-index:4;top:23px;bottom:0;left:21.5%;width:1px;background:#ef5473;pointer-events:none}.playhead span{position:absolute;width:9px;height:8px;top:0;left:-4px;background:#ef5473;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}.modal-backdrop{position:fixed;inset:0;background:#05070aab;z-index:20;display:grid;place-items:center}.modal-backdrop[hidden]{display:none}.modal{width:min(720px,90vw);background:#1d2026;border:1px solid #343842;border-radius:8px;box-shadow:0 24px 80px #000c}.modal header{height:50px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line)}.modal h2{font-size:16px;margin:0}.modal header button{margin-left:auto;font-size:26px;color:#8d94a0}.export-tabs{height:43px;display:flex;gap:22px;padding:0 20px;border-bottom:1px solid var(--line)}.export-tabs button{font-size:12px;color:#8e95a1;position:relative}.export-tabs button.active{color:#fff}.export-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cyan)}.export-content{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:22px}.export-poster{aspect-ratio:16/12;background:linear-gradient(135deg,#1b1d51,#6b43bc,#ee6494);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px}.mini-art{font-size:22px;font-weight:800}.mini-art em{display:block;font-size:9px;font-style:normal;letter-spacing:2px;color:#aaf8ef}.export-poster button{margin-top:auto;margin-bottom:8px;background:#15171ca8;border-radius:3px;padding:5px 8px;font-size:10px}.export-form{display:flex;flex-direction:column;gap:11px}.export-form label{display:flex;flex-direction:column;gap:5px;color:#999faa;font-size:11px}.export-form input,.export-form select,.input-like{height:31px;background:#282b33;border:1px solid #3b3f48;border-radius:4px;color:#e2e4e8;padding:0 9px;outline:0}.input-like{display:flex;align-items:center}.input-like span{margin-left:auto}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-summary{display:flex;justify-content:space-between;color:#727a87;font-size:10px;margin-top:4px}.modal footer{height:56px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.modal footer button{padding:8px 18px;border-radius:4px;background:#2b2e36}.modal footer div{display:flex;gap:8px}.modal footer .export-now{background:var(--cyan);color:#08211e;font-weight:600}.toast{position:fixed;z-index:30;bottom:24px;left:50%;transform:translate(-50%,18px);background:#2a2e36;border:1px solid #424750;padding:10px 16px;border-radius:5px;box-shadow:0 8px 30px #0009;opacity:0;pointer-events:none;transition:.25s;color:#e7e9ed;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes sheen{0%,30%{transform:translateX(-110%)}55%,100%{transform:translateX(110%)}}@media(max-width:1250px){.top-workspace{grid-template-columns:74px 310px 1fr 245px}.media-layout{grid-template-columns:105px 1fr}.asset-grid{grid-template-columns:1fr}.rail-item{font-size:10px}.menu{display:none}}@media(max-height:720px){.app-shell{grid-template-rows:42px minmax(290px,55vh) minmax(235px,1fr)}.rail-item{height:42px}.viewer-wrap{padding:8px 16px}.inspector details:nth-of-type(n+3){display:none}}
:is(.playhead){pointer-events:auto;cursor:ew-resize;touch-action:none}
.video-stage{width:100%;height:100%;display:grid;place-items:center;background:#050609;overflow:hidden}.video-stage>video,.video-stage>img{width:100%;height:100%;object-fit:contain;transform-origin:center;transition:transform .15s,opacity .15s}.library.drag-over{outline:2px solid var(--cyan);outline-offset:-4px;background:#1a2526}.asset-card .asset-thumb img,.asset-card .asset-thumb video{width:100%;height:100%;object-fit:cover}.clip,.audio-clip{touch-action:none}.clip.selected,.audio-clip.selected{box-shadow:0 0 0 1px #fff8 inset}.clip-part{position:absolute;height:calc(var(--track-h) - 8px);margin-top:4px;border:1px solid #35d6ca;border-radius:3px;background:linear-gradient(100deg,#28365e,#5d48b7 48%,#dc559a);overflow:hidden;text-align:left}.clip-part.selected{border-color:#fff;box-shadow:0 0 0 1px var(--cyan)}.clip-part .clip-label{max-width:calc(100% - 10px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-part:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 44px,#1115 45px 46px);pointer-events:none}.audio-part{position:absolute;height:calc(var(--track-h) - 8px);margin-top:4px;border:1px solid #35d6ca;border-radius:3px;background:#285d59;overflow:hidden;text-align:left}.audio-part .waveform{inset:17px 4px 3px}.empty-state{grid-column:1/-1;border:1px dashed #4c515e;padding:18px;text-align:center;color:#828996;border-radius:4px}.export-progress{height:24px;background:#252831;border-radius:4px;position:relative;overflow:hidden}.export-progress span{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#24cfc2,#68eadf);transition:width .1s}.export-progress strong{position:relative;display:grid;place-items:center;height:100%;font-size:10px;color:#e9ecf0;text-shadow:0 1px 2px #000}.export-now:disabled{opacity:.55;cursor:wait}.viewer.exporting:after{content:"Rendering…";position:absolute;right:8px;top:8px;padding:5px 8px;border-radius:3px;background:#090b0dcc;color:#fff;font-size:10px}.viewer{position:relative}