@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#d2d0cf;background:#08090b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.sr-only{position:absolute;left:-9999px}.studio{display:flex;min-height:100vh;background:#090a0c}.rail{width:72px;flex:none;background:#0d0e11;border-right:1px solid #262327;display:flex;flex-direction:column;align-items:center;padding:22px 12px;gap:12px}.rail-logo{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 10px #8e141744)}.rail-gap{height:34px}.rail-button{width:45px;height:45px;display:grid;place-items:center;background:none;border:1px solid transparent;color:#747378;border-radius:5px}.rail-button.active{border-color:#742023;background:#2b1519;color:#eac5bd;box-shadow:inset 3px 0 #a93539}.rail-button:not(:disabled):hover{color:#fff;background:#242025}.rail-spacer{flex:1}.main{display:flex;flex:1;min-width:0;flex-direction:column}.topbar{height:76px;border-bottom:1px solid #30282c;background:#101114;display:flex;align-items:center;justify-content:space-between;padding:0 25px;gap:20px}.identity{display:flex;align-items:center;gap:18px;min-width:250px}.identity img{width:173px;height:56px;object-fit:contain}.identity>span{font-family:Barlow Condensed,sans-serif;font-size:12px;letter-spacing:2px;color:#8d8585;white-space:nowrap}.identity b{color:#91292b}.project-title{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:2px;color:#b6aaab}.live-dot{width:6px;height:6px;border-radius:50%;background:#b43a3d;display:inline-block;box-shadow:0 0 9px #a72e32}.top-actions{display:flex;align-items:center;gap:10px}.top-actions button,.wide-action{border:1px solid #494044;background:#1a1a1e;color:#e4dddd;border-radius:3px;padding:12px 16px;display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1px}.top-actions .export{background:#6d1e25;border-color:#7d292e}.export span{font-size:8px;opacity:.7}.version{font-size:10px;color:#8a7b7d;letter-spacing:1px;margin-right:8px}.workspace-header{display:flex;justify-content:space-between;align-items:end;padding:31px 30px 24px;background:radial-gradient(ellipse at 30% 30%,#31141950,transparent 55%)}.eyebrow{font-size:10px;font-weight:700;color:#a1444b;letter-spacing:2.5px}.workspace-header h1{font:700 35px Barlow Condensed,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#efebea;margin:6px 0 0}.status{font-size:10px;color:#9f979a;display:flex;gap:8px;align-items:center;letter-spacing:.7px}.status svg{color:#8e3d43}.editor-grid{flex:1;padding:0 29px 25px;display:grid;grid-template-columns:minmax(230px,280px) minmax(430px,1fr) minmax(218px,260px);grid-template-rows:minmax(310px,1fr) minmax(260px,300px);gap:12px;min-height:590px}.panel{background:#121316;border:1px solid #302d30;min-width:0;min-height:0;display:flex;flex-direction:column}.panel-heading{height:48px;flex:none;border-bottom:1px solid #322d30;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#bdb4b5}.panel-heading>div:first-child{display:flex;align-items:center;gap:10px}.panel-heading strong{font-family:Barlow Condensed,sans-serif;letter-spacing:1.7px;font-size:14px}.panel-index{font-size:10px;color:#963137;font-weight:700}.panel-heading button{border:0;background:transparent;color:#ada1a3;display:grid;place-items:center;padding:3px}.count{font-size:10px;border:1px solid #544044;padding:2px 5px;border-radius:3px}.media-panel{grid-column:1;grid-row:1}.media-tools{display:flex;justify-content:space-between;align-items:center;padding:17px 15px 12px;font-size:10px;letter-spacing:1.4px;color:#817d81;font-weight:700}.drop-zone{margin:20px 13px;background:#18171b;border:1px dashed #6c3b41;min-height:200px;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;padding:20px;color:#b58d91;text-align:center}.drop-zone strong{font:600 22px Barlow Condensed,sans-serif;color:#e7dfe0}.drop-zone span{font-size:12px;line-height:1.6;color:#888083}.drop-zone em{font-size:10px;font-style:normal;font-weight:700;letter-spacing:1.5px;color:#cf898d}.asset-list{overflow:auto;flex:1}.asset{display:flex;align-items:center;margin:3px 8px;border:1px solid transparent}.asset.selected{background:#2b1a1d;border-color:#65323a}.asset-main{display:flex;align-items:center;min-width:0;flex:1;border:0;background:transparent;color:inherit;text-align:left;padding:8px;gap:10px}.asset-icon{width:35px;height:35px;flex:none;display:grid;place-items:center;background:#2d252b;color:#a47981}.asset-icon.video{color:#c0a1a1}.asset-icon.audio{color:#bd6f7c}.asset-info{display:flex;flex-direction:column;gap:5px;min-width:0}.asset-info b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-info small{font-size:9px;color:#777078}.asset>button:last-child{background:transparent;color:#ad999b;border:0;padding:9px}.panel-bottom{margin-top:auto;border-top:1px solid #282628;padding:12px;display:flex;gap:8px;align-items:center;font-size:10px;color:#797479}.monitor-panel{grid-column:2;grid-row:1}.monitor-label{font-size:10px;color:#7f777a;letter-spacing:1px}.monitor{padding:17px;flex:1;min-height:0;display:flex}.screen{min-height:0;width:100%;position:relative;background:#050505;border:1px solid #252225;display:grid;place-items:center;overflow:hidden}.screen>img,.screen>video{max-height:100%;max-width:100%;object-fit:contain}.screen video{height:100%;width:100%}.empty-screen{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.empty-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0005 10%,#0002 50%,#000b)}.empty-screen img{width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(.7)}.empty-screen span{position:absolute;z-index:1;bottom:23px;font:600 14px Barlow Condensed,sans-serif;letter-spacing:5px;color:#bdb1b4}.audio-view{display:flex;flex-direction:column;align-items:center;gap:18px;color:#b1717b;max-width:90%}.audio-view b{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.audio-view audio{max-width:100%}.transport{height:53px;flex:none;border-top:1px solid #302c2e;display:flex;align-items:center;justify-content:space-between;padding:0 17px;position:relative}.transport>div{display:flex;gap:18px;align-items:center}.timecode{font:700 13px monospace;color:#eee6e6}.transport-muted{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:1px;color:#7c7478}.transport-play{position:absolute;left:50%;transform:translate(-50%);width:34px;height:30px;border:1px solid #634046;background:#2b1a20;color:#eacacb;border-radius:2px;display:grid;place-items:center}.inspector{grid-column:3;grid-row:1}.inspector-body{padding:22px 15px;overflow:auto}.inspector-body h3{font-size:13px;overflow-wrap:anywhere;line-height:1.5}.property,.engine-row{display:flex;justify-content:space-between;gap:8px;margin:17px 0;font-size:11px;color:#8c8587}.property b,.engine-row b{font-size:10px;color:#bfb4b4;text-align:right}.wide-action{width:100%;justify-content:center;margin-top:25px}.inspector-empty{display:grid;place-items:center;gap:14px;padding:35px 10px;color:#87565d;text-align:center}.inspector-empty p{font-size:12px;line-height:1.8;color:#898184}.inspector-rule{height:1px;background:#343032;margin:25px 0}.engine-row b.ready{color:#a8aa86}.timeline{grid-column:1/4;grid-row:2}.timeline-top{height:48px}.sequence-name{color:#746b70;font-size:10px;letter-spacing:1px;margin-left:15px}.timeline-controls{display:flex;gap:10px;align-items:center;color:#aca2a5;font-size:11px}.timeline-controls button{color:#a89da0}.timeline-content{flex:1;display:flex;min-height:0}.track-labels{width:162px;flex:none;background:#141417;border-right:1px solid #393337}.ruler-label,.ruler{height:31px;border-bottom:1px solid #302b2e;color:#777077;font-size:9px;letter-spacing:1px;display:flex;align-items:center;padding:0 12px}.track-label{height:54px;border-bottom:1px solid #29262a;display:flex;align-items:center;gap:10px;padding:0 12px;color:#a89fa2;font-size:10px;font-weight:700;letter-spacing:.6px}.track-label svg{color:#8e515b}.track-scroll{flex:1;min-width:0;overflow:auto}.track-surface{height:100%;position:relative}.ruler{position:relative;display:block;background:repeating-linear-gradient(90deg,transparent,transparent 109px,#272326 110px)}.ruler span{position:absolute;top:9px}.track-lane{height:54px;border-bottom:1px solid #312c30;background:repeating-linear-gradient(90deg,#131316,#131316 109px,#211d21 110px)}.clip-stack{display:flex;height:100%;align-items:center;gap:2px}.clip{height:39px;border:1px solid #8f4952;background:linear-gradient(135deg,#5a252f,#31232a);display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px 7px;min-width:0;color:#ebc9cb;font-size:10px;font-weight:700}.clip.narration{border-color:#7b596c;background:#3c2a39}.clip.music{border-color:#60745d;background:#28362c}.clip>span{display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip button{background:#0004;border:0;color:inherit;padding:4px;flex:none}.timeline-footer{border-top:1px solid #302d2f;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:9px;color:#888084;letter-spacing:1px}.footer{height:38px;border-top:1px solid #2b282a;background:#101113;display:flex;justify-content:space-between;align-items:center;padding:0 30px;color:#7a7477;font-size:9px;letter-spacing:1px}.footer span:first-child{display:flex;align-items:center;gap:7px;color:#a07578}.feature-panel{margin:0 29px 25px;min-height:480px;border:1px solid #353034;background:#141315;display:grid;grid-template-columns:45% 55%;overflow:hidden}.feature-panel>img{width:100%;height:100%;max-height:630px;object-fit:cover;filter:saturate(.6) brightness(.65)}.feature-panel>div{align-self:center;padding:40px 55px}.feature-panel h2{font:700 45px Barlow Condensed,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#e9e1e1;margin:15px 0}.feature-panel p{font-size:14px;line-height:1.9;color:#a9a0a1}.feature-note{border-left:2px solid #9d343c;background:#211b1f;display:flex;align-items:center;gap:14px;padding:17px;margin:25px 0;font-size:12px;line-height:1.6}.feature-panel a{color:#dda7a9;font-size:12px}.media-hint{padding:0 30px 22px;color:#938589;font-size:11px;display:flex;align-items:center;gap:8px}@media(max-width:1150px){.editor-grid{grid-template-columns:240px minmax(350px,1fr);grid-template-rows:360px 220px 270px}.inspector{grid-column:1/3;grid-row:2}.inspector-body{display:flex;align-items:center;gap:16px;padding:14px}.inspector-body>.eyebrow,.inspector-rule,.inspector-body>.engine-row{display:none}.inspector-body h3{max-width:200px}.property{margin:0}.timeline{grid-column:1/3;grid-row:3}.status{display:none}.identity{min-width:0}.identity>span{display:none}}@media(max-width:750px){.rail{width:50px;padding:16px 4px}.rail-logo,.rail-button{width:40px}.topbar{padding:0 12px;height:66px}.identity img{width:118px}.project-title,.version,.top-actions .export{display:none}.workspace-header{padding:25px 15px}.editor-grid{padding:0 10px 20px;display:flex;flex-direction:column;min-height:0}.media-panel{min-height:220px;max-height:310px}.monitor-panel{min-height:280px}.inspector{min-height:170px}.inspector-body{flex-wrap:wrap}.timeline{min-height:265px}.track-labels{width:116px}.track-label{font-size:9px}.footer{padding:0 10px}.footer span:first-child,.footer span:last-child{display:none}.feature-panel{margin:0 10px 20px;display:block}.feature-panel>img{height:220px}.feature-panel>div{padding:20px}.feature-panel h2{font-size:35px}}
