.flip-workspace{display:flex;flex-direction:column;gap:1.5rem}.preview-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.preview-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.preview-label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #666)}.preview-image{max-width:100%;max-height:300px;border:1px solid var(--border-color, #ddd);border-radius:8px;object-fit:contain}.controls{display:flex;flex-direction:column;gap:1rem}.direction-buttons{display:flex;gap:.5rem;justify-content:center}.direction-buttons button{padding:.75rem 1.25rem;border:1px solid var(--border-color, #ddd);background:#fff;border-radius:8px;cursor:pointer;font-size:.875rem;transition:all .2s}.direction-buttons button.active{background:var(--primary, #4361ee);color:#fff;border-color:var(--primary, #4361ee)}.action-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.privacy-note{text-align:center;padding:.75rem;background:#4caf501a;color:var(--success, #4caf50);border-radius:8px;font-size:.875rem;margin-top:1rem}@media(max-width:640px){.direction-buttons,.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}}