.video-lab header{padding:20px 16px}.video-lab .brand{width:min(75%,400px)}.video-lab .brand small{font-size:16px;letter-spacing:0;margin-left:8px}.back-link{font:11px monospace;color:var(--text)}.video-lab main{padding:0 16px}.lab-actions{display:flex;border:2px solid var(--edge);background:var(--acid);margin:10px 0 18px}.lab-actions>*{flex:1;min-width:0;min-height:46px;font:bold 11px monospace;border-right:1px solid var(--edge);display:flex;align-items:center;justify-content:center;padding:6px}.lab-actions>:last-child{border:0}.workbench{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:20px}.screen{min-width:0}#stage{position:relative;background:#151515;border:2px solid var(--edge);touch-action:pan-y;overflow:hidden}#screen{border:0;pointer-events:none;touch-action:pan-y}#handles{position:absolute;inset:0;pointer-events:none}#empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--acid);text-align:center;font:900 38px/1 Impact,'Arial Black',sans-serif}#empty small{font:12px monospace;margin-top:20px}#handles .selection{position:absolute;border:2px dashed var(--acid);transform:translate(-50%,-50%);min-width:45px;min-height:35px;pointer-events:none}#handles .move-handle{position:absolute;transform:translate(-50%,-50%);background:var(--acid);border:2px solid var(--edge);width:44px;height:44px;pointer-events:auto;touch-action:none;font:900 25px monospace}#handles .select-hit{position:absolute;transform:translate(-50%,-50%);border:0;pointer-events:auto;touch-action:pan-y;min-width:44px;min-height:35px;background:transparent}.video-lab .transport{gap:8px}.video-lab .transport #sound{font:9px monospace;min-width:44px;background:var(--paper)}.sequence-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font:bold 10px monospace;border-top:2px solid var(--edge);padding:10px 0}.sequence-head button{min-height:36px;background:var(--orange);font:bold 10px monospace;padding:8px}.sequence-head>span:last-child{font-size:9px}#sequence{display:flex;overflow-x:auto;gap:8px;padding:5px 2px 12px;touch-action:pan-x pan-y}#sequence button{flex-shrink:0;min-width:100px;max-width:145px;min-height:60px;border:2px solid var(--edge);background:var(--soft-purple);text-align:left;padding:10px;font:bold 11px monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#sequence button small{display:block;font-weight:normal;margin-top:8px}#sequence button.active{background:var(--acid);box-shadow:2px 2px var(--purple)}#clip-tools{background:var(--surface);border:1px solid var(--edge);padding:12px;margin-bottom:12px}#clip-name{font:10px monospace;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}.mini-actions{display:flex;flex-wrap:wrap;gap:4px}.mini-actions button{border:1px solid var(--edge);min-height:44px;font:bold 9px monospace;flex:1;padding:5px;background:var(--paper)}.mini-actions button:disabled{opacity:.35}.video-lab #inspector{border:2px solid var(--edge);padding:16px;background:var(--surface);box-shadow:4px 4px var(--purple)}#inspector h2{font:900 24px Impact,'Arial Black',sans-serif}#no-selection p{font:12px/1.7 monospace}.quick-timing{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.quick-timing button{background:var(--acid);border:2px solid var(--edge);min-height:44px;font:bold 11px monospace;flex:1}.quick-timing output{width:100%;font:11px monospace}.video-lab details{margin:14px 0}.video-lab summary{font:bold 10px monospace;min-height:30px;cursor:pointer}.video-lab #points{display:flex;flex-wrap:wrap;gap:4px}.point{display:flex;border:1px solid var(--edge);background:var(--soft-purple)}.point button{min-height:36px;padding:6px;font:10px monospace}.point button+button{border-left:1px solid var(--edge);min-width:36px}.export-bar{margin-top:16px;border-top:2px solid var(--edge);padding-top:16px}.export-bar .export{margin:0 0 10px}.video-lab #cancel{min-height:44px;width:100%;border:2px solid var(--edge);background:var(--acid);font:bold 12px monospace}.video-lab #result{max-width:100%;width:480px;display:block;margin:20px auto}.video-lab #download{display:block;font:bold 12px monospace;color:var(--link);margin:16px 0}.video-lab .lane{position:relative;flex:1;background:var(--lane);height:36px;border:1px solid var(--edge);min-width:0;touch-action:pan-y}.video-lab .time-clip{position:absolute;top:3px;height:28px;background:var(--purple);color:white;border:1px solid var(--edge);display:flex;justify-content:space-between;min-width:22px;touch-action:none;font:10px monospace}.time-clip .trim{background:var(--acid);color:var(--ink);width:18px;min-width:18px;touch-action:none}.time-clip .clip-caption{padding:5px;overflow:hidden;white-space:nowrap;pointer-events:none}.video-lab .track-name{width:76px;min-width:76px}.video-lab .play-line{position:absolute;top:0;bottom:0;width:2px;background:var(--orange);pointer-events:none;z-index:2}.video-lab .busy{opacity:.5}.video-lab button:disabled{opacity:.4}.video-lab #status{margin:18px 0;white-space:pre-wrap;overflow-wrap:anywhere;min-height:30px}@media(max-width:650px){.workbench{display:block}.video-lab #inspector{margin-top:18px}.video-lab .brand{width:80%}.back-link{font-size:9px}.video-lab .transport output{font-size:9px}.lab-actions>*{font-size:10px}.video-lab #empty{font-size:32px}#handles{inset:0}.video-lab header{gap:10px}.lab-actions{position:sticky;top:0;z-index:5}}

.video-lab #stage{margin:0 auto}

.video-lab #screen{position:relative;z-index:1;background:transparent}.video-lab .source-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;background:#161616}.video-lab #handles{z-index:2}.video-lab #empty{z-index:3}

@media (prefers-color-scheme:dark), (max-width:650px){
 .lab-actions,#handles .move-handle,.sequence-head button,.quick-timing button,#sequence button.active,.time-clip .trim,.video-lab #cancel{color:var(--ink)}
 .video-lab .transport #sound{color:var(--text)}
}