.memory-form{display:grid;gap:13px}.memory-field{display:grid;gap:7px;font-size:11px;color:#727b66}.memory-field input,.memory-field textarea{width:100%;padding:10px;border:1px solid #dce0d2;border-radius:5px;background:#fffffb;font:13px/1.5 var(--sans);color:#414b38;outline:none}.memory-field input:focus,.memory-field textarea:focus{border-color:#849273;box-shadow:0 0 0 2px #e9eddf}.memory-field textarea{min-height:100px;resize:vertical}.memory-field input[type=file]{font-size:10px;padding:9px}.panel-explanation{font:13px/1.6 var(--serif);color:#8a907e;margin:0 0 7px}.side-picker,.frame-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.side-picker .panel-action,.frame-options .panel-action{margin:0;font-size:11px;height:34px}.panel-action.active{background:#edf0e4;border-color:#9da88e}.memory-form>.panel-action{background:#edf0e4}.paper-options{display:grid;gap:10px}.paper-options button{justify-content:flex-start;padding-left:12px;gap:13px;margin:0}.paper-options button:before{content:'';width:25px;height:30px;border:1px solid #c6c9b7;display:block;background:var(--sample);box-shadow:1px 2px 2px #494f3120}.page[data-paper=kraft],.print-page[data-paper=kraft]{background-color:#d6bd95}.page[data-paper=rose],.print-page[data-paper=rose]{background-color:#f2e2df}.page[data-paper=sage],.print-page[data-paper=sage]{background-color:#e5eadf}.page[data-paper=blue],.print-page[data-paper=blue]{background-color:#e3ebef}.scrap-item.photo[data-frame=vintage]{padding:6px;background:#f5ecda;box-shadow:1px 4px 9px #42342140}.scrap-item.photo[data-frame=vintage] img{filter:sepia(.4) saturate(.7) contrast(.92)}.scrap-item.photo[data-frame=rounded]{padding:0;border-radius:14px;overflow:visible}.scrap-item.photo[data-frame=rounded] img{border-radius:14px}.scrap-item.photo[data-frame=plain]{padding:0;background:transparent}.photo-caption{display:block;text-align:center;font:clamp(9px,1vw,15px)/1.3 var(--hand);height:25px;padding-top:5px;overflow:hidden;color:#565444}.photo:not([data-frame=polaroid]) .photo-caption{position:absolute;top:100%;left:0;right:0}.edit-item{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);padding:4px 9px;font:10px var(--sans);border:1px solid #d5dac9;border-radius:4px;background:#fffef8;color:#637255;white-space:nowrap;z-index:15}.scrap-item.memory{cursor:grab;color:#57604c;padding:7px;overflow:visible}.memory h3{font:400 clamp(18px,2.1vw,31px)/1.2 var(--serif);margin:9px 0 12px;overflow-wrap:anywhere}.memory .memory-meta{font:9px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:#929580;margin:0}.memory .memory-story{font:clamp(12px,1.15vw,18px)/1.65 var(--hand);margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:75%;overflow:hidden}.scrap-item.memory:before{content:'';display:block;width:23px;height:1px;background:#b4b89e;margin:0 0 12px}.memory-form button:disabled{opacity:.5;cursor:wait}@media(max-width:650px){.toolbar button{width:31px}.memory h3{font-size:20px}.memory .memory-story{font-size:13px}.memory .memory-meta{font-size:8px}}@media print{.edit-item{display:none}.memory h3{font-size:26px}.memory .memory-story{font-size:17px}}
.photo-date{position:absolute;left:8px;bottom:5px;font:8px/1 var(--sans);color:#92917e}.photo-caption{padding-bottom:6px}.photo:not([data-frame=polaroid]) .photo-date{bottom:5px;padding:4px;background:#fff9;border-radius:2px}