.ai-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);padding:var(--space-xl)}.ai-input-pane,.ai-output-pane{display:flex;flex-direction:column}.image-dropzone{flex:1;min-height:250px;border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);text-align:center;padding:var(--space-lg)}.image-dropzone:hover,.image-dropzone.dragover{border-color:var(--color-accent);background:var(--color-surface)}.dropzone-hint{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.ai-output-box{flex:1;min-height:350px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.ai-empty-state{color:var(--color-text-tertiary);font-style:italic;text-align:center;padding:var(--space-xl)}.ai-controls{display:flex;justify-content:space-between;align-items:center}.ai-stats{font-size:11px;color:var(--color-text-tertiary);font-family:var(--font-mono)}#result-wrapper canvas{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 4px 6px #0000001a}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.ai-layout{grid-template-columns:1fr;padding:var(--space-md);gap:var(--space-lg)}}