.memories{border:1px solid var(--line);border-radius:12px;background:white;padding:25px;margin-top:30px}.memory-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.memory-heading h3{font-size:23px;margin:10px 0}.memory-heading p{font-size:13px;line-height:1.8}.memory-settings{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin:20px 0}.memory-settings label,.photo-upload label,.memory-photo label{font-size:12px}.memory-settings input,.memory-settings select,.photo-upload select,.memory-photo select{font-size:13px;height:42px;width:100%;margin-top:7px}.photo-upload{display:flex;align-items:end;gap:14px;flex-wrap:wrap;background:#f2f5eb;padding:18px;border-radius:9px}.photo-upload>label:first-child{min-width:170px}.photo-upload>span{font-size:11px;color:var(--muted);line-height:1.8}.upload-label{display:inline-flex;position:relative;align-items:center;justify-content:center;height:42px;cursor:pointer;font-size:13px!important;overflow:hidden}.upload-label input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.upload-label:focus-within{outline:3px solid #d0a853}.memory-local-note{font-size:12px;color:var(--muted);line-height:1.9}.memory-empty{border:1px dashed #b8c8ac;background:#fbfcf7;text-align:center;border-radius:9px;padding:30px 15px;margin:20px 0}.memory-empty>span{display:block;font-size:32px;color:var(--green)}.memory-empty strong{font-size:15px}.memory-empty p{font-size:12px;line-height:1.8;color:var(--muted)}#memoryStatus{font-size:12px;color:var(--green);line-height:1.8}#memoryGallery{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.memory-empty{grid-column:1/-1}.memory-photo{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fbfcf7}.memory-photo>img{width:100%;height:200px;object-fit:contain;background:#eef1e8}.memory-photo-body{padding:15px}.memory-photo label{display:block;margin-bottom:12px}.memory-photo textarea{display:block;width:100%;resize:vertical;border:1px solid var(--line);border-radius:6px;padding:10px;margin-top:7px;background:white;font:inherit;font-size:13px;line-height:1.8}.photo-actions{display:flex;gap:12px;flex-wrap:wrap;font-size:11px}.photo-actions button:last-child{margin-left:auto;color:#9b5341}#memoryAppendix{display:none}#memoryPDFBottom{font-size:13px;width:100%}button:disabled{cursor:wait;opacity:.65}@media(max-width:700px){.memories{padding:18px}.memory-settings{grid-template-columns:1fr}.memory-heading{align-items:start}.memory-heading h3{font-size:20px}.memory-heading .small-pill{white-space:nowrap;font-size:10px}#memoryGallery{grid-template-columns:1fr}.photo-upload{align-items:stretch}.photo-upload>label:first-child{width:100%}.upload-label{width:100%}.memory-photo>img{height:250px}.actions #memoryPDF{width:100%}}@page{size:A4;margin:15mm}@media print{.memories{display:none!important}#memoryAppendix{display:block}.memory-print-page{break-before:page;page-break-before:always;break-inside:avoid;height:260mm;display:flex;flex-direction:column}.memory-print-page header{display:block!important;padding:0;margin:0;height:auto;max-width:none}.memory-print-page header small{font-size:9pt;color:#176b56}.memory-print-page header h2{font-size:21pt;margin:8mm 0 3mm}.memory-print-page header p{font-size:11pt;margin:0 0 8mm}.memory-print-photos{flex:1;display:flex;flex-direction:column;gap:8mm;min-height:0}.memory-print-photos figure{margin:0;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.memory-print-photos img{width:100%;height:80mm;object-fit:contain;background:#f5f6ef;print-color-adjust:exact}.memory-print-photos.count-1 img{height:160mm}.memory-print-photos figcaption{font-size:11pt;line-height:1.8;margin-top:4mm;white-space:pre-wrap;overflow-wrap:anywhere;max-height:24mm;overflow:hidden}}
.scrapbook-preview{margin:24px 0;padding:20px;background:#f5eee4;border:1px solid #e2d1bf;border-radius:10px}.scrapbook-preview-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.scrapbook-preview-heading strong{font-size:15px;color:#70553d}.scrapbook-preview-heading span,.scrapbook-preview>p{font-size:12px;color:#8d7862;line-height:1.8}#memoryPreview{max-width:430px;margin:auto}#memoryPreview img{display:block;width:100%;height:auto;box-shadow:0 5px 20px #7353361a;border-radius:8px}.memory-photo{border-color:#decbb7;background:#fffaf1}.memory-photo>img{background:#eee5d8}.memory-photo-body{background:#faf5ea}@media(max-width:700px){.scrapbook-preview{padding:12px}.scrapbook-preview-heading{display:block}.scrapbook-preview-heading span{display:block;margin-top:6px}}@media print{.memory-print-page.scrapbook-print{height:260mm;display:block}.scrapbook-print>img{display:block;width:100%;height:100%;object-fit:contain;print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.memory-design-picker{border:0;padding:0;margin:0 0 24px;min-width:0}.memory-design-picker legend{font-size:15px;font-weight:700;margin-bottom:14px}.memory-design-picker legend small{font-size:11px;font-weight:400;color:var(--muted);margin-left:10px}#memoryDesignChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.memory-design-card{padding:12px!important;border:1px solid #e1dacd!important;border-radius:9px;background:#fffefa;cursor:pointer;text-align:left;min-width:0;transition:box-shadow .2s}.memory-design-card[aria-pressed=true]{border:2px solid #176b56!important;padding:11px!important;box-shadow:0 0 0 2px #176b5614}.memory-design-card:focus-visible{outline:3px solid #c69e53;outline-offset:3px}.memory-design-card strong,.memory-design-card small{display:block}.memory-design-card strong{font-size:13px;margin:10px 0 5px}.memory-design-card small{font-size:10px;color:#817665;line-height:1.6}.design-mini{height:90px;border-radius:5px;position:relative;display:block;background:#f1e6d7;overflow:hidden}.design-mini i{position:absolute;width:33%;height:55%;top:15%;left:10%;background:#cfc4b2;border:5px solid #fffdf8;transform:rotate(-6deg)}.design-mini i:nth-child(2){left:57%;top:33%;transform:rotate(5deg);height:50%;width:31%}.design-mini b{position:absolute;width:21%;height:18%;background:#d5dfd0;top:18%;left:66%;transform:rotate(2deg)}.design-film .design-mini{background:#242724}.design-film .design-mini i{width:80%;height:27%;left:10%;top:13%;transform:none;background:#767d70;border:4px dashed #d2c6af}.design-film .design-mini i:nth-child(2){top:57%;width:80%;height:27%;left:10%}.design-film .design-mini b{display:none}.design-postcard .design-mini{background:#fff5df;border:2px solid #d8c5a4}.design-postcard .design-mini i{width:49%;height:30%;top:12%;transform:none;border:0;background:#c8d2cf}.design-postcard .design-mini i:nth-child(2){left:10%;top:56%;width:49%;height:30%}.design-postcard .design-mini b{left:68%;top:16%;width:22%;height:68%;background:repeating-linear-gradient(#fff5df 0 8px,#d8c5a4 9px 10px)}.design-ticket .design-mini{background:#eee2cc}.design-ticket .design-mini i{width:79%;height:29%;left:10%;top:10%;transform:none;border:4px solid #fff9e9;border-right:20px dashed #b8a993;border-radius:5px;background:#abbbbc}.design-ticket .design-mini i:nth-child(2){left:10%;top:58%;width:79%;height:29%}.design-ticket .design-mini b{width:100%;height:5%;left:0;top:0;background:#bc7851;transform:none}.design-botanical .design-mini{background:#eef0e3}.design-botanical .design-mini i{background:#97b09a}.design-botanical .design-mini b{background:#839b6a;width:10%;height:50%;border-radius:100% 0;transform:rotate(-25deg);top:30%;left:45%}.design-pastel .design-mini{background:#f6edf7}.design-pastel .design-mini i{transform:none;left:11%;top:15%;height:60%;width:35%;background:#dcbccf;border:4px solid #e9d4e1;border-radius:6px}.design-pastel .design-mini i:nth-child(2){left:55%;top:15%;height:60%;width:35%;background:#c8c2e3;border:4px solid #e0dcef;transform:none}.design-pastel .design-mini b{background:#e3c4d4;width:70%;height:4%;left:15%;top:85%;transform:none}@media(max-width:700px){#memoryDesignChoices{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-design-picker legend small{display:block;margin:6px 0 0}.design-mini{height:78px}.memory-design-card small{font-size:10px}}
.design-film .design-mini{background:#faf8f0}.design-film .design-mini i,.design-film .design-mini i:nth-child(2){left:5%;width:90%;height:28%;border:0;border-top:5px dashed #faf8f0;border-bottom:5px dashed #faf8f0;background:repeating-linear-gradient(90deg,#889087 0 29%,#30312d 29% 31%,#b0ad98 31% 62%,#30312d 62% 64%,#737e76 64% 100%);box-shadow:0 -2px #30312d,0 2px #30312d}.design-film .design-mini i{top:19%}.design-film .design-mini i:nth-child(2){top:59%}