.preview-panel{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-inset)}.preview-tabs{display:flex;align-items:center;gap:2px;height:var(--panel-header-height);padding:0 var(--space-sm);background:var(--bg-panel);border-bottom:1px solid var(--border);flex:none}.preview-tab{font-size:var(--font-sm);color:var(--text-tertiary);background:transparent;border:none;border-radius:999px;padding:3px 12px;cursor:pointer;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;transition:background .15s ease,color .15s ease}.preview-tab:hover{background:var(--bg-subtle);color:var(--text-secondary)}.preview-tab.active{color:var(--text-primary);background:var(--bg-subtle);font-weight:600}.preview-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--bg-inset)}.preview-canvas-wrap{position:absolute;will-change:transform;background:var(--bg-preview-canvas);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.preview-canvas-wrap canvas,.preview-canvas-wrap video,.preview-canvas-wrap img{display:block;width:100%;height:100%;border-radius:var(--radius-md)}.preview-canvas-wrap.zoomed-out{outline:1px solid var(--border-strong)}.preview-transport{display:flex;align-items:center;justify-content:center;padding:8px 0 12px;background:var(--bg-inset);flex:none}.preview-transport-pill{display:flex;align-items:center;gap:var(--space-xs);height:34px;padding:0 10px;background:var(--bg-panel);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm)}.preview-transport-pill button{background:transparent;border:none;color:var(--text-secondary);width:26px;height:26px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.preview-transport-pill button:hover{background:var(--bg-subtle);color:var(--text-primary)}.preview-transport-pill .preview-play{background:var(--accent-subtle);color:var(--accent)}.preview-transport-pill .preview-play:hover{background:var(--accent-subtle);color:var(--accent-hover)}.preview-timecode{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--font-sm);color:var(--text-secondary);margin:0 var(--space-sm)}.preview-zoom-select{background:var(--bg-subtle);color:var(--text-secondary);border:none;border-radius:999px;font-size:var(--font-xs);padding:3px 8px}.transform-overlay{position:absolute;border:1.5px solid var(--accent);cursor:move;pointer-events:auto}.transform-handle{position:absolute;width:9px;height:9px;background:#fff;border:1.5px solid var(--accent);border-radius:2.5px;box-shadow:var(--shadow-sm);pointer-events:auto}.transform-rotate-handle{position:absolute;left:50%;top:-26px;width:11px;height:11px;margin-left:-5.5px;background:#fff;border-radius:50%;border:1.5px solid var(--accent);box-shadow:var(--shadow-sm);cursor:grab;pointer-events:auto}.crop-overlay{position:absolute;border:1.5px dashed var(--accent-timecode);pointer-events:auto}.crop-shade{position:absolute;background:#0000008c;pointer-events:none}.chroma-cursor{cursor:crosshair!important}