.video-studio{position:fixed;inset:0;z-index:5000;display:grid;grid-template-rows:64px minmax(0,1fr) 272px;background:#0d1019;color:#e9ecf7;font:13px/1.4 Inter,Arial,sans-serif}
.video-studio[hidden],.vs-export-overlay[hidden],.vs-progress[hidden]{display:none!important}
.video-studio *{box-sizing:border-box}
.video-studio button,.video-studio input,.video-studio select,.video-studio textarea{font:inherit}
.video-studio button{cursor:pointer;color:inherit}
.vs-header{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #2b3041;background:#151925}
.vs-brand{display:flex;align-items:center;gap:12px}
.vs-brand-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;color:#fff;background:#765bd6;font-size:15px}
.vs-brand strong,.vs-brand small{display:block}.vs-brand strong{font-size:14px}.vs-brand small{color:#929ab0;font-size:11px}
.vs-header-actions{display:flex;align-items:center;gap:8px}.vs-header-actions button,.vs-transport button,.vs-inspector-footer button,.vs-timeline-heading button,.vs-export-buttons button{border:1px solid #3b4258;border-radius:8px;padding:7px 12px;background:#202637}
.vs-header-actions button:hover,.vs-transport button:hover,.vs-inspector-footer button:hover,.vs-timeline-heading button:hover,.vs-export-buttons button:hover{background:#323b52}
.vs-header-actions .vs-strong,.vs-export-buttons .vs-strong{background:#7357d4;border-color:#896ff0;color:#fff;font-weight:700}.vs-header-actions .vs-strong:hover,.vs-export-buttons .vs-strong:hover{background:#8b70ec}
.vs-divider{height:22px;border-left:1px solid #3a4050;margin:0 4px}
.vs-body{display:grid;grid-template-columns:260px minmax(0,1fr) 286px;min-height:0}
.vs-library,.vs-inspector{overflow:auto;padding:20px 16px;background:#151925}.vs-library{border-right:1px solid #2c3141}.vs-inspector{border-left:1px solid #2c3141}
.vs-library h2,.vs-inspector h2{font-size:14px;margin:0 0 4px}.vs-library p{margin:0 0 16px;color:#929ab0;font-size:12px}
.vs-wide{width:100%;padding:11px!important;background:#332a50;border:1px dashed #8f78d6;border-radius:10px;color:#e9e0ff!important;font-weight:700!important}.vs-wide:hover{background:#493667}
.vs-tabs{display:flex;gap:4px;margin:20px 0 14px;border-bottom:1px solid #303649}.vs-tabs button{flex:1;padding:8px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aab0c1}.vs-tabs button.active{color:#d7c8ff;border-bottom-color:#9a7df4}
.vs-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vs-library-tile,.vs-asset{display:flex;min-width:0;min-height:82px;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #353c50;border-radius:10px;background:#1d2331;text-align:center;font-size:11px}.vs-library-tile:hover,.vs-asset:hover{border-color:#a285ff;background:#2a3044}
.vs-library-tile span:last-child,.vs-asset span:last-child{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 5px}.vs-tile-icon{font-size:28px;line-height:1;color:#b8a0ff}.vs-section-label{margin:18px 0 8px;color:#9ca7bd;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:800}.vs-section-label:first-child{margin-top:0}
.vs-tile-icon svg{display:block;width:29px;height:29px}.vs-asset-wrap{position:relative;min-width:0}.vs-asset-wrap .vs-asset{width:100%;height:100%}.vs-asset-delete{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:23px;height:23px;padding:0;border:1px solid #7a4350;border-radius:6px;background:#271f2b;color:#ffb2be!important;font-size:17px!important}.vs-asset-delete:hover{background:#593243}
.vs-asset img{width:100%;height:62px;object-fit:cover;border-radius:8px 8px 0 0}.vs-asset-glyph{font-size:28px;color:#a78df6}.vs-empty{border:1px dashed #394157;border-radius:10px;padding:18px;color:#9ea7ba;text-align:center}
.vs-stage-area{display:flex;min-width:0;min-height:0;flex-direction:column;background:radial-gradient(ellipse at center,#242a3a 0,#171b27 67%,#131722 100%)}
.vs-stage-top{display:flex;justify-content:space-between;gap:12px;padding:15px 22px;color:#aeb8ce}.vs-scene-title{font-weight:700;color:#fff}.vs-stage-size{font-variant-numeric:tabular-nums}
.vs-canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:20px 36px}.vs-canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;aspect-ratio:var(--vs-aspect,16/9);box-shadow:0 14px 50px #0008;touch-action:none;cursor:crosshair;background:#151827}
.vs-transport{display:flex;align-items:center;gap:14px;min-height:58px;padding:0 24px;background:#171b28;border-top:1px solid #30374a}.vs-transport button{width:36px;height:32px;padding:0}.vs-transport span{font-variant-numeric:tabular-nums;color:#b6bed0;white-space:nowrap}.vs-scrub{flex:1;accent-color:#a184fa}
.vs-inspector-content{padding-top:6px}.vs-inspector-section{padding:16px 0;border-bottom:1px solid #2e3548}.vs-inspector-section h3{margin:0 0 14px;font-size:11px;color:#a7afd0;text-transform:uppercase;letter-spacing:.07em}.vs-field{display:flex;flex-direction:column;gap:5px;margin-bottom:11px;color:#aeb8c9;font-size:11px}.vs-field input,.vs-field select,.vs-field textarea,.vs-export-card select{width:100%;padding:8px 9px;border:1px solid #384157;border-radius:7px;background:#1d2331;color:#f2f3fa;outline:none}.vs-field input:focus,.vs-field select:focus,.vs-field textarea:focus{border-color:#9578ef}.vs-field input[type=color]{height:36px;padding:3px}.vs-field input[type=range]{padding:0;accent-color:#a184fa}.vs-field textarea{min-height:72px;resize:vertical}.vs-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vs-source{padding:9px;background:#202637;border-radius:7px;color:#b7bdd0;overflow-wrap:anywhere}.vs-tip{color:#949eb5;font-size:12px;line-height:1.6}.vs-inspector-footer{display:flex;gap:7px;margin-top:18px}.vs-inspector-footer button{flex:1}.vs-inspector-footer .vs-danger{color:#ff9dad;border-color:#78414e}
.vs-remove-background{margin-top:10px}
.vs-timeline{display:flex;min-height:0;flex-direction:column;background:#141823;border-top:1px solid #353b4d}.vs-timeline-heading{display:flex;align-items:center;gap:14px;padding:10px 18px;border-bottom:1px solid #2b3243}.vs-timeline-heading strong{font-size:12px}.vs-timeline-heading span{color:#8792aa;font-size:11px}.vs-timeline-heading button{margin-left:auto;padding:5px 10px}
.vs-scenes{display:flex;min-height:56px;margin-left:166px;margin-right:12px;padding:5px 0;gap:4px}.vs-scene{position:relative;display:flex;min-width:52px;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;padding:5px 10px;border:1px solid #48516a;border-radius:7px;background:#303348;text-align:left}.vs-scene.active{border-color:#b69afc;background:#50456e}.vs-scene span{font-size:11px;font-weight:700;white-space:nowrap}.vs-scene small{color:#bec3d1}.vs-scene i.active{position:absolute;top:0;bottom:0;border-left:2px solid white;pointer-events:none}
.vs-tracks{min-height:0;overflow:auto;border-top:1px solid #303649}.vs-track-ruler,.vs-track{display:grid;grid-template-columns:166px minmax(0,1fr);min-height:38px;border-bottom:1px solid #293043}.vs-track-ruler{position:relative;min-height:25px;background:#1a1f2d}.vs-track-ruler>span,.vs-track-name{display:flex;align-items:center;overflow:hidden;padding:0 12px;color:#b2bad0;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #303649}.vs-track-ruler em{position:absolute;top:2px;color:#6f7d97;font-size:10px;font-style:normal;pointer-events:none}.vs-track-ruler em:first-of-type{left:166px!important}.vs-track-lane{position:relative;margin:3px 12px 3px 0;border-radius:5px;background:repeating-linear-gradient(90deg,#1a2030 0,#1a2030 39px,#202637 40px)}.vs-track-clip{position:absolute;top:2px;bottom:2px;display:flex;align-items:center;min-width:20px;overflow:hidden;padding:0 8px;border:1px solid #8871ca;border-radius:5px;background:#4f416e;text-align:left;font-size:11px;white-space:nowrap}.vs-track-clip.active{border-color:#dac8ff;background:#705aa0}.vs-track-clip b{position:absolute;top:0;right:0;bottom:0;width:9px;cursor:ew-resize;background:#ba9bfc}.vs-empty-track{padding:18px;color:#8893aa;text-align:center}
.vs-export-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#070910c9}.vs-export-card{width:min(440px,calc(100vw - 32px));padding:28px;border:1px solid #4a536d;border-radius:16px;background:#1a2030;box-shadow:0 24px 100px #0009}.vs-export-card h2{margin:0 0 8px;font-size:21px}.vs-export-card p{color:#a8b2c6;line-height:1.5}.vs-export-card label{display:block;margin:17px 0;color:#c6cee0}.vs-export-card select{margin-top:6px}.vs-checkbox{display:flex!important;align-items:center;gap:8px}.vs-checkbox input{accent-color:#9378f3}.vs-progress{height:9px;margin:16px 0;border-radius:9px;background:#353b4d;overflow:hidden}.vs-progress>div{height:100%;width:0;background:#9b7af6;transition:width .15s}.vs-export-status{display:block;min-height:21px;overflow-wrap:anywhere;color:#c7d1e3}.vs-export-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
body.vs-open{overflow:hidden}
@media(max-width:1250px){.vs-body{grid-template-columns:210px minmax(0,1fr) 240px}.vs-library,.vs-inspector{padding:14px 10px}.vs-canvas-wrap{padding:12px}}