.rotate-canvas.svelte-10df20s{position:relative;width:100%;height:100%;min-height:400px;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#fafafa;border-radius:8px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-container.svelte-10df20s{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.image-wrapper.svelte-10df20s{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.rotate-image.svelte-10df20s{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;box-shadow:0 4px 20px #00000026;border-radius:4px;transition:none!important;will-change:transform}.grid-overlay.svelte-10df20s{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:50px 50px;background-position:center center}.center-marker.svelte-10df20s{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.crosshair-h.svelte-10df20s,.crosshair-v.svelte-10df20s{position:absolute;background:#6366f180}.crosshair-h.svelte-10df20s{width:20px;height:1px;top:0;left:-10px}.crosshair-v.svelte-10df20s{width:1px;height:20px;top:-10px;left:0}.angle-indicator.svelte-10df20s{position:absolute;top:1rem;right:1rem;background:#1a1a1ad9;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:1.25rem;font-weight:600;font-family:Monaco,Courier New,monospace;box-shadow:0 2px 8px #0003;pointer-events:none}.loading-state.svelte-10df20s{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:#666}.spinner.svelte-10df20s{width:32px;height:32px;border:3px solid rgba(26,26,26,.3);border-top:3px solid #1a1a1a;border-radius:50%;animation:svelte-10df20s-spin 1s linear infinite}@keyframes svelte-10df20s-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.rotate-canvas.svelte-10df20s{min-height:320px}.image-container.svelte-10df20s{padding:1rem}.angle-indicator.svelte-10df20s{font-size:1rem;padding:.4rem .8rem}}@media (max-width: 480px){.rotate-canvas.svelte-10df20s{min-height:280px}.image-wrapper.svelte-10df20s{max-width:95%;max-height:95%}}.rotate-image.svelte-1nv16zh{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.rotate-container.svelte-1nv16zh{display:flex;flex-direction:column;gap:2rem}.rotate-interface.svelte-1nv16zh{display:flex;flex-direction:column;gap:1.5rem}.canvas-container.svelte-1nv16zh{height:500px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #e5e5e5}.desktop-controls.svelte-1nv16zh{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 2px 4px #0000001a}.controls-compact.svelte-1nv16zh{padding:.875rem 1rem}.control-row.svelte-1nv16zh{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.control-group-inline.svelte-1nv16zh{display:flex;align-items:center;gap:.5rem}.control-group-inline.flex-expand.svelte-1nv16zh{flex:1;min-width:220px}.control-label-inline.svelte-1nv16zh{font-size:.75rem;font-weight:600;color:#666;white-space:nowrap}.button-group-inline.svelte-1nv16zh{display:flex;gap:.375rem}.slider-container-inline.svelte-1nv16zh{display:flex;align-items:center;gap:.625rem;flex:1}.output-controls-inline.svelte-1nv16zh{display:flex;align-items:center;gap:.5rem}.divider-vertical.svelte-1nv16zh{width:1px;height:32px;background:#e5e5e5;flex-shrink:0}.control-btn.svelte-1nv16zh{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1rem;background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#1a1a1a;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.control-btn.compact.svelte-1nv16zh{padding:.5rem .75rem;font-size:.8125rem;min-width:auto}.control-btn.icon-btn.svelte-1nv16zh{padding:.5rem;min-width:auto;width:36px;height:36px}.control-btn.svelte-1nv16zh:hover:not(:disabled){background:#fafafa;border-color:#1a1a1a;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.control-btn.active.svelte-1nv16zh{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.control-btn.active.svelte-1nv16zh svg:where(.svelte-1nv16zh){color:#fff}.control-btn.svelte-1nv16zh:disabled{opacity:.4;cursor:not-allowed;transform:none}.control-btn.reset-btn.svelte-1nv16zh{background:#fff;border-color:#d1d5db;color:#6b7280;font-weight:600;padding:.5rem 1rem;min-width:auto}.control-btn.reset-btn.svelte-1nv16zh:hover:not(:disabled){background:#fff;border-color:#1a1a1a;color:#1a1a1a;box-shadow:0 2px 4px #0000001a}.control-btn.svelte-1nv16zh svg:where(.svelte-1nv16zh){flex-shrink:0}.angle-slider.svelte-1nv16zh{flex:1;min-width:140px;height:5px;border-radius:3px;background:#e5e5e5;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.angle-slider.svelte-1nv16zh::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#1a1a1a;border:2px solid #ffffff;box-shadow:0 1px 3px #0003;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.angle-slider.svelte-1nv16zh::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 4px #00000040}.angle-slider.svelte-1nv16zh::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#1a1a1a;border:2px solid #ffffff;box-shadow:0 1px 3px #0003;cursor:pointer;-moz-transition:all .2s ease;transition:all .2s ease}.angle-slider.svelte-1nv16zh::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 2px 4px #00000040}.angle-display.svelte-1nv16zh{font-size:.875rem;color:#1a1a1a;font-weight:700;font-family:Monaco,Courier New,monospace;min-width:45px;text-align:center;background:#f5f5f5;padding:.375rem .5rem;border-radius:4px;border:1px solid #e5e5e5}.format-select.svelte-1nv16zh{padding:.5rem .75rem;background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#1a1a1a;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;min-width:100px}.format-select.compact.svelte-1nv16zh{padding:.5rem .625rem;font-size:.8125rem;min-width:90px}.format-select.svelte-1nv16zh:hover{border-color:#1a1a1a;box-shadow:0 2px 4px #0000001a}.format-select.svelte-1nv16zh:focus{border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a}.color-picker.svelte-1nv16zh{width:36px;height:36px;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;transition:all .2s ease;background:transparent;padding:2px}.color-picker.compact.svelte-1nv16zh{width:36px;height:36px;padding:2px}.color-picker.svelte-1nv16zh:hover{border-color:#1a1a1a;box-shadow:0 2px 4px #0000001a}.color-picker.svelte-1nv16zh::-webkit-color-swatch-wrapper{padding:0}.color-picker.svelte-1nv16zh::-webkit-color-swatch{border:none;border-radius:4px}.color-picker.svelte-1nv16zh::-moz-color-swatch{border:none;border-radius:4px}.mobile-controls.svelte-1nv16zh{display:none}.mobile-row.svelte-1nv16zh{display:flex;align-items:center;gap:.625rem;padding:.75rem;background:#fff;border:1px solid #e5e5e5;border-bottom:none}.mobile-row.svelte-1nv16zh:first-child{border-radius:8px 8px 0 0}.mobile-row.svelte-1nv16zh:last-child{border-radius:0 0 8px 8px;border-bottom:1px solid #e5e5e5}.mobile-section-header.svelte-1nv16zh{display:flex;align-items:center;flex-shrink:0}.mobile-label.svelte-1nv16zh{font-size:.75rem;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.05em;min-width:55px}.mobile-quick-buttons.svelte-1nv16zh{display:flex;gap:.375rem;flex-shrink:0}.mobile-btn-compact.svelte-1nv16zh{display:flex;align-items:center;justify-content:center;padding:.5rem .625rem;background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#1a1a1a;font-size:.8125rem;font-weight:600;cursor:pointer;min-width:48px;min-height:44px;-webkit-tap-highlight-color:transparent}.mobile-btn-compact.svelte-1nv16zh:active{transform:scale(.96);background:#f5f5f5}.mobile-slider-group.svelte-1nv16zh{display:flex;align-items:center;gap:.5rem;flex:1}.mobile-slider.svelte-1nv16zh{flex:1;height:8px;border-radius:4px;background:#e5e5e5;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mobile-slider.svelte-1nv16zh::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#1a1a1a;border:2px solid #ffffff;box-shadow:0 2px 4px #0003;cursor:pointer}.mobile-slider.svelte-1nv16zh::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#1a1a1a;border:2px solid #ffffff;box-shadow:0 2px 4px #0003;cursor:pointer;border:none}.mobile-angle.svelte-1nv16zh{font-size:.875rem;font-weight:700;color:#1a1a1a;font-family:Monaco,Courier New,monospace;min-width:40px;text-align:center;background:#f5f5f5;padding:.375rem .5rem;border-radius:4px;flex-shrink:0}.mobile-tools.svelte-1nv16zh{display:flex;gap:.5rem;flex:1}.mobile-btn-text.svelte-1nv16zh{display:flex;align-items:center;justify-content:center;flex:1;padding:.75rem .5rem;background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#1a1a1a;font-size:.875rem;font-weight:600;cursor:pointer;min-height:48px;-webkit-tap-highlight-color:transparent}.mobile-btn-text.svelte-1nv16zh:active{transform:scale(.97)}.mobile-btn-text.active.svelte-1nv16zh{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.mobile-btn-labeled.svelte-1nv16zh{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;flex:1;padding:.5rem .375rem;background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#666;cursor:pointer;min-height:56px;-webkit-tap-highlight-color:transparent}.mobile-btn-labeled.svelte-1nv16zh span:where(.svelte-1nv16zh){font-size:.6875rem;font-weight:600;text-align:center;line-height:1}.mobile-btn-labeled.svelte-1nv16zh:active{transform:scale(.97)}.mobile-btn-labeled.active.svelte-1nv16zh{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.mobile-btn-labeled.active.svelte-1nv16zh svg:where(.svelte-1nv16zh){color:#fff}.mobile-output-controls.svelte-1nv16zh{display:flex;align-items:center;gap:.5rem;flex:1}.mobile-select.svelte-1nv16zh{flex:1;min-width:90px;padding:.625rem .5rem;background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#1a1a1a;font-size:.8125rem;font-weight:500;cursor:pointer;outline:none}.mobile-color-group.svelte-1nv16zh{display:flex;align-items:center;gap:.375rem}.mobile-color-label.svelte-1nv16zh{font-size:.75rem;font-weight:600;color:#666}.mobile-color.svelte-1nv16zh{width:40px;height:40px;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;background:transparent;padding:3px;-webkit-tap-highlight-color:transparent}.mobile-color.svelte-1nv16zh::-webkit-color-swatch-wrapper{padding:0}.mobile-color.svelte-1nv16zh::-webkit-color-swatch{border:none;border-radius:4px}.mobile-color.svelte-1nv16zh::-moz-color-swatch{border:none;border-radius:4px}.mobile-color-hex.svelte-1nv16zh{font-size:.6875rem;font-family:Monaco,Courier New,monospace;color:#666;font-weight:500}.mobile-reset-btn.svelte-1nv16zh{display:flex;align-items:center;gap:.375rem;padding:.625rem .875rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.mobile-reset-btn.svelte-1nv16zh:active:not(:disabled){transform:scale(.97)}.mobile-reset-btn.svelte-1nv16zh:disabled{opacity:.4;cursor:not-allowed}.action-buttons.svelte-1nv16zh{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.action-btn.svelte-1nv16zh{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-1nv16zh{background:#1a1a1a;color:#fff;box-shadow:0 2px 4px #0000001a}.primary-btn.svelte-1nv16zh:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.primary-btn.svelte-1nv16zh:disabled{opacity:.7;cursor:not-allowed}.secondary-btn.svelte-1nv16zh{background:#fff;color:#666;border:1px solid #e5e5e5}.secondary-btn.svelte-1nv16zh:hover:not(:disabled){background:#fafafa;border-color:#1a1a1a;color:#1a1a1a;transform:translateY(-2px)}.error-message.svelte-1nv16zh{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-1nv16zh{color:#ef4444;flex-shrink:0}.error-message.svelte-1nv16zh span:where(.svelte-1nv16zh){color:#ef4444;font-weight:500}.spinner.svelte-1nv16zh{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:svelte-1nv16zh-spin 1s linear infinite}@keyframes svelte-1nv16zh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.controls-compact.svelte-1nv16zh{padding:.75rem .875rem}.control-row.svelte-1nv16zh{gap:.625rem}.control-label-inline.svelte-1nv16zh{font-size:.6875rem}.control-btn.compact.svelte-1nv16zh{padding:.5rem .625rem;font-size:.75rem}.control-btn.icon-btn.svelte-1nv16zh{width:34px;height:34px}.angle-slider.svelte-1nv16zh{min-width:120px}.divider-vertical.svelte-1nv16zh{height:28px}}@media (max-width: 768px){.rotate-image.svelte-1nv16zh{padding:1rem;width:100%;max-width:100%;margin:0 auto}.rotate-container.svelte-1nv16zh{gap:1rem}.rotate-interface.svelte-1nv16zh{gap:.75rem}.canvas-container.svelte-1nv16zh{height:350px}.desktop-controls.svelte-1nv16zh{display:none}.mobile-controls.svelte-1nv16zh{display:block}.action-buttons.svelte-1nv16zh{gap:.75rem}.action-btn.svelte-1nv16zh{flex:1;min-width:120px;justify-content:center;padding:.875rem 1rem}}@media (max-width: 480px){.rotate-image.svelte-1nv16zh{padding:.5rem}.canvas-container.svelte-1nv16zh{height:300px}.mobile-row.svelte-1nv16zh{padding:.625rem .5rem;gap:.5rem}.mobile-label.svelte-1nv16zh{font-size:.6875rem;min-width:50px}.mobile-btn-compact.svelte-1nv16zh{min-width:42px;min-height:40px;padding:.375rem .5rem;font-size:.75rem}.mobile-btn-text.svelte-1nv16zh{min-height:44px;padding:.625rem .375rem;font-size:.8125rem}.mobile-btn-labeled.svelte-1nv16zh{min-height:52px;padding:.5rem .25rem;gap:.25rem}.mobile-btn-labeled.svelte-1nv16zh svg:where(.svelte-1nv16zh){width:14px;height:14px}.mobile-btn-labeled.svelte-1nv16zh span:where(.svelte-1nv16zh){font-size:.625rem}.mobile-slider.svelte-1nv16zh{height:6px}.mobile-slider.svelte-1nv16zh::-webkit-slider-thumb{width:20px;height:20px}.mobile-slider.svelte-1nv16zh::-moz-range-thumb{width:20px;height:20px}.mobile-angle.svelte-1nv16zh{min-width:38px;font-size:.8125rem;padding:.25rem .375rem}.mobile-select.svelte-1nv16zh{min-width:80px;padding:.5rem .375rem;font-size:.75rem}.mobile-color.svelte-1nv16zh{width:36px;height:36px}.mobile-color-hex.svelte-1nv16zh{font-size:.625rem}.mobile-reset-btn.svelte-1nv16zh{padding:.5rem .75rem;font-size:.75rem}.action-btn.svelte-1nv16zh{padding:.75rem .875rem;font-size:.875rem}}@media (hover: none) and (pointer: coarse){.control-btn.svelte-1nv16zh,.mobile-btn-compact.svelte-1nv16zh,.mobile-btn-labeled.svelte-1nv16zh{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-btn-compact.svelte-1nv16zh{min-height:44px}.mobile-btn-labeled.svelte-1nv16zh{min-height:56px}}