.collage-page{max-width:850px;padding:18px 16px calc(35px + env(safe-area-inset-bottom))}
.collage-workspace{display:grid;gap:15px;min-width:0}
.collage-workspace h1{margin:0;font-size:clamp(25px,5vw,36px)}
.collage-workspace p{margin:0;line-height:1.55}
.collage-fields{display:grid;gap:14px}
.collage-fields label{display:grid;gap:7px;min-width:0;font-weight:600}
.collage-fields input,.collage-fields select{max-width:100%;width:100%;box-sizing:border-box;min-height:44px}
.collage-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.collage-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.collage-actions button,.collage-actions a{min-height:44px;display:inline-flex;justify-content:center;align-items:center;padding:10px 15px}
.collage-actions a{border-radius:10px;border:1px solid var(--line);color:var(--text);text-decoration:none;background:var(--panel)}
.collage-actions [hidden],#collageResult[hidden]{display:none!important}
.collage-note{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
#collageStatus{min-height:23px}
#collageResult{display:grid;justify-items:center;gap:10px;min-width:0;border:1px solid var(--line);border-radius:14px;padding:14px}
#collagePreview{display:block;max-width:100%;width:auto;height:auto;max-height:600px;object-fit:contain}
#collageResultInfo{font-size:12px;color:var(--muted)}
@media(max-width:580px){.collage-controls{grid-template-columns:1fr 1fr}.collage-controls label:last-child{grid-column:1/-1}}