.img-field{font-family:var(--img-font-family);color:var(--img-color-fg);flex-direction:column;gap:8px;display:flex}.img-field__label{color:var(--img-color-fg);font-size:14px;font-weight:500}.img-field__desc{color:#888;font-size:12px}.img-field__preview{border-radius:var(--img-radius);background:#f2f3f7;border:1px solid #ebebeb;justify-content:flex-start;padding:8px;display:flex}.img-field__img{border-radius:calc(var(--img-radius) / 2);max-width:320px;max-height:240px;display:block}.img-field__actions{gap:8px;display:flex}.img-btn{appearance:none;cursor:pointer;border-radius:var(--img-radius);font-family:var(--img-font-family);border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:14px;line-height:1.2;transition:background .12s,opacity .12s;display:inline-flex}.img-btn[disabled]{opacity:.55;cursor:not-allowed}.img-btn--primary{background:var(--img-color-primary);color:#fff}.img-btn--primary:hover:not([disabled]){opacity:.9}.img-btn--secondary{color:var(--img-color-fg);background:#f2f3f7;border-color:#ebebeb}.img-btn--secondary:hover:not([disabled]){background:#e8eaf0}.img-btn--ghost{color:var(--img-color-fg);background:0 0;border-color:#ebebeb}.img-btn--ghost:hover:not([disabled]){background:#f2f3f7}.img-editor{flex-direction:column;gap:12px;display:flex}.img-editor__error{color:var(--img-color-danger);font-size:13px}.img-editor__actions{justify-content:flex-end;gap:8px;display:flex}.img-cropper{border-radius:var(--img-radius);background:#f2f3f7;height:420px}@keyframes img-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes img-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes img-modal-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes img-modal-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.96)}}@keyframes img-stage-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes img-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes img-sheet-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}.img-modal__overlay{background:var(--img-color-overlay,#0f172a8c);-webkit-backdrop-filter:blur(4px);z-index:1000;position:fixed;inset:0}.img-modal__overlay[data-state=open]{animation:.18s forwards img-overlay-in}.img-modal__overlay[data-state=closed]{animation:.14s forwards img-overlay-out}.img-modal{background:var(--img-color-bg);width:min(640px,92vw);max-height:90vh;color:var(--img-color-fg);border:1px solid var(--img-color-border,#0f172a14);border-radius:var(--img-radius);box-shadow:var(--img-shadow-modal,0 10px 30px #0f172a40);z-index:1001;font-family:var(--img-font-family);padding:20px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.img-modal[data-state=open]{animation:.18s forwards img-modal-in}.img-modal[data-state=closed]{animation:.14s forwards img-modal-out}.img-modal__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.img-modal__header-text{flex:1;min-width:0}.img-modal__title{margin-bottom:4px;font-size:16px;font-weight:600}.img-modal__desc{color:#888;font-size:12px}.img-modal__close{border:1px solid var(--img-color-border,#0f172a14);width:32px;height:32px;color:var(--img-color-fg);border-radius:calc(var(--img-radius) / 2);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s;display:flex}.img-modal__close:hover:not([disabled]){background:var(--img-color-surface-2,#f2f3f7)}.img-modal__close[disabled]{opacity:.4;cursor:not-allowed}.img-modal__body{flex-direction:column;gap:12px;animation:.25s ease-out forwards img-stage-in;display:flex}.img-error-plate{border-radius:var(--img-radius);color:var(--img-color-danger);background:#fd2a310f;border:1px solid #fd2a3133;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.img-error-plate__icon{flex-shrink:0}.img-error-plate__text{flex:1}.img-dropzone{border:2px dashed var(--img-color-border,#0f172a1f);border-radius:var(--img-radius);text-align:center;cursor:pointer;outline:none;flex-direction:column;align-items:center;gap:10px;padding:40px 24px;transition:border-color .12s,background .12s;display:flex}.img-dropzone:focus-visible{outline:2px solid var(--img-color-primary);outline-offset:2px}.img-dropzone:hover,.img-dropzone[data-drag-over=true]{border-color:var(--img-color-primary);background:#fd2a310a}.img-dropzone--disabled{opacity:.5;cursor:not-allowed}.img-dropzone__icon{color:var(--img-color-primary);opacity:.8}.img-dropzone__primary{font-size:15px;font-weight:500}.img-dropzone__hint{color:#888;font-size:12px}.img-preview{flex-direction:column;gap:12px;display:flex}.img-preview__card{background:var(--img-color-surface-2,#f1f5f9);border:1px solid var(--img-color-border,#0f172a14);border-radius:var(--img-radius);justify-content:center;display:flex;overflow:hidden}.img-preview__img{object-fit:contain;max-width:100%;max-height:360px;display:block}.img-preview__progress-wrap{flex-direction:column;gap:4px;display:flex}.img-preview__progress{background:var(--img-color-surface-2,#ebebeb);border-radius:4px;width:100%;height:8px;overflow:hidden}.img-preview__progress-bar{background:var(--img-color-primary);height:100%;transition:width .12s}.img-preview__progress-label{color:#888;font-size:12px}.img-preview__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (max-width:520px){.img-modal{width:100%;max-height:90vh;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));border-bottom-right-radius:0;border-bottom-left-radius:0;inset:auto 0 0;transform:none}.img-modal[data-state=open]{animation:.22s forwards img-sheet-in}.img-modal[data-state=closed]{animation:.16s forwards img-sheet-out}}@media (prefers-reduced-motion:reduce){.img-modal__overlay[data-state=open],.img-modal__overlay[data-state=closed],.img-modal[data-state=open],.img-modal[data-state=closed],.img-modal__body{animation:none}.img-modal{transform:translate(-50%,-50%)}@media (max-width:520px){.img-modal{transform:none}}}