.ig-images{border:1px solid #e1e8d8;border-radius:18px;background:#fafbf5;padding:16px;margin:18px 0}.ig-image-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ig-image-heading h3{margin:0;font-size:19px}.ig-image-hint{font-size:12px;color:#858779;line-height:1.6;margin:8px 0}.ig-image-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.ig-image-tile{min-width:0;background:#fffefa;border:1px solid #e7e4dc;padding:9px;border-radius:14px}.ig-image-preview{width:100%;height:130px;padding:0;border-radius:10px;overflow:hidden;background:#f4ecee;display:flex;align-items:center;justify-content:center}.ig-image-preview img{width:100%;height:100%;object-fit:contain}.ig-image-tile strong,.ig-image-tile small{display:block;overflow-wrap:anywhere;margin-top:6px;font-size:11px}.ig-image-tile strong{font-weight:500;font-size:12px}.ig-image-state{font-size:11px;line-height:1.5;margin:6px 0;overflow-wrap:anywhere}.ig-image-tools{display:flex;gap:4px;justify-content:space-between}.ig-image-tools button{min-width:44px;min-height:44px;padding:4px}.ig-image-empty{grid-column:1/-1;color:#939889;text-align:center;font-size:13px;padding:12px}.ig-image-tile progress{width:100%;height:8px;accent-color:#9ab78b}.ig-image-issue{background:#fff3f2;border-radius:12px;padding:12px;margin:8px 0;font-size:13px;overflow-wrap:anywhere}.ig-image-issue button{margin:3px;font-size:12px}.ig-card-images{display:flex;align-items:center;gap:6px;margin:12px 0;flex-wrap:wrap}.ig-card-images>button{height:60px;width:60px;padding:0;overflow:hidden;border-radius:10px;background:#f4edea}.ig-card-images img{width:100%;height:100%;object-fit:cover}.ig-card-images .ig-image-count{width:auto;min-width:44px;padding:8px;background:#eef3e7;color:#728669;font-size:12px}.ig-image-usage{display:grid;gap:8px;padding:12px;border-radius:12px;background:#f3f5ec;font-size:13px}.ig-storage-list{max-height:320px;overflow-y:auto}.ig-storage-list article{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee9e0}.ig-storage-list article>div{min-width:0}.ig-storage-list strong,.ig-storage-list small{display:block;overflow-wrap:anywhere;font-size:12px}.ig-storage-list small{margin:5px 0;color:#8c8c7d}.ig-storage-list article>div:last-child{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:45%}.ig-storage-list button{min-width:44px;min-height:44px;padding:6px;font-size:11px}.ig-image-confirm{max-width:430px;padding:24px}.ig-image-confirm p{line-height:1.7}.ig-image-confirm .button-row{justify-content:flex-end}
#image-viewer{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#fffefa;color:#646b59;overflow:hidden}#image-viewer[open]{display:flex;flex-direction:column}.iv-header{display:flex;align-items:center;gap:12px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));border-bottom:1px solid #e7e8de;background:#f4f7ee}.iv-header strong{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}.iv-header button,.iv-controls button{min-width:44px;min-height:48px}.iv-stage{flex:1;min-height:0;overflow:auto;text-align:center;position:relative;background:#eeeee7}.iv-stage img{display:block;object-fit:contain;max-width:none;max-height:none;margin:auto}.iv-loading{position:absolute;left:20px;right:20px;top:45%;font-size:13px}.iv-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid #e7e8de;background:#fffefa}.iv-controls button{padding:8px 14px}.iv-controls button[data-iv="delete"]{color:#b98289;background:#fff2f4}#image-files[hidden]{display:none}
@media(max-width:600px){.ig-images{padding:12px}.ig-image-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ig-image-preview{height:140px}.ig-image-heading button{min-height:48px}.ig-storage-list article{align-items:flex-start}.iv-controls{gap:5px}.iv-controls button{padding:7px 10px;min-height:48px}.iv-header strong{font-size:12px}.iv-header{gap:8px}.ig-image-tile .ig-image-tools button{min-width:40px}#image-viewer{height:100dvh}}

.ig-image-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ig-image-tools button{min-width:44px;min-height:44px}.ig-image-tools button:last-child{grid-column:1/-1}@media(max-width:600px){.ig-image-tile .ig-image-tools button{min-width:44px}}