:root{--bg:#07101f;--panel:#0d182a;--panel2:#14233d;--line:#293751;--yellow:#ffc928;--blue:#3978ff;--muted:#91a1b9}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:#fff;font-family:Inter,system-ui,sans-serif;overflow:hidden}button,input,select{font:inherit}.ve-app{height:100dvh;display:grid;grid-template-rows:66px minmax(0,1fr) 230px}.ve-header{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:20px;padding:0 20px;border-bottom:1px solid var(--line);background:#0a1426}.ve-brand{font-size:25px;font-weight:900;color:#fff;text-decoration:none}.ve-brand span{color:var(--yellow)}.ve-project{display:flex;justify-content:center;align-items:center;gap:10px}.ve-project input{width:min(350px,100%);background:transparent;border:1px solid transparent;color:#fff;text-align:center;padding:9px;border-radius:9px;font-weight:700}.ve-project small,.ve-private{font-size:10px;color:#68d8ad}.ve-actions{display:flex;align-items:center;gap:8px}.ve-actions button{height:40px;min-width:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:#fff}.ve-actions .ve-export{border:0;background:linear-gradient(135deg,#ffd950,#ffb800);color:#07101f;font-weight:900;padding:0 18px}.ve-actions button:disabled{opacity:.42}.ve-workspace{display:grid;grid-template-columns:230px minmax(350px,1fr) 270px;min-height:0}.ve-library,.ve-inspector{background:var(--panel);padding:18px;overflow:auto}.ve-library{border-right:1px solid var(--line)}.ve-inspector{border-left:1px solid var(--line)}.ve-library h2,.ve-inspector h2{font-size:16px;margin:0 0 14px}.ve-library h3{font-size:11px;color:var(--muted);letter-spacing:.14em;margin:24px 0 10px}.ve-import{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;background:var(--blue);font-weight:800;cursor:pointer}.ve-import.secondary{margin-top:9px;background:#182944;border:1px solid var(--line)}.ve-import.big{width:170px;margin:20px auto}.ve-media-empty{margin-top:14px;border:1px dashed #35445e;border-radius:14px;padding:22px 12px;text-align:center;color:var(--muted);font-size:12px}.ve-media-empty b{font-size:28px;color:var(--yellow)}.ve-media-item{text-align:left}.ve-media-item strong,.ve-media-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ve-media-item strong{color:#fff}.ve-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ve-tools button{min-height:58px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:#fff;font-size:20px}.ve-tools button span{display:block;margin-top:4px;color:#a9b8cf;font-size:10px}.ve-tools button.active{border-color:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow)}.ve-stage-shell{display:grid;grid-template-rows:42px minmax(0,1fr) 56px;min-width:0;background:radial-gradient(circle at 50% 40%,#1e2b43,#090f1b 70%)}.ve-stage-top,.ve-transport{display:flex;align-items:center;gap:12px;padding:0 14px;color:#aab6ca;font-size:11px}.ve-stage-top{border-bottom:1px solid rgba(255,255,255,.06)}.ve-stage-top span:last-child{margin-left:auto}.ve-stage{min-height:0;display:grid;place-items:center;padding:14px;position:relative;overflow:hidden}.ve-stage canvas{display:none;max-width:100%;max-height:100%;background:#000;box-shadow:0 24px 70px #000;border-radius:4px}.ve-stage.has-video canvas{display:block}.ve-stage.has-video .ve-empty{display:none}.ve-empty{text-align:center;max-width:420px;color:#98a8c0}.ve-empty>b{display:grid;place-items:center;width:78px;height:78px;border-radius:24px;margin:auto;background:var(--yellow);color:#07101f;font-size:30px}.ve-empty h1{color:#fff}.ve-transport{border-top:1px solid rgba(255,255,255,.06)}.ve-transport button{height:32px;min-width:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:#fff}.ve-transport .play{border:0;border-radius:50%;background:var(--yellow);color:#07101f}.ve-transport input{flex:1;min-width:80px;accent-color:var(--yellow)}.ve-inspector>header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.ve-inspector>header h2{margin:0}.ve-inspector>header span{font-size:9px;color:#68d8ad}.ve-panel{display:none;padding-top:16px}.ve-panel.active{display:block}.ve-panel label{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:18px;font-size:12px}.ve-panel label input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--yellow)}.ve-panel input[type=text],.ve-panel select{grid-column:1/-1;width:100%;background:var(--panel2);color:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}.ve-panel output{color:var(--yellow)}.ve-panel button,.ve-transform button,.ve-caption button{width:100%;min-height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:#fff;margin-bottom:8px}.ve-transform{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ve-caption{text-align:center;padding:16px;border:1px solid var(--line);border-radius:14px}.ve-caption>b{display:grid;place-items:center;width:52px;height:40px;margin:auto;background:var(--yellow);color:#07101f;border-radius:10px}.ve-caption p{color:var(--muted);font-size:12px;line-height:1.6}.ve-engine{margin-top:24px;padding:13px;border:1px solid rgba(61,120,255,.25);border-radius:13px;background:rgba(61,120,255,.1)}.ve-engine>*{display:block}.ve-engine small{color:#82a8ff}.ve-engine strong{font-size:12px;margin:5px 0}.ve-engine span{font-size:10px;color:var(--muted)}.ve-timeline{background:#091426;border-top:1px solid var(--line);padding:10px 16px;overflow:auto}.ve-timeline>header{display:flex;justify-content:space-between;font-size:11px}.ve-timeline button{height:30px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:#fff}.ve-ruler{height:20px;margin:8px 0 3px 82px;background:repeating-linear-gradient(90deg,#42506a 0 1px,transparent 1px 40px);opacity:.55}.ve-track-row{display:grid;grid-template-columns:70px minmax(600px,1fr);gap:12px;align-items:center;margin-bottom:8px}.ve-track-row>b{font-size:9px;color:var(--muted)}.ve-track{height:52px;position:relative;background:#111e33;border-radius:7px;overflow:hidden}.ve-clip{position:absolute;inset:4px;display:flex;align-items:center;padding:0 12px;border:1px solid #5e8cff;border-radius:6px;background:linear-gradient(90deg,#244b93,#173663);font-size:10px}.ve-clip.audio{border-color:#a76bff;background:linear-gradient(90deg,#633f9f,#38255e)}.ve-track i{position:absolute;left:0;inset-block:0;width:2px;background:#ff3d67;box-shadow:0 0 10px #ff3d67}.ve-modal{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:rgba(2,6,14,.84);backdrop-filter:blur(12px);padding:20px}.ve-modal[hidden]{display:none}.ve-modal>div{width:min(470px,100%);padding:34px;text-align:center;background:#101d33;border:1px solid var(--line);border-radius:24px}.ve-modal i{display:block;width:72px;height:72px;margin:auto;border:6px solid #273752;border-top-color:var(--yellow);border-radius:50%;animation:spin 1s linear infinite}.ve-modal p{color:var(--muted)}.ve-modal progress{width:100%;accent-color:var(--yellow)}.ve-modal button{min-height:44px;margin-top:16px;border:0;border-radius:10px;background:var(--yellow);font-weight:900;padding:0 16px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.ve-workspace{grid-template-columns:190px minmax(320px,1fr) 230px}.ve-private{display:none}.ve-library,.ve-inspector{padding:12px}}@media(max-width:800px){html,body{height:auto;overflow:auto}.ve-app{height:auto;display:block}.ve-header{position:sticky;top:0;z-index:20;grid-template-columns:auto 1fr;padding:10px 12px}.ve-project{display:none}.ve-actions{justify-content:flex-end}.ve-actions>button:not(.ve-export){display:none}.ve-workspace{display:flex;flex-direction:column}.ve-stage-shell{order:1;height:70dvh;min-height:520px}.ve-library{order:2;border:0;border-top:1px solid var(--line)}.ve-inspector{order:3;border:0;border-top:1px solid var(--line)}.ve-tools{grid-template-columns:repeat(6,minmax(72px,1fr));overflow:auto}.ve-timeline{min-height:225px}.ve-track-row{grid-template-columns:60px minmax(680px,1fr)}}@media(max-width:480px){.ve-header{grid-template-columns:1fr auto}.ve-brand{font-size:20px}.ve-actions .ve-export{padding:0 11px}.ve-stage-shell{height:64dvh;min-height:460px}.ve-transport{gap:5px;padding:0 8px}.ve-transport span{font-size:9px}}