.keepsake-strip-picker{margin:14px 0 4px;padding:12px 13px;border:1px solid #d6c6a7;border-radius:20px;background:#f4ecde}.keepsake-strip-picker legend{padding:0 5px;color:#5e4c36;font-size:11px;font-weight:700}.keepsake-strip-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.keepsake-strip-count{min-height:48px;padding:9px 13px;border:1px solid #c8b795;border-radius:999px;background:#fffaf0;color:#574635;font-size:12px;transition:transform .26s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.keepsake-strip-count:hover:not(:disabled){transform:translateY(-2px)}.keepsake-strip-count[aria-pressed=true]{border-color:#765c43;background:#e4d3b6;box-shadow:0 0 0 2px #765c4320}.keepsake-strip-count:disabled{opacity:.48;cursor:not-allowed}.keepsake-strip-picker .micro-copy{margin:7px 0 0;font-size:10px;line-height:1.45}.keepsake-strip-panel{grid-column:1/-1}.keepsake-paper.strip{width:min(100%,220px);aspect-ratio:1/3;margin-inline:auto;padding:8px;border-radius:18px}.keepsake-paper.strip canvas{width:100%;height:auto;border-radius:5px;box-shadow:0 3px 10px #49351b25}.keepsake-paper.strip canvas[hidden]{display:none}.keepsake-strip-empty{max-width:22ch;margin:0;padding:20px;color:#75664e;font-size:12px;text-align:center}.keepsake-strip-note{margin:8px 0 0;color:#786950;font-size:10px;line-height:1.45;text-align:center}.keepsake-strip-picker :focus-visible{outline:3px solid #a8583e88;outline-offset:3px}
.keepsake-zip-hint{margin:8px 0 0;font-size:10px;line-height:1.45}
.keepsake-premium-pack{display:grid;gap:10px;margin:13px 0;padding:15px;border:1px solid #b79769;border-radius:22px;background:linear-gradient(145deg,#f7edda,#eee1c7);color:#4b3d2c;box-shadow:0 7px 18px #49351b12}.keepsake-premium-pack[hidden]{display:none}.keepsake-premium-pack .eyebrow{margin:0 0 3px;font-size:9px}.keepsake-premium-pack h2{margin:0;font-family:Gaegu,"Apple SD Gothic Neo","Malgun Gothic",cursive,sans-serif;font-size:23px}.keepsake-premium-pack [data-premium-description]{margin:5px 0 0;color:#6d5b43;font-size:11px;line-height:1.5}.keepsake-premium-price{display:grid;gap:2px;margin:8px 0 0;color:#3e3528;font-size:14px;font-weight:700}.keepsake-premium-price span+span{color:#796a53;font-size:10px;font-weight:400}.keepsake-premium-pack .button{min-height:46px;justify-content:center;border-radius:16px}.keepsake-premium-restore-label{margin-top:3px;color:#66553e;font-size:10px}.keepsake-premium-restore{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.keepsake-premium-restore input{min-width:0;min-height:42px;padding:9px 11px;border:1px solid #c7b28f;border-radius:13px;background:#fffaf0;color:#453929;font:12px/1.4 ui-monospace,monospace}.keepsake-premium-restore .button{min-height:42px;padding-inline:12px;font-size:10px}.keepsake-premium-remember{display:flex;align-items:center;gap:7px;color:#66553e;font-size:10px}.keepsake-premium-remember input{width:16px;height:16px;accent-color:#826746}.keepsake-premium-status{min-height:1.4em;margin:0;color:#6c5537;font-size:10px;line-height:1.45}.keepsake-premium-pack :focus-visible{outline:3px solid #a8583e88;outline-offset:3px}
.keepsake-premium-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 3px}.keepsake-pack-preview{min-width:0;margin:0;padding:5px;border:1px solid #dcc9a8;border-radius:13px;background:#fffaf0}.keepsake-pack-preview-art{position:relative;display:grid;min-height:60px;place-items:center;overflow:hidden;border-radius:9px;background:var(--pack-bg)}.keepsake-pack-preview-photo{display:block;width:44%;height:58%;border:3px solid var(--pack-frame);border-radius:5px;background:color-mix(in srgb,var(--pack-bg),white 24%);box-shadow:0 3px 7px #24190f35;transform:rotate(-4deg)}.keepsake-pack-preview-photo-secondary{position:absolute;width:30%;height:42%;right:11%;bottom:11%;transform:rotate(5deg);opacity:.9}.keepsake-pack-preview-motif{position:absolute;top:5px;right:7px;color:var(--pack-accent);font-size:16px;line-height:1}.keepsake-pack-preview figcaption{overflow:hidden;margin-top:5px;color:#5e4c36;font-size:9px;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.keepsake-strip-panel{grid-column:auto}.keepsake-strip-picker{padding:11px;border-radius:18px}.keepsake-strip-count{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.keepsake-strip-count{transition:none}.keepsake-strip-count:hover:not(:disabled){transform:none}}
@media(max-width:600px){.keepsake-premium-pack{padding:12px;border-radius:18px}.keepsake-premium-restore{grid-template-columns:1fr}.keepsake-premium-restore .button{width:100%;justify-content:center}}