.preview-with-controls.svelte-1l7t4si{flex-direction:column;height:100%;min-height:500px;display:flex}.preview-with-controls.svelte-1l7t4si .preview-panel{flex:1;min-height:0}.error-message.svelte-1l7t4si{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);color:var(--danger-color);background:var(--danger-bg);border:1px solid rgba(var(--danger-rgb), .3);border-radius:var(--radius-md);font-size:13px}.playback-controls.svelte-1l7t4si{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--ui-bg);border-top:1px solid var(--border-color);flex-shrink:0;display:flex}.play-btn.svelte-1l7t4si{background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-primary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.play-btn.svelte-1l7t4si:hover{background:var(--button-bg-hover)}.analyzer-scrubber{flex:1}.frame-indicator.svelte-1l7t4si{color:var(--text-tertiary);font-variant-numeric:tabular-nums;text-align:end;flex-shrink:0;min-width:40px;font-size:11px;font-weight:600}.scale-display.svelte-1l7t4si{gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;display:flex}.scale-value.svelte-1l7t4si{color:var(--accent-color);font-size:28px;font-weight:700;line-height:1}.scale-description.svelte-1l7t4si{color:var(--text-tertiary);font-size:12px}.palette-grid.svelte-1l7t4si{flex-wrap:wrap;gap:3px;display:flex}.more-colors.svelte-1l7t4si{color:var(--text-tertiary);padding:0 var(--spacing-sm);align-items:center;font-size:11px;display:flex}.export-section.svelte-1l7t4si{gap:var(--spacing-xl);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);flex-direction:column;display:flex}.export-group.svelte-1l7t4si{gap:var(--spacing-md);flex-direction:column;display:flex}.export-group-label.svelte-1l7t4si{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.export-btn.svelte-1l7t4si{justify-content:center;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-lg) var(--spacing-xl);color:var(--text-primary);background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;transition:all .15s;display:flex}.export-btn.svelte-1l7t4si:hover{background:var(--button-bg-hover);border-color:var(--accent-color)}.export-btn.svelte-1l7t4si:disabled{opacity:.5;cursor:not-allowed}.export-btn.primary.svelte-1l7t4si{color:var(--text-on-accent);background:var(--accent-color);border-color:var(--accent-color)}.export-btn.primary.svelte-1l7t4si:hover:not(:disabled){filter:brightness(1.1)}.export-btn.svelte-1l7t4si svg,.play-btn.svelte-1l7t4si svg{width:16px;height:16px}.export-row.svelte-1l7t4si{gap:var(--spacing-md);align-items:stretch;display:flex}.export-row.svelte-1l7t4si .export-btn:where(.svelte-1l7t4si){flex:1;width:auto}.format-select.svelte-1l7t4si{padding:6px var(--spacing-lg);color:var(--text-primary);background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;transition:all .15s}.format-select.svelte-1l7t4si:hover{border-color:var(--accent-color)}