.crop-modal[data-v-11fbd458]{max-width:92vw;width:520px}.crop-body[data-v-11fbd458]{display:flex;flex-direction:column;gap:12px}.cropper[data-v-11fbd458]{overflow:hidden}.crop-loading[data-v-11fbd458],.cropper[data-v-11fbd458]{background:#0f172a;border-radius:12px;height:360px;width:100%}.crop-loading[data-v-11fbd458]{align-items:center;color:#cbd5e1;display:flex;flex-direction:column;gap:12px;justify-content:center}.crop-spinner[data-v-11fbd458]{animation:cropspin-11fbd458 .8s linear infinite;border:3px solid hsla(0,0%,100%,.22);border-radius:50%;border-top-color:#18a058;height:38px;width:38px}.crop-loading-text[data-v-11fbd458]{font-size:var(--fs-xs)}@keyframes cropspin-11fbd458{to{transform:rotate(1turn)}}.crop-ratios[data-v-11fbd458]{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.crop-ratio-btn[data-v-11fbd458]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:var(--fs-xs);font-weight:600;height:32px;padding:0 12px;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s,color .15s}.crop-ratio-btn[data-v-11fbd458]:not(:disabled):hover{background:#f1f5f9;border-color:#cbd5e1}.crop-ratio-btn.active[data-v-11fbd458]{background:#18a058;border-color:#18a058;color:#fff}.crop-ratio-btn[data-v-11fbd458]:disabled{cursor:not-allowed;opacity:.55}.crop-rotate-btn[data-v-11fbd458]{align-items:center;display:inline-flex;gap:6px}.crop-rotate-btn .iconify[data-v-11fbd458]{font-size:1.15em}.crop-quality[data-v-11fbd458]{align-items:center;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;color:#78350f;display:flex;flex-wrap:wrap;gap:8px 10px;padding:10px 12px}.crop-quality__icon[data-v-11fbd458]{color:#d97706;flex-shrink:0;font-size:20px}.crop-quality__text[data-v-11fbd458]{display:flex;flex:1 1 220px;flex-direction:column;font-size:var(--fs-xs);gap:2px;line-height:1.4;min-width:0}.crop-quality__text strong[data-v-11fbd458]{font-size:var(--fs-sm)}.crop-quality__drop[data-v-11fbd458]{background:#fff;border:1px solid #f59e0b;border-radius:8px;color:#92400e;cursor:pointer;flex-shrink:0;font-size:var(--fs-xs);font-weight:700;min-height:32px;padding:0 12px;-webkit-tap-highlight-color:transparent}.crop-quality__drop[data-v-11fbd458]:not(:disabled):hover{background:#fef3c7}.crop-quality__drop[data-v-11fbd458]:disabled{cursor:not-allowed;opacity:.55}.crop-hint[data-v-11fbd458]{color:#64748b;font-size:var(--fs-xs);margin:0;text-align:center}.crop-actions[data-v-11fbd458]{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.crop-actions__spacer[data-v-11fbd458]{flex:1 1 auto}.btn[data-v-11fbd458]{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:var(--fs-xs);font-weight:600;gap:5px;height:38px;justify-content:center;padding:0 13px;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .15s ease,filter .15s ease,box-shadow .15s ease}.btn .iconify[data-v-11fbd458]{flex-shrink:0;font-size:1em}.btn[data-v-11fbd458]:disabled{cursor:not-allowed;opacity:.55}.btn-text[data-v-11fbd458]{background:transparent;color:#64748b;padding:0 12px}.btn-ghost[data-v-11fbd458],.btn-text[data-v-11fbd458]:not(:disabled):hover{background:#f1f5f9;color:#334155}.btn-ghost[data-v-11fbd458]:not(:disabled):hover{background:#e2e8f0}.btn-primary[data-v-11fbd458]{background:#18a058;box-shadow:0 2px 8px #18a05840;color:#fff}.btn-primary[data-v-11fbd458]:not(:disabled):hover{background:#15924f}.btn[data-v-11fbd458]:not(:disabled):active{filter:brightness(.94)}@media (max-width:768px){.crop-loading[data-v-11fbd458],.cropper[data-v-11fbd458]{height:56vh}.crop-ratio-btn[data-v-11fbd458]{font-size:var(--fs-base);height:40px;padding:0 14px}.crop-quality~.crop-loading[data-v-11fbd458],.crop-quality~.cropper[data-v-11fbd458]{height:48vh}.crop-quality__drop[data-v-11fbd458]{flex:1 1 100%;font-size:var(--fs-sm);min-height:44px}.crop-actions[data-v-11fbd458]{gap:10px}.crop-actions__spacer[data-v-11fbd458]{display:none}.btn[data-v-11fbd458]{flex:1 1 calc(50% - 5px);font-size:var(--fs-base);height:48px}.btn-text[data-v-11fbd458]{flex-basis:100%;order:5}}
