/* websiites — customer image uploads (media.js). Uses app.css tokens. */
.wsim{display:flex;flex-direction:column;gap:10px;}
.wsim-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.wsim-logo-preview{display:flex;align-items:center;min-height:72px;padding:12px 14px;border:1px dashed var(--strokes);background:repeating-conic-gradient(var(--hairline-soft) 0 25%,var(--paper) 0 50%) 0 0/16px 16px;}
.wsim-logo-preview img{display:block;max-height:56px;max-width:100%;width:auto;object-fit:contain;}
.wsim-empty{font-size:var(--t-s);color:var(--graphite);background:var(--paper);padding:2px 6px;}
.wsim-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.wsim-actions button[hidden]{display:none;}
.wsim-check{display:flex;align-items:center;gap:8px;font-size:var(--t-s);cursor:pointer;}
.wsim-check input{width:auto;margin:0;}
.wsim-hint{font-size:var(--t-xs);color:var(--graphite-soft);margin:0;}
.wsim-status{font-size:var(--t-s);min-height:1.3em;margin:0;color:var(--graphite);}
.wsim-status.wsim-err{color:#b4231f;}
.wsim-subtitle{font-size:var(--t-s);font-weight:600;margin:18px 0 6px;}
.wsim-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;}
.wsim-item{display:flex;flex-direction:column;gap:6px;border:1px solid var(--hairline);padding:6px;background:var(--paper);}
.wsim-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--hairline-soft);}
.wsim-meta{font-size:var(--t-xs);color:var(--graphite-soft);}
.wsim-item .mini{align-self:flex-start;}
.wsim-item .mini:disabled{opacity:.55;cursor:default;}
.modal-wide label.wsim-check,label.wsim-check{display:flex;align-items:center;gap:8px;cursor:pointer;margin:8px 0;}
label.wsim-check input{width:16px;height:16px;margin:0;accent-color:var(--ink);flex-shrink:0;}