*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 550px at 90% 0,#131b1b,transparent 65%),var(--bg);color:var(--text);font:15px system-ui,Segoe UI,sans-serif}header,main{padding:24px 4vw}header{border-bottom:1px solid var(--line)}h1{margin:0}header p,#proxyStatus{color:var(--muted)}button,input,select{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#131b1b;color:var(--text);font:inherit}button{font-weight:750;cursor:pointer}.primary{border:0;background:var(--teal);color:#00201d}.drop,.viewer-panel,.controls,.range-panel,.timeline-panel{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.drop{display:grid;place-items:center;min-height:170px;text-align:center;border-style:dashed;cursor:pointer}.drop.drag{border-color:var(--teal)}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:14px 0}#status{color:var(--teal)}.error{padding:12px;border-radius:9px;background:#2b1518;color:#ffd9d9}.editor-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);gap:18px}.stage{position:relative;width:min(100%,360px);aspect-ratio:9/16;margin:auto;overflow:hidden;border-radius:14px;background:#000}.stage video,.dom-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.foreground{z-index:3;pointer-events:none}.dom-layer{z-index:2;pointer-events:none}.dom-layer:last-child{z-index:4}.motion-item{position:absolute;left:calc(var(--x)*100%);top:calc(var(--y)*100%);transform:translate(-50%,-50%);transform-origin:center;white-space:nowrap;line-height:1.05;cursor:move;pointer-events:auto;user-select:none}.motion-item.selected{outline:1px dashed var(--teal);outline-offset:8px}.motion-item img{display:block;width:calc(var(--size)*100%);max-width:none;transform:translateX(-50%)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.controls label{display:grid;gap:6px}.wide,.tabs,.svg-library{grid-column:1/-1}.tabs{display:flex;gap:8px}.tabs .active{border-color:var(--teal);color:var(--teal)}.svg-library{display:flex;gap:8px;overflow:auto}.svg-library button{min-width:78px}.svg-library img{width:38px;height:38px;object-fit:contain}.range-panel{margin-top:18px}.range-head{display:flex;justify-content:space-between;color:var(--muted)}.range-head b{color:var(--teal)}.range-track{position:relative;height:58px;margin-top:10px;border:1px solid #2f4141;border-radius:10px;background:repeating-linear-gradient(90deg,#131b1b 0,#131b1b calc(10% - 1px),#233030 calc(10% - 1px),#233030 10%);touch-action:none}.range-selection{position:absolute;top:8px;bottom:8px;border:1px solid var(--teal);border-radius:7px;background:#00d6c944}.range-selection i{position:absolute;top:-9px;width:18px;height:58px;border:2px solid #ffffff;border-radius:8px;background:var(--teal)}.range-selection i:first-child{left:-9px}.range-selection i:last-child{right:-9px}.range-track>span{position:absolute;top:0;bottom:0;width:2px;background:#fff}.timeline-panel{margin-top:18px;overflow:auto}.ruler,.track{display:grid;grid-template-columns:110px minmax(900px,1fr)}.ruler{height:28px;margin-left:110px;position:relative;min-width:900px}.track{min-height:50px;border-top:1px solid var(--line)}.track>b{position:sticky;left:0;z-index:2;padding:15px 10px;background:#131b1b;color:var(--muted)}.track>div{position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#131b1b calc(10% - 1px),#131b1b 10%)}.event-block{position:absolute;top:6px;height:36px;overflow:hidden;border:1px solid var(--amber);border-radius:7px;background:#3a2f0d;color:#fff;padding:7px}.track i{position:absolute;top:0;bottom:0;width:3px;background:var(--teal)}.event-row{display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.rendered{display:block;width:min(100%,420px);aspect-ratio:9/16;object-fit:contain;margin:20px auto;background:#000}.download{display:block;width:max-content;margin:10px auto;padding:10px 14px;border-radius:9px;background:var(--teal);color:#00201d;text-decoration:none;font-weight:800}@media(max-width:900px){.editor-grid{grid-template-columns:1fr}.controls{grid-template-columns:1fr}.wide,.tabs,.svg-library{grid-column:auto}}