.small-image-panel { grid-column: 1 / -1; min-width: 0; }
.small-image-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.small-image-heading h1 { margin: 0; font-size: 30px; }
.small-image-heading p { margin: 8px 0; color:var(--muted); }
.small-image-layout { display:grid; grid-template-columns:minmax(280px, 370px) minmax(0, 1fr); gap:24px; margin-top:20px; }
.small-image-form { display:flex; flex-direction:column; gap:16px; min-width:0; }
.small-image-form label { min-width:0; }
.small-image-form textarea { resize:vertical; min-height:100px; }
.small-image-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.small-image-note { font-size:13px; color:var(--muted); line-height:1.8; margin:0; }
.small-image-result-wrap { min-width:0; padding:20px; border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--paper-raised); }
#smallImageResult { display:flex; flex-direction:column; align-items:center; gap:16px; min-height:340px; justify-content:center; }
.small-image-preview { padding:0; border:0; background:transparent; cursor:zoom-in; max-width:100%; }
.small-image-preview img { display:block; max-width:100%; max-height:580px; object-fit:contain; border-radius:8px; }
#smallImagePreview { max-width:95vw; max-height:95dvh; padding:16px; background:var(--paper-raised); color:var(--ink); border:1px solid var(--line); }
#smallImagePreview img { max-width:85vw; max-height:80dvh; object-fit:contain; }
body[data-page="small"] .user-shell { display:block; }
body[data-page="small"] #recent { margin-top:24px; }
@media(max-width:720px) {
 .small-image-layout { grid-template-columns:1fr; gap:20px; }
 .small-image-panel { padding:18px; }
 .small-image-heading h1 { font-size:24px; }
 #smallImageResult { min-height:220px; }
}