/* Small, original paper layouts; pet artwork stays photographic. */
.album-filters{display:flex;gap:10px;margin:0 0 24px;flex-wrap:wrap}
.album-filters [aria-pressed=true]{background:var(--ink);color:var(--page);border-color:var(--ink)}
.album-card{min-width:0;padding:20px}.album-card .row{gap:4px;flex-wrap:wrap}
.album-preview{display:block;position:relative;padding:0;border:0;background:transparent;width:100%;border-radius:8px;overflow:hidden}
.album-preview img{display:block;width:100%;height:225px;object-fit:contain;background:#f4f3ec}
.album-preview .chip{position:absolute;bottom:10px;left:10px;background:#fffefa;border:1px solid var(--line)}
.album-large{display:block;width:100%;max-height:55vh;object-fit:contain;margin:16px auto;background:#f4f3ec;border-radius:10px}
.album-empty{grid-column:1/-1;padding:35px;border:1px dashed var(--line);border-radius:12px;text-align:center}
.sticker-dialog{width:min(1060px,calc(100vw - 32px));max-width:1060px;padding:28px;max-height:92vh}
.sticker-heading{padding-right:26px}.sticker-heading h2{font-size:25px;margin:7px 0 6px}.sticker-heading p{margin-bottom:22px}
.sticker-heading .eyebrow{font-size:12px;letter-spacing:3px;color:var(--muted)}
.sticker-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,330px);gap:30px;align-items:start}
.sticker-preview-column{min-width:0;position:sticky;top:0}.sticker-paper{width:100%;max-width:512px;margin:auto;aspect-ratio:1;border:1px solid #dfded5;border-radius:10px;overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#eeeee9 25%,transparent 25%),linear-gradient(-45deg,#eeeee9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eeeee9 75%),linear-gradient(-45deg,transparent 75%,#eeeee9 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.sticker-paper canvas{display:block}.sticker-preview-tools{justify-content:center;flex-wrap:wrap;margin-top:12px}.sticker-hint{text-align:center;font-size:12px;margin:12px auto;max-width:420px}
.sticker-controls{min-width:0}.sticker-controls label{font-size:13px;margin-bottom:13px}.sticker-controls .form-grid{grid-template-columns:1fr 1fr;gap:12px}.sticker-controls textarea{min-height:66px;line-height:1.5}.sticker-controls input[type=range]{padding:6px 0;accent-color:#596447;box-shadow:none;border:0;height:29px}.sticker-controls input[type=color]{height:31px}.sticker-controls select{padding:8px}
.sticker-footer{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.sticker-footer .row{gap:10px;flex-wrap:wrap}.sticker-footer p{font-size:13px;min-height:23px;margin:0 0 10px}.sticker-footer small{display:block;margin-top:12px;max-width:700px;font-size:12px}.sticker-footer progress{width:100%;height:7px;margin-bottom:14px;accent-color:#596447}
[hidden]{display:none!important}
@media(max-width:800px){.sticker-dialog{padding:20px}.sticker-editor{grid-template-columns:1fr;gap:20px}.sticker-preview-column{position:static;max-width:400px;margin:auto;width:100%}.sticker-controls .form-grid{grid-template-columns:1fr 1fr}.page-head{flex-wrap:wrap}.page-head .row{flex-wrap:wrap}}

@media(min-width:801px){
 .sticker-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:min(880px,92vh);overflow:hidden;padding:24px}
 .sticker-dialog>.close{position:absolute;right:18px;top:18px}
 .sticker-editor{overflow-y:auto;gap:24px}
 .sticker-paper{max-width:min(512px,max(230px,calc(92vh - 330px)))}
 .sticker-heading p{margin-bottom:16px}
 .sticker-footer{margin-top:12px;padding-top:12px}
 .sticker-footer small{margin-top:8px;font-size:11px}
}