.ml-shell{margin-top:24px}.ml-help{margin-top:10px}.ml-import{cursor:pointer}.ml-toolbar{display:flex;align-items:flex-end;gap:18px;margin:22px 0 16px}.ml-toolbar .f{margin:0}.ml-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ml-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);min-width:0}.ml-thumb{aspect-ratio:4/3;background:var(--soft);display:flex;align-items:center;justify-content:center}.ml-thumb img{width:100%;height:100%;object-fit:contain}.ml-card-body{padding:12px;display:flex;flex-direction:column;gap:6px}.ml-name{overflow-wrap:anywhere;font-size:.94rem}.ml-usage{min-height:2.8em}.ml-card .btn{margin-top:auto;min-height:44px;white-space:normal}.ml-empty{grid-column:1/-1;padding:36px 18px;border:1px dashed var(--line);border-radius:16px;text-align:center}.ml-empty p{margin-top:10px;color:var(--muted)}.ml-selection{display:flex;align-items:center;gap:20px;margin-top:20px}.ml-selection>img{width:180px;height:140px;object-fit:contain;border-radius:12px;background:var(--soft)}.ml-picker,.ml-progress{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:16px}.ml-progress{flex-wrap:wrap}.ml-progress span{overflow-wrap:anywhere}.ml-progress progress{width:100%;accent-color:var(--brun)}.ml-error,.ml-success{border-radius:12px;padding:12px 16px;margin-top:14px}.ml-error{color:var(--bad);background:var(--bad-bg)}.ml-success{color:var(--ok);background:var(--ok-bg)}.ml-errors{margin-top:14px;color:var(--bad);font-size:var(--t-sm)}.ml-errors summary{cursor:pointer}.ml-photo-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:150px}.ml-photo-actions button{min-height:40px}.ml-import:has(input:disabled){opacity:.55;cursor:wait}@media(max-width:1000px){.ml-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.ml-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ml-selection{flex-direction:column;align-items:stretch}.ml-selection>img{width:100%;height:160px}.ml-picker{align-items:flex-start;flex-direction:column}.ml-toolbar{align-items:stretch;flex-direction:column;gap:8px}.ml-card-body{padding:10px}.ml-card .btn{font-size:.8rem;padding:9px}.ml-usage{min-height:4.2em}}
