.upload-zone.svelte-1qnt0nd{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-5xl) var(--spacing-3xl);text-align:center;transition:border-color .2s}.upload-zone.dragging.svelte-1qnt0nd{border-color:var(--accent-color)}.upload-content.svelte-1qnt0nd{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.upload-title.svelte-1qnt0nd{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.upload-hint.svelte-1qnt0nd{color:var(--text-tertiary);margin:0;font-size:13px}.upload-btn.svelte-1qnt0nd{padding:var(--spacing-lg) var(--spacing-2xl);background:var(--accent-color);color:var(--text-on-accent);border-radius:var(--radius-md);cursor:pointer;margin-top:var(--spacing-md);font-weight:500}.preview-area.svelte-1qnt0nd{gap:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:0;padding:var(--spacing-xl);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.preview-img.svelte-1qnt0nd{max-width:100%;max-height:400px;image-rendering:pixelated;border:1px solid var(--border-color);background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.playback-bar.svelte-1qnt0nd{align-items:center;gap:var(--spacing-md);width:100%;display:flex}.play-btn.svelte-1qnt0nd{padding:6px var(--spacing-lg);background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);justify-content:center;align-items:center;font-size:16px;display:inline-flex}.play-btn.svelte-1qnt0nd svg{width:16px;height:16px;display:block}.scrub-slider{flex:1}.frame-label.svelte-1qnt0nd{color:var(--text-tertiary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.mode-buttons.svelte-1qnt0nd{gap:6px;display:flex}.mode-btn.svelte-1qnt0nd{padding:var(--spacing-md) 6px;color:var(--text-secondary);background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;flex:1;font-size:12px;font-weight:500}.mode-btn.svelte-1qnt0nd:hover{background:var(--button-bg-hover)}.mode-btn.active.svelte-1qnt0nd{color:var(--text-on-accent);background:var(--accent-color);border-color:var(--accent-color)}.reset-full-btn.svelte-1qnt0nd{width:100%;padding:var(--spacing-lg);background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;margin-top:var(--spacing-md);font-size:13px}.reset-full-btn.svelte-1qnt0nd:hover{background:var(--button-bg-hover)}