/* Selection chrome never intercepts preview controls or changes saved rectangles. */
#viewport { user-select: none; -webkit-user-select: none; }
#viewport input, #viewport textarea, #viewport [contenteditable="true"] { user-select: text; -webkit-user-select: text; }
.workspace-card.item-selected { outline: 2px solid var(--accent); outline-offset: 3px; }
.workspace-card.item-selected > .preview-slot { box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 24%, transparent); }
.workspace-marquee { position: absolute; z-index: 10; pointer-events: none; border: 1px solid var(--accent); background: color-mix(in srgb, var(--accent) 14%, transparent); }
#viewport.workspace-selecting .preview-slot { pointer-events: none; }