.flip-canvas-container.svelte-dcql1p{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;overflow:hidden;min-height:400px}.flip-canvas.svelte-dcql1p{max-width:100%;max-height:100%;display:block;-o-object-fit:contain;object-fit:contain;border-radius:8px;transition:opacity .15s ease}.flip-canvas.flipping.svelte-dcql1p{animation:svelte-dcql1p-quickFlip .3s ease-in-out}@keyframes svelte-dcql1p-quickFlip{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.flip-canvas-container.svelte-dcql1p{min-height:350px}}@media (max-width: 480px){.flip-canvas-container.svelte-dcql1p{min-height:300px}}.flip-image.svelte-4r0a3a{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.flip-container.svelte-4r0a3a{display:flex;flex-direction:column;gap:2rem}.flip-interface.svelte-4r0a3a{display:flex;flex-direction:column;gap:1.5rem}.canvas-container.svelte-4r0a3a{height:500px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #e5e5e5}.desktop-controls.svelte-4r0a3a{display:flex;justify-content:center;align-items:center;padding:1rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 2px 4px #0000001a}.flip-buttons-compact.svelte-4r0a3a{display:flex;align-items:center;gap:.5rem}.flip-btn-compact.svelte-4r0a3a{display:flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;background:transparent;border:none;border-radius:6px;color:#666;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.flip-btn-compact.svelte-4r0a3a:hover:not(:disabled){background:#fafafa;color:#1a1a1a}.flip-btn-compact.active.svelte-4r0a3a{background:#1a1a1a;color:#fff}.flip-btn-compact.svelte-4r0a3a:disabled{opacity:.4;cursor:not-allowed}.flip-btn-compact.reset-btn.svelte-4r0a3a{color:#666}.flip-btn-compact.reset-btn.svelte-4r0a3a:hover:not(:disabled){background:#fafafa;color:#1a1a1a}.divider.svelte-4r0a3a{width:1px;height:24px;background:#e5e5e5;margin:0 .25rem}.mobile-controls.svelte-4r0a3a{display:none}.mobile-flip-buttons.svelte-4r0a3a{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.mobile-flip-btn.svelte-4r0a3a{display:flex;align-items:center;justify-content:center;padding:1rem .75rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#666;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:54px}.mobile-flip-btn.svelte-4r0a3a:active{transform:scale(.97)}.mobile-flip-btn.active.svelte-4r0a3a{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.mobile-flip-btn.svelte-4r0a3a:disabled{opacity:.4;cursor:not-allowed}.action-buttons.svelte-4r0a3a{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.action-btn.svelte-4r0a3a{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.primary-btn.svelte-4r0a3a{background:#1a1a1a;color:#fff;box-shadow:0 2px 4px #0000001a}.primary-btn.svelte-4r0a3a:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.primary-btn.svelte-4r0a3a:disabled{opacity:.7;cursor:not-allowed}.secondary-btn.svelte-4r0a3a{background:#fff;color:#666;border:1px solid #e5e5e5}.secondary-btn.svelte-4r0a3a:hover:not(:disabled){background:#fafafa;border-color:#1a1a1a;color:#1a1a1a;transform:translateY(-2px)}.error-message.svelte-4r0a3a{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem}.error-icon.svelte-4r0a3a{color:#ef4444;flex-shrink:0}.error-message.svelte-4r0a3a span:where(.svelte-4r0a3a){color:#ef4444;font-weight:500}.spinner.svelte-4r0a3a{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:svelte-4r0a3a-spin 1s linear infinite}@keyframes svelte-4r0a3a-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.desktop-controls.svelte-4r0a3a{padding:.75rem 1rem}.flip-btn-compact.svelte-4r0a3a{padding:.5rem .875rem;font-size:.8125rem}}@media (max-width: 768px){.flip-image.svelte-4r0a3a{padding:1rem}.canvas-container.svelte-4r0a3a{height:400px}.desktop-controls.svelte-4r0a3a{display:none}.mobile-controls.svelte-4r0a3a{display:block}.action-buttons.svelte-4r0a3a{gap:.75rem}.action-btn.svelte-4r0a3a{flex:1;min-width:120px;justify-content:center;padding:.875rem 1rem}}@media (max-width: 480px){.flip-image.svelte-4r0a3a{padding:.75rem}.canvas-container.svelte-4r0a3a{height:350px}.mobile-flip-buttons.svelte-4r0a3a{gap:.5rem}.mobile-flip-btn.svelte-4r0a3a{padding:.875rem .5rem;font-size:.8125rem;min-height:50px}.action-btn.svelte-4r0a3a{padding:.875rem .75rem;font-size:.875rem}}@media (hover: none) and (pointer: coarse){.flip-btn-compact.svelte-4r0a3a,.mobile-flip-btn.svelte-4r0a3a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-flip-btn.svelte-4r0a3a{min-height:56px}}