:root{--ed-bg:#0d1017;--ed-panel:#141922;--ed-panel-2:#1b212c;--ed-line:#262e3b;--ed-text:#e6ebf3;--ed-muted:#8b97ab;--ed-accent:#4cc2ff;--ed-accent-2:#ff6b6b}body.ed-body{background:var(--ed-bg);color:var(--ed-text);overscroll-behavior:none;font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}html:has(body.ed-body){overscroll-behavior-x:none}.ed-app{background:var(--ed-bg);height:100vh;color:var(--ed-text);flex-direction:column;display:flex}.ed-topbar{border-bottom:1px solid var(--ed-line);background:linear-gradient(#171d27,#12171f);flex:0 0 56px;align-items:center;gap:.75rem;height:56px;padding:0 1rem;display:flex}.ed-brand{letter-spacing:.5px;align-items:center;gap:.5rem;font-weight:700;display:flex}.ed-brand .dot{background:var(--ed-accent);width:10px;height:10px;box-shadow:0 0 12px var(--ed-accent);border-radius:50%}.ed-main{flex:auto;min-height:0;display:flex}.ed-side{background:var(--ed-panel);border-right:1px solid var(--ed-line);flex-direction:column;flex:0 0 280px;width:280px;display:flex;overflow-y:auto}.ed-side.right{border-right:none;border-left:1px solid var(--ed-line);flex-basis:224px;width:224px}.ed-center{flex-direction:column;flex:auto;min-width:0;display:flex}.ed-stage{background:radial-gradient(circle at 50% 40%,#1b2230,#0b0e14 70%);flex:auto;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;position:relative}.ed-canvas-wrap{border-radius:8px;max-width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 18px 60px #0009}.ed-canvas-wrap canvas{background:#000;max-width:100%;max-height:100%;display:block}.ed-overlay-layer{position:absolute;inset:0}.ed-ov-box{cursor:move;border:1.5px dashed #4cc2ffe6;position:absolute}.ed-ov-box.active{border-style:solid;box-shadow:0 0 0 1px #4cc2ff66}.ed-ov-handle{background:var(--ed-accent);cursor:nwse-resize;border-radius:2px;width:12px;height:12px;position:absolute;bottom:-6px;right:-6px}.ed-transport{background:var(--ed-panel);border-top:1px solid var(--ed-line);border-bottom:1px solid var(--ed-line);flex:none;align-items:center;gap:.5rem;padding:.5rem .9rem;display:flex}.ed-timeline{background:var(--ed-panel-2);flex-direction:column;flex:0 0 210px;height:210px;min-height:0;display:flex}.ed-tl-scroll{overscroll-behavior-x:none;overscroll-behavior-y:contain;overflow-anchor:none;flex:auto;position:relative;overflow:auto}.ed-ruler{z-index:5;border-bottom:1px solid var(--ed-line);background:#10151d;height:26px;position:sticky;top:0}.ed-ruler-tick{height:100%;color:var(--ed-muted);-webkit-user-select:none;user-select:none;border-left:1px solid #2c3543;padding-left:4px;font-size:10px;position:absolute;top:0}.ed-track{border-bottom:1px solid var(--ed-line);min-height:52px;display:flex}.ed-track-head{z-index:4;border-right:1px solid var(--ed-line);background:#151b25;flex:0 0 140px;width:140px;padding:5px 8px;font-size:11px;position:sticky;left:0}.ed-track-body{background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:40px 100%;flex:auto;position:relative}.ed-clip{color:#eaf4ff;cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(#2b6cb0,#1f4e82);border:1px solid #57a6ea;border-radius:6px;height:40px;font-size:11px;position:absolute;top:5px;overflow:hidden}.ed-clip.selected{outline:2px solid var(--ed-accent);box-shadow:0 0 16px #4cc2ff59}.ed-clip .label{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:4px 8px;overflow:hidden}.ed-clip .thumbs{opacity:.35;pointer-events:none;background:repeating-linear-gradient(90deg,#16324f 0 12px,#1d4269 12px 24px);position:absolute;inset:22px 0 0}.ed-trim{cursor:ew-resize;background:#ffffff40;width:8px;height:100%;position:absolute;top:0}.ed-trim.left{left:0}.ed-trim.right{right:0}.ed-playhead{background:var(--ed-accent-2);z-index:6;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.ed-playhead:before{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--ed-accent-2);position:absolute;top:0;left:-5px}.ed-panel-title{text-transform:uppercase;letter-spacing:1px;color:var(--ed-muted);padding:12px 12px 6px;font-size:11px}.ed-media-item{background:var(--ed-panel-2);border:1px solid var(--ed-line);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin:0 8px 8px;padding:8px 10px;font-size:12px;display:flex}.ed-media-item:hover{border-color:var(--ed-accent)}.ed-media-item .thumb{object-fit:cover;background:#000;border-radius:4px;flex:0 0 54px;width:54px;height:34px}.ed-btn{background:var(--ed-panel-2);border:1px solid var(--ed-line);color:var(--ed-text);border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;transition:all .15s;display:inline-flex}.ed-btn:hover:not(:disabled){border-color:var(--ed-accent);color:#fff;background:#202836}.ed-btn:disabled{opacity:.4}.ed-btn.primary{color:#fff;background:linear-gradient(#3aa7e0,#2a80b8);border-color:#56b9ee;font-weight:600}.ed-btn.danger:hover{border-color:var(--ed-accent-2);color:#ffd7d7}.ed-input,.ed-select{border:1px solid var(--ed-line);color:var(--ed-text);background:#10151d;border-radius:6px;width:100%;padding:5px 8px;font-size:12.5px}.ed-input:focus,.ed-select:focus{border-color:var(--ed-accent);outline:none}.ed-field{padding:4px 12px 10px}.ed-field label{color:var(--ed-muted);margin-bottom:3px;font-size:11px;display:block}.ed-time{font-variant-numeric:tabular-nums;color:var(--ed-muted);font-size:13px}.ed-modal-backdrop{z-index:1050;background:#03060bb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ed-modal{background:var(--ed-panel);border:1px solid var(--ed-line);border-radius:12px;width:460px;max-width:92vw;box-shadow:0 24px 70px #000000a6}.ed-modal-header,.ed-modal-footer{border-bottom:1px solid var(--ed-line);padding:14px 16px;font-weight:600}.ed-modal-footer{border-bottom:none;border-top:1px solid var(--ed-line);justify-content:flex-end;gap:8px;display:flex}.ed-modal-body{padding:14px 4px}.ed-empty{color:var(--ed-muted);padding:10px 14px;font-size:12px}.ed-progress{background:#10151d;border-radius:4px;height:6px;overflow:hidden}.ed-progress>div{background:var(--ed-accent);height:100%;transition:width .2s}.ed-drop{text-align:center;color:var(--ed-muted);cursor:pointer;background:#ffffff03;border:1.5px dashed #8b97abcc;border-radius:10px;margin:8px;padding:18px 10px;font-size:12px;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;box-shadow:inset 0 0 0 1px #ffffff05}.ed-drop:hover{border-color:var(--ed-accent);color:var(--ed-text);background:#4cc2ff0a;box-shadow:inset 0 0 0 1px #4cc2ff1f}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f141c}::-webkit-scrollbar-thumb{background:#2a3444;border-radius:6px}.ed-ctx{z-index:3000;border:1px solid var(--ed-line);color:#e7eef7;background:#151b25;border-radius:8px;min-width:210px;padding:6px;position:fixed;box-shadow:0 12px 32px #0000008c}.ed-ctx-title{letter-spacing:.5px;text-transform:uppercase;color:var(--ed-muted);border-bottom:1px solid var(--ed-line);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;padding:4px 8px 6px;font-size:10px;overflow:hidden}.ed-ctx-item{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 8px;font-size:12px;display:block}.ed-ctx-item:hover{background:#4cc2ff24}.ed-ctx-item.danger:hover{color:#ffd6d6;background:#ff6b6b2e}.ed-track-body.drop-target{background-color:#4cc2ff0d}.ed-drop-hint{border:2px dashed var(--ed-accent);pointer-events:none;z-index:5;background:#4cc2ff24;border-radius:6px;height:40px;position:absolute;top:5px}.ed-drop-hint:before{content:"";background:var(--ed-accent);border-radius:2px;width:3px;position:absolute;top:-4px;bottom:-4px;left:-3px}