:root{color:#e7e9f2;background:#101218;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.4;--bg: #101218;--panel: #181b24;--panel-2: #212533;--line: #313747;--text: #e7e9f2;--muted: #9aa1b5;--accent: #6d7cff;--video: #3c5ea6;--audio: #1f6e54;--image: #68488f;--title: #8d5c2d;--head: 212px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}button,input,select,textarea{border:1px solid var(--line);background:#12141c;border-radius:7px}button{padding:6px 10px;cursor:pointer}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px}.icon-btn.tight{min-height:26px;padding:3px 5px}.icon-btn svg{flex:0 0 auto;display:block}.zoom-control{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 2px;border:1px solid var(--line);border-radius:8px;background:#12141c}.zoom-control input[type=range]{width:min(180px,22vw);accent-color:#8ea2ff}.volume-field{gap:6px}.volume-field svg{color:var(--muted)}button:hover{border-color:#51586c}button.primary,button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #9aa8ff;outline-offset:1px}.editor{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;-webkit-user-select:none;user-select:none}.topbar,.transport,.timeline-tools,.actions,.pair,.tool-switch{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.topbar{padding:8px 12px;border-bottom:1px solid var(--line);background:#141722}.brand{display:flex;gap:10px;align-items:center}.brand strong{letter-spacing:-.03em}.name-input{width:180px;padding:6px 8px}.top-actions{margin-left:auto}.status{margin:0;flex-basis:100%;color:var(--muted);min-height:1.2em}.status:empty{display:none}.editor-main{min-height:0;display:grid;grid-template-columns:250px minmax(0,1fr) 280px}.library,.inspector{min-height:0;background:var(--panel);display:flex;flex-direction:column}.library{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2,.inspector h3,.modal-card h2{margin:0;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.panel-scroll,.media-list{overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0}.media-list{flex:1}.media-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;background:var(--panel-2);border-radius:8px;padding:8px;cursor:grab}.media-card img,.thumb{width:72px;height:48px;object-fit:cover;border-radius:4px;background:#0c0d12;grid-row:span 2}.thumb-audio{background:var(--audio)}.thumb-video{background:var(--video)}.media-card strong,.media-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card span,.hint{color:var(--muted);font-size:12px}.media-card .actions{grid-column:2}.hint{margin:0}.shortcuts{padding:0 12px 12px}.preview-col{min-width:0;min-height:0;display:flex;flex-direction:column;background:#0c0e13}.transport{padding:8px 12px;border-bottom:1px solid var(--line)}.mosaic-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);background:#151925}.mosaic-bar .hint{margin-left:4px}.time{min-width:11ch;font-variant-numeric:tabular-nums}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.field span{display:flex;justify-content:space-between;gap:8px}.field b{color:var(--text);font-weight:600}.field input[type=range]{width:140px;accent-color:#8ea2ff}.inspector .field input[type=range],.inspector select,.inspector textarea,.inspector input[type=number],.inspector input[type=color]{width:100%}.field.inline{flex-direction:row;align-items:center}.field input[type=number],.inspector select,.inspector textarea{padding:6px 8px;background:#12141c}.pair .field{flex:1}.check{display:flex;gap:8px;align-items:center;color:var(--text);font-size:13px}.stage-wrap{flex:1;min-height:0;display:grid;place-items:center;padding:16px;container-type:size}.stage{position:relative;width:min(100cqw,calc(100cqh * var(--aspect)));max-width:100%;max-height:100%;aspect-ratio:var(--w) / var(--h);background:#000;box-shadow:0 16px 50px #00000059}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.overlay{touch-action:none}.stage.is-mosaic .overlay{cursor:crosshair}.stage-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#c5c8d4;pointer-events:none}.timeline{min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--line);background:#141722}.grip{height:8px;cursor:ns-resize;background:linear-gradient(#2a3040,#141722)}.timeline-tools{padding:6px 10px;border-bottom:1px solid var(--line)}.timeline-body{flex:1;min-height:0;display:grid;grid-template-columns:var(--head) minmax(0,1fr)}.track-heads{border-right:1px solid var(--line);overflow:hidden}.ruler-space,.ruler{height:28px}.track-head,.lane{height:64px;border-bottom:1px solid var(--line)}.track-head.audio,.track-head.text,.lane.audio,.lane.text{height:52px}.track-head{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:4px 6px;min-width:0}.track-head input{width:100%;min-width:0;padding:2px 6px;font-size:12px}.track-head .actions{display:flex;flex-wrap:nowrap;align-items:center;gap:2px;width:100%;min-width:0}.track-head .actions .icon-btn.tight{flex:0 0 auto;width:26px;height:24px;min-height:24px;min-width:26px;padding:0;border-radius:5px}.track-head .actions .icon-btn.tight svg{width:13px;height:13px}.region button{padding:2px 6px}.timeline-scroll{overflow:auto;min-width:0}.timeline-content{position:relative;min-height:100%}.ruler{position:relative;background:#10131b;cursor:ew-resize}.tick{position:absolute;top:0;bottom:0;border-left:1px solid #3a4154;padding-left:4px}.tick span{font-size:11px;color:var(--muted)}.mark-range{position:absolute;top:0;bottom:0;background:#6d7cff2e}.mark{position:absolute;top:0;bottom:0;width:0;z-index:4}.mark:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:#7dffa8}.mark-out:before{background:#ffb15a}.mark-chapter:before{background:#7ec8ff}.mark-beat:before{background:#ffffff59;width:1px}.lane{position:relative;background:#12151d}.lane.audio{background:#101713}.lane.text{background:#17140f}.clip{position:absolute;top:5px;height:calc(100% - 10px);border-radius:6px;overflow:hidden;display:flex;align-items:center;color:#fff;background:var(--video);box-shadow:inset 0 0 0 1px #ffffff29;touch-action:none}.clip-audio{background:var(--audio)}.clip-image{background:var(--image)}.clip-text{background:var(--title)}.clip.is-selected{box-shadow:inset 0 0 0 2px #fff;z-index:2}.clip.is-grouped{outline:1px dashed rgba(255,220,120,.8)}.clip-wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.7;pointer-events:none}.wave-preview{width:100%;height:36px;border-radius:6px;background:#10141c}.advanced-block{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:1px solid var(--line)}.meter{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.meter-track{height:8px;border-radius:999px;background:#0d1018;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,#3d9b6e,#d6c15a,#d45d5d)}.timeline-scroll.is-scissors,.timeline-scroll.is-scissors .clip.is-cuttable{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f4f6ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='7' r='2.5'/%3E%3Ccircle cx='6' cy='17' r='2.5'/%3E%3Cpath d='M8.2 8.5 20 19M8.2 15.5 20 5'/%3E%3C/svg%3E") 4 4,crosshair}.clip.is-cuttable{--cut-x: 50%}.cut-guide{position:absolute;top:0;bottom:0;left:var(--cut-x);width:2px;margin-left:-1px;background:#ffd27a;box-shadow:0 0 0 1px #00000059;pointer-events:none;opacity:0}.clip.is-cuttable:hover .cut-guide{opacity:1}.clip-label{padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;font-size:12px}.trim{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize}.trim.left{left:0}.trim.right{right:0}.playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:#ff5d6c;z-index:5;pointer-events:none}.playhead:before{content:"";position:absolute;top:0;left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #ff5d6c}.regions{display:flex;flex-direction:column;gap:6px}.region{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--panel-2);border-radius:6px;padding:4px 6px;font-size:12px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:grid;place-items:center;z-index:20;padding:20px}.modal-card{width:min(640px,100%);background:var(--panel);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.modal-card video{width:100%;border-radius:8px;background:#000}.modal-card a{color:#c5ccff}.media-sink{position:fixed;left:0;bottom:0;width:8px;height:8px;overflow:hidden;opacity:.02;pointer-events:none}.media-sink video,.media-sink audio{width:160px;height:90px}@media (max-width: 980px){body{overflow:auto}.editor{height:auto;min-height:100%}.editor-main{grid-template-columns:1fr}.library,.inspector{max-height:280px;border:0;border-top:1px solid var(--line)}.stage-wrap{min-height:240px}.timeline{height:320px!important}}