:root{color:#eef4f7;background:#080a0c;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-rows:64px minmax(430px,1fr) 260px auto;background:radial-gradient(circle at 50% 18%,#172026 0,#0b0e11 40%,#080a0c 72%)}.topbar{display:grid;grid-template-columns:minmax(270px,1fr) auto minmax(240px,1fr) auto;align-items:center;gap:18px;padding:0 16px 0 22px;border-bottom:1px solid #263038;background:#090c0ff5}.brand{display:flex;align-items:center;gap:10px;font-size:12px;color:#aeb9bf;white-space:nowrap}.brand strong{color:#fff;font-size:17px;letter-spacing:-.02em}.brand-copy{display:grid;gap:2px}.brand-copy small{color:#8d9aa1;font-size:10px}.brand-mark{position:relative;width:34px;height:25px}.brand-mark i{position:absolute;width:22px;height:22px;border:2px solid #12c8ef;border-radius:50%}.brand-mark i:last-child{left:12px}.local-dot{width:7px;height:7px;border-radius:50%;background:#43e58a;margin-left:6px}.top-actions{display:flex;gap:8px}.top-actions .ghost{min-width:62px}.ghost{border:0;background:transparent;display:grid;justify-items:center;gap:3px;font-size:19px;cursor:pointer}.ghost small{font-size:10px;color:#aab4ba}.primary{height:44px;border:0;border-radius:8px;padding:0 20px;background:#15c9ef;color:#021117;font-weight:800;display:flex;gap:8px;align-items:center;cursor:pointer}.primary svg{width:18px}.primary:disabled{opacity:.45;cursor:not-allowed}.export-progress{justify-self:end;width:245px;display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:8px 10px;border:1px solid #31404a;border-radius:8px;font-size:11px}.export-progress progress{width:100%;accent-color:#15c9ef}.export-progress button{grid-row:1/3;grid-column:2;background:transparent;border:1px solid #46545d;border-radius:6px;padding:5px 8px}.workspace{min-height:0;display:grid;grid-template-columns:188px minmax(500px,1fr) 316px}.toolbox,.inspector{min-height:0;border-right:1px solid #273139;background:#10151a}.inspector{border-right:0;border-left:1px solid #273139;overflow-y:auto}.import-button{margin:12px;padding:12px;border:1px solid #37434b;border-radius:8px;display:grid;grid-template-columns:28px 1fr;gap:1px 7px;align-items:center;cursor:pointer;font-size:13px;background:#151b20}.import-button svg{width:22px;grid-row:1/3}.import-button small{font-size:10px;color:#89959d}.import-button input,.hidden{display:none}.toolbox nav{padding:8px 12px 12px;border-top:1px solid #273139;display:grid;gap:5px}.toolbox nav button{height:43px;padding:0 12px;display:flex;gap:10px;align-items:center;border:1px solid #303b42;border-radius:6px;background:#141a1f;text-align:left;font-size:12px}.toolbox nav button.active{border-color:#13c8ef;background:#0e2831}.toolbox nav svg{width:20px}.runtime-status{border-top:1px solid #273139;padding:14px 16px;color:#93a0a8;font-size:11px}.runtime-status h2{margin:0 0 12px;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.runtime-status p{margin:8px 0}.runtime-status .ok{color:#46df8c}.runtime-status .warn{color:#ffb34f}.editor{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 48px;padding:12px 10px 0}.preview-wrap{position:relative;min-height:0;border:1px solid #265366;border-radius:7px 7px 0 0;overflow:hidden;background:#06080a;display:grid;place-items:center}.preview-wrap video{position:absolute;width:1px;height:1px;opacity:.001}.preview-wrap canvas{display:block;max-width:100%;max-height:100%;aspect-ratio:16/9;object-fit:contain}.transport{display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #273139;background:#11161a;font-size:11px;color:#9ca8ae}.transport button{border:0;background:transparent;height:34px;min-width:32px}.transport .play svg{width:24px}.transport strong{color:#13c8ef;font-variant-numeric:tabular-nums}.tabs{height:42px;display:flex;gap:20px;padding-left:14px;border-bottom:1px solid #29343b}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#8d9aa1;font-size:12px}.tabs .active{border-bottom-color:#13c8ef;color:#fff}.inspector>label,.inspector .field-pair,.inspector>select{margin:10px 14px}.inspector label{display:grid;gap:6px;font-size:10px;text-transform:uppercase;color:#89969d}.inspector input:not([type=range]),.inspector select{width:100%;min-width:0;height:32px;border:1px solid #354149;border-radius:5px;color:#eef4f7;background:#11171b;padding:0 9px;font-size:11px;text-transform:none}.inspector input[type=range]{width:calc(100% - 45px);accent-color:#13c8ef}.inspector input[type=color]{padding:3px}.inspector output{float:right;color:#fff}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.section-title{padding:12px 14px 0;margin-top:4px;border-top:1px solid #273139;text-transform:uppercase;letter-spacing:.1em;color:#9ba7ad;font-size:9px}.compat-error{margin:14px;border:1px solid #805817;border-radius:6px;background:#2b2110;color:#ffc76a;padding:10px;display:grid;gap:4px;font-size:10px}.timeline{border-top:1px solid #273139;background:#0d1216;padding:0 10px 10px;overflow:hidden}.timeline-head{height:42px;display:grid;grid-template-columns:90px 90px 60px 1fr;align-items:center;gap:10px;font-size:11px;color:#94a1a8}.timeline-head strong{text-transform:uppercase;font-size:10px;letter-spacing:.1em}.timeline-head .timecode{color:#13c8ef;font-size:13px}.timeline-head input{width:100%;accent-color:#13c8ef}.tracks{height:198px;display:grid;grid-template-columns:170px 1fr;grid-template-rows:repeat(4,1fr);position:relative;border:1px solid #273139;overflow:hidden}.track-label{border-right:1px solid #2c363d;border-bottom:1px solid #242e34;padding:8px 12px;display:grid;align-content:center;gap:3px;font-size:11px}.track-label small{color:#6f7c83;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-strip,.waveform,.text-clip,.mask-track{align-self:stretch;min-width:0;border-bottom:1px solid #242e34;position:relative}.thumb-strip{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;padding:4px;background:linear-gradient(90deg,#293941,#536a73,#27383f)}.thumb-strip i{background:linear-gradient(135deg,#9eb1ba 0 45%,#263841 46% 100%);border-radius:2px}.waveform{background:repeating-linear-gradient(90deg,transparent 0 4px,#0fa6d0 5px 7px,transparent 8px 11px),linear-gradient(180deg,transparent 48%,#13c8ef 49% 51%,transparent 52%);opacity:.8}.text-clip{align-self:center;height:35px;border:1px solid #bd61ff;background:#4c2175;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;white-space:nowrap;overflow:hidden}.mask-track{display:flex;align-items:center;justify-content:space-around}.mask-track i{width:9px;height:9px;background:#13c8ef;border-radius:50%}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#13c8ef;pointer-events:none}.playhead:before{content:"";position:absolute;width:9px;height:9px;transform:translate(-4px,-1px) rotate(45deg);background:#13c8ef}.app-footer{border-top:1px solid #273139;padding:7px 14px 8px;display:grid;gap:7px;color:#839098;font-size:10px}.footer-status,.footer-info{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-info nav{display:flex;gap:14px;white-space:nowrap}.footer-info a{color:#aeb9bf;text-underline-offset:2px}.footer-info a:hover{color:#13c8ef}@media(max-width:1050px){.workspace{grid-template-columns:72px minmax(0,1fr) 270px}.toolbox .import-button span,.toolbox .import-button small,.toolbox nav button:not(.active){font-size:0}.toolbox nav button{justify-content:center}.runtime-status,.top-actions{display:none}}@media(max-width:760px){.app-shell{grid-template-rows:58px minmax(390px,1fr) 210px auto}.topbar{grid-template-columns:1fr auto}.brand-copy small{display:none}.brand strong{font-size:14px}.export-progress{display:none}.workspace{grid-template-columns:58px 1fr}.inspector{display:none}.timeline{overflow-x:auto}.tracks{min-width:760px}.footer-status span:last-child{display:none}.footer-info{align-items:flex-start;flex-direction:column;gap:6px;line-height:1.35}}