[data-order-image]{margin-top:8px}
.order-image-form{margin:0;min-width:0}
.order-image-content{min-width:0;overflow-wrap:anywhere}
.order-image-paste{min-height:130px;border:2px dashed #94a3b8;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;cursor:text;outline:none;text-align:center;color:#64748b;caret-color:transparent;font-size:16px}
.order-image-paste:before{content:attr(data-placeholder);white-space:pre-line;pointer-events:none;line-height:1.8}
.order-image-paste:focus{border-color:#315efb;background:#eff6ff;box-shadow:0 0 0 3px #dbeafe}
.order-image-clipboard{display:block;margin:12px 0;min-height:42px;width:100%}
.order-image-alternative{margin:12px 0;font-size:13px;color:#64748b}
.order-image-alternative .order-image-file{margin-top:10px}
.order-image-file{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line,#dbe2ed);border-radius:8px}
.order-image-file input{width:100%;min-width:0;box-sizing:border-box}
[data-image-preview]{display:block;max-width:100%;max-height:330px;object-fit:contain;margin:12px auto;border:1px solid #e2e8f0}
[data-image-preview][hidden],.order-image-form [hidden]{display:none!important}
.order-image-progress{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}
[data-image-status]{flex:1 1 200px;font-size:13px;line-height:1.7}
.order-image-field{display:flex;flex-direction:column;gap:7px;margin:16px 0;min-width:0}
.order-image-field>label{font-weight:600;display:flex;align-items:center;gap:6px}
.order-image-field>input,.order-image-field>textarea{width:100%;min-width:0;box-sizing:border-box;padding:10px;font:inherit;border:1px solid var(--line,#dbe2ed);border-radius:6px}
.order-image-field input[type=checkbox]{width:auto}
.order-image-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:200px;overflow:auto}
.order-image-form>.actbar{position:sticky;bottom:-20px;background:#fff;z-index:2;padding:12px 0 max(12px,env(safe-area-inset-bottom));margin-bottom:-20px;border-top:1px solid #e2e8f0}
@media(max-width:720px){
 .order-image-form input:not([type=checkbox]),.order-image-form textarea{font-size:16px!important;min-height:44px}
 .order-image-form>.actbar{bottom:-12px;margin-bottom:-12px;flex-wrap:wrap}
 .order-image-form>.actbar [type=submit]{flex:1;min-height:44px;white-space:normal}
}