.tool-page.svelte-vc0507{padding:2rem 0;max-width:900px}.tool-hero.svelte-vc0507{text-align:center;margin-bottom:2rem}.tool-hero.svelte-vc0507 h1:where(.svelte-vc0507){font-size:2.5rem;margin-bottom:.5rem}.subtitle.svelte-vc0507{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.crop-workspace.svelte-vc0507{margin:2rem 0}.crop-toolbar.svelte-vc0507{margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.aspect-ratio-presets.svelte-vc0507{display:flex;gap:.375rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.preset-label.svelte-vc0507{font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-right:.25rem}.ratio-btn.svelte-vc0507{padding:.375rem .625rem;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--font-sans);color:var(--text);white-space:nowrap}.ratio-btn.active.svelte-vc0507{background:var(--primary);color:#fff;border-color:var(--primary)}.ratio-btn.svelte-vc0507:not(.active):hover{background:var(--bg-tertiary)}.crop-controls-row.svelte-vc0507{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.crop-dims.svelte-vc0507{display:flex;align-items:center;gap:.25rem}.crop-dims.svelte-vc0507 label:where(.svelte-vc0507){font-size:.75rem;font-weight:600;color:var(--text-muted);width:1rem;text-align:center}.crop-dims.svelte-vc0507 input:where(.svelte-vc0507){width:60px;padding:.375rem .25rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8125rem;font-family:var(--font-sans);text-align:center}.crop-info.svelte-vc0507{font-size:.875rem;font-weight:600;color:var(--primary);white-space:nowrap}.crop-actions.svelte-vc0507{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.crop-actions.svelte-vc0507 .option:where(.svelte-vc0507){flex:0 0 auto}.crop-actions.svelte-vc0507 .option:where(.svelte-vc0507) label:where(.svelte-vc0507){display:block;font-size:.75rem;font-weight:500;margin-bottom:.25rem;color:var(--text)}.crop-actions.svelte-vc0507 .option:where(.svelte-vc0507) select:where(.svelte-vc0507){padding:.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-sans);background:var(--bg)}.crop-container.svelte-vc0507{position:relative;width:100%;min-height:500px;max-height:600px;background:#1a1a2e;border-radius:var(--radius-lg);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.crop-mask.svelte-vc0507{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1;pointer-events:none}.crop-image.svelte-vc0507{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;max-width:100%;max-height:100%;object-fit:contain}.crop-overlay.svelte-vc0507{position:absolute;z-index:2;box-shadow:0 0 0 9999px #00000080;cursor:move;border:2px solid #fff}.crop-move-area.svelte-vc0507{position:absolute;top:0;right:0;bottom:0;left:0;cursor:move}.crop-grid.svelte-vc0507{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.grid-line.svelte-vc0507{position:absolute;background:#ffffff4d}.grid-h1.svelte-vc0507,.grid-h2.svelte-vc0507{left:0;right:0;height:1px}.grid-h1.svelte-vc0507{top:33.33%}.grid-h2.svelte-vc0507{top:66.66%}.grid-v1.svelte-vc0507,.grid-v2.svelte-vc0507{top:0;bottom:0;width:1px}.grid-v1.svelte-vc0507{left:33.33%}.grid-v2.svelte-vc0507{left:66.66%}.crop-handle.svelte-vc0507{position:absolute;width:12px;height:12px;background:#fff;border:2px solid var(--primary);border-radius:2px;z-index:3}.handle-nw.svelte-vc0507{top:-6px;left:-6px;cursor:nw-resize}.handle-ne.svelte-vc0507{top:-6px;right:-6px;cursor:ne-resize}.handle-sw.svelte-vc0507{bottom:-6px;left:-6px;cursor:sw-resize}.handle-se.svelte-vc0507{bottom:-6px;right:-6px;cursor:se-resize}.handle-n.svelte-vc0507{top:-6px;left:50%;margin-left:-6px;cursor:n-resize}.handle-s.svelte-vc0507{bottom:-6px;left:50%;margin-left:-6px;cursor:s-resize}.handle-e.svelte-vc0507{right:-6px;top:50%;margin-top:-6px;cursor:e-resize}.handle-w.svelte-vc0507{left:-6px;top:50%;margin-top:-6px;cursor:w-resize}.result-section.svelte-vc0507{margin-top:1.5rem;padding:1.5rem;border:1px solid var(--success);border-radius:var(--radius-lg);background:var(--success-light)}.result-section.svelte-vc0507 h3:where(.svelte-vc0507){margin:0 0 .75rem;color:var(--success)}.result-preview.svelte-vc0507{text-align:center;background:var(--bg);border-radius:var(--radius-md);padding:1rem;margin-bottom:.75rem}.result-preview.svelte-vc0507 img:where(.svelte-vc0507){max-height:300px;object-fit:contain}.result-info.svelte-vc0507{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.spinner.svelte-vc0507{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-vc0507-spin .6s linear infinite}@keyframes svelte-vc0507-spin{to{transform:rotate(360deg)}}.error-box.svelte-vc0507{margin:1.5rem 0;padding:1rem;background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error)}.error-box.svelte-vc0507 p:where(.svelte-vc0507){margin:0}@media(max-width:640px){.tool-hero.svelte-vc0507 h1:where(.svelte-vc0507){font-size:1.75rem}.subtitle.svelte-vc0507{font-size:1rem}.aspect-ratio-presets.svelte-vc0507{gap:.25rem}.ratio-btn.svelte-vc0507{font-size:.6875rem;padding:.25rem .5rem}.crop-actions.svelte-vc0507{flex-direction:column;align-items:stretch}.crop-container.svelte-vc0507{min-height:350px}}