.app[data-v-6509fda3]{min-height:100vh;background:linear-gradient(to bottom,#f9fafb,#fff)}.header[data-v-6509fda3]{text-align:center;padding:40px 20px 20px}.nav[data-v-6509fda3]{margin-top:20px;display:flex;justify-content:center;gap:20px}.nav-link[data-v-6509fda3]{text-decoration:none;color:#4b5563;font-weight:500;padding:8px 16px;border-radius:20px;transition:all .2s;background-color:#f3f4f6}.nav-link[data-v-6509fda3]:hover{background-color:#e5e7eb}.nav-link.active[data-v-6509fda3]{background-color:#3b82f6;color:#fff}.header h1[data-v-6509fda3]{font-size:32px;font-weight:700;color:#111827;margin:0 0 12px}.header p[data-v-6509fda3]{font-size:16px;color:#6b7280;margin:0}.main[data-v-6509fda3]{padding:20px}.cropper-editor[data-v-70751239]{border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;width:100%;aspect-ratio:9 / 16;position:relative}.cropper-editor.is-empty[data-v-70751239]{cursor:pointer;transition:all .2s;background:#f9fafb}.cropper-editor.is-empty[data-v-70751239]:hover{border-color:#3b82f6;background:#eff6ff}cropper-canvas[data-v-70751239]{display:block;height:100%;width:100%;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.empty-state[data-v-70751239]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#9ca3af}.upload-icon[data-v-70751239]{font-size:48px;opacity:.5}.upload-text[data-v-70751239]{font-size:16px;font-weight:500;color:#6b7280}.upload-hint[data-v-70751239]{font-size:13px;color:#9ca3af}.preview-wrapper[data-v-d46a6c19]{border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;aspect-ratio:9 / 16;width:100%;background:#f9fafb;display:flex;align-items:center;justify-content:center}.preview-canvas[data-v-d46a6c19]{max-width:100%;max-height:100%;object-fit:contain}.empty-state[data-v-d46a6c19]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.preview-placeholder-text[data-v-d46a6c19]{font-size:14px;color:#9ca3af}.image-cropper[data-v-a0a38794]{max-width:1200px;margin:0 auto;padding:20px}.file-input[data-v-a0a38794]{display:none}.error-banner[data-v-a0a38794]{margin-bottom:16px;padding:12px 16px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px}.error-message[data-v-a0a38794]{color:#dc2626;font-size:14px;font-weight:500}.cropper-container[data-v-a0a38794]{display:flex;flex-direction:column;gap:16px}.cropper-main[data-v-a0a38794]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cropper-main.single-column[data-v-a0a38794]{grid-template-columns:1fr;max-width:600px;margin:0 auto;width:100%}@media(max-width:768px){.cropper-main[data-v-a0a38794]{grid-template-columns:1fr}}.cropper-section[data-v-a0a38794]{display:flex;flex-direction:column;gap:12px}.section-title[data-v-a0a38794]{font-size:16px;font-weight:600;color:#374151}.crop-info[data-v-a0a38794]{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#f3f4f6;border-radius:6px;font-size:14px;color:#4b5563}.controls[data-v-a0a38794]{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e5e7eb}.controls-left[data-v-a0a38794],.controls-right[data-v-a0a38794]{display:flex;gap:12px}.btn[data-v-a0a38794]{padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn[data-v-a0a38794]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn[data-v-a0a38794]:active{transform:translateY(0)}.btn-primary[data-v-a0a38794]{background-color:#3b82f6;color:#fff}.btn-primary[data-v-a0a38794]:hover{background-color:#2563eb}.btn-secondary[data-v-a0a38794]{background-color:#6b7280;color:#fff}.btn-secondary[data-v-a0a38794]:hover{background-color:#4b5563}.btn-success[data-v-a0a38794]{background-color:#10b981;color:#fff}.btn-success[data-v-a0a38794]:hover{background-color:#059669}.view-container[data-v-f6df9640]{padding:20px}h2[data-v-f6df9640]{text-align:center;margin-bottom:20px;color:#374151}