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