.wf-cropper-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease;pointer-events:none}.wf-cropper-modal-visible{opacity:1;pointer-events:auto}.wf-cropper-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7)}.wf-cropper-content{position:relative;z-index:1;background:var(--color-surface,#fff);border-radius:var(--radius-lg,12px);box-shadow:0 20px 60px rgba(0,0,0,.3);width:90vw;max-width:900px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.wf-cropper-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md,16px) var(--spacing-lg,20px);border-bottom:1px solid var(--color-border,#e2e8f0)}.wf-cropper-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text,#1a202c)}.wf-cropper-close{background:0 0;border:none;cursor:pointer;color:var(--color-text-muted,#718096);padding:4px;border-radius:var(--radius-sm,6px);transition:color .15s,background .15s;display:flex;align-items:center;justify-content:center}.wf-cropper-close:hover{color:var(--color-text,#1a202c);background:var(--color-bg-hover,#f1f5f9)}.wf-cropper-body{flex:1 1 auto;overflow:hidden;min-height:0;padding:var(--spacing-md,16px)}.wf-cropper-canvas-wrapper{width:100%;max-height:55vh;overflow:hidden;border-radius:var(--radius-md,8px);background:#1a1a1a}.wf-cropper-canvas-wrapper img{display:block;max-width:100%}.wf-cropper-toolbar{display:flex;align-items:center;gap:var(--spacing-xs,8px);padding:var(--spacing-sm,12px) var(--spacing-lg,20px);border-top:1px solid var(--color-border,#e2e8f0);flex-wrap:wrap}.wf-cropper-toolbar-label{font-size:.85rem;font-weight:500;color:var(--color-text-muted,#718096);margin-right:var(--spacing-xs,4px)}.wf-cropper-toolbar .btn-small{font-size:.8rem;padding:4px 10px;min-width:unset}.wf-cropper-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm,12px);padding:var(--spacing-sm,12px) var(--spacing-lg,20px);border-top:1px solid var(--color-border,#e2e8f0)}.wf-cropper-actions .wf-cropper-confirm{display:inline-flex;align-items:center}@media (max-width:640px){.wf-cropper-content{width:96vw;max-height:96vh;border-radius:var(--radius-md,8px)}.wf-cropper-canvas-wrapper{max-height:45vh}.wf-cropper-actions,.wf-cropper-header,.wf-cropper-toolbar{padding-left:var(--spacing-md,16px);padding-right:var(--spacing-md,16px)}.wf-cropper-toolbar{justify-content:center}.wf-cropper-actions{flex-direction:column}.wf-cropper-actions .btn{width:100%;justify-content:center}}