@import url("./cabinet-visual.css");

.editor-preview { min-width: 0; padding: var(--space-sm); color: var(--color-text); background: var(--color-surface); border-bottom: var(--size-line-width) solid var(--color-line); }
.editor-preview-heading { display: flex; align-items: start; gap: var(--space-sm); }
.editor-preview-heading > div { flex: 1; min-width: 0; }
.editor-preview-heading strong { display: block; font-size: var(--font-size-body); line-height: 1.3; }
.editor-preview p { margin: var(--space-xs) 0; font-size: var(--font-size-caption); line-height: 1.3; }
.editor-preview-heading p, .editor-preview-content span { color: var(--color-text-muted); }
.editor-preview-content { display: flex; align-items: center; gap: var(--space-md); min-width: 0; }
.editor-preview-content > div:last-child { flex: 1; min-width: 0; }
.editor-preview-content span { font-size: var(--font-size-caption); line-height: 1.3; }
.editor-preview-image { flex: none; width: calc(var(--size-touch-min) * 2); height: calc(var(--size-touch-min) * 2); }
.editor-preview .cabinet-visual { display: flex; flex-direction: column; width: 100%; height: 100%; color: var(--color-text-muted); pointer-events: none; }
.editor-preview .cabinet-open-label { flex: none; }