.studio-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#283d35b8;padding:28px;position:fixed;inset:0;overflow:auto}.memory-studio{color:#30473b;background:#fbf9f3;border-radius:26px;max-width:1080px;margin:auto;padding:28px}.memory-studio header{justify-content:space-between;gap:20px;margin-bottom:24px;display:flex}.memory-studio header small{letter-spacing:2px;color:#9b735d;font-size:10px}.memory-studio h2{margin:8px 0;font-size:28px}.memory-studio button{cursor:pointer}.memory-studio header button{background:0 0;border:0;align-self:flex-start}.studio-body{grid-template-columns:1fr 1fr;gap:34px;display:grid}.studio-preview{text-align:center;background:#e9ecdf;border-radius:20px;align-self:start;padding:28px;position:sticky;top:20px}.studio-preview canvas{width:auto;max-width:100%;max-height:650px;margin:auto;display:block;box-shadow:0 14px 24px #30473b25}.studio-preview p,.studio-controls p{color:#788274;font-size:12px;line-height:1.7}.studio-controls fieldset{border:0;min-width:0;margin:0;padding:0}.studio-controls legend{letter-spacing:1px;padding:15px 0;font-size:13px;font-weight:700}.studio-controls label{flex-direction:column;gap:8px;margin:15px 0;font-size:12px;display:flex}.studio-controls input,.studio-controls select{color:#30473b;width:100%;font:inherit;background:#fff;border:1px solid #dddccf;border-radius:10px;padding:12px}.studio-templates{gap:8px;display:flex}.studio-templates button{color:inherit;background:#f2eee3;border:1px solid #dddccf;border-radius:10px;flex:1;padding:17px 8px}.studio-templates button[aria-pressed=true]{color:#fff;background:#304d3f}.studio-shots{padding:0;list-style:none}.studio-shots li{border-bottom:1px solid #e5e5da;align-items:center;gap:5px;padding:8px 0;display:flex}.studio-shots span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.studio-shots button{background:#e9ecdf;border:0;border-radius:6px;padding:8px}.studio-actions{flex-wrap:wrap;gap:8px;display:flex}.studio-actions button{flex:1;justify-content:center}.memory-studio button:disabled{opacity:.5;cursor:default}.create-memory-hero{background:linear-gradient(125deg,#f4e7df,#f5f4e5);border:1px solid #e6dfcc;border-radius:22px;margin-bottom:24px;padding:25px}.create-memory-hero small{letter-spacing:2px;color:#9b735d;font-size:10px}.create-memory-hero h2{margin:10px 0;font-size:26px}.create-memory-hero p{color:#6b7665;margin-bottom:18px;font-size:13px;line-height:1.8}.create-memory-hero .hero-steps{letter-spacing:1px;margin-top:14px;font-size:11px}@media (max-width:700px){.studio-backdrop{padding:0}.memory-studio{border-radius:0;min-height:100dvh;padding:20px 16px}.memory-studio h2{font-size:22px}.studio-body{grid-template-columns:1fr;gap:16px}.studio-preview{padding:20px;position:static}.studio-preview canvas{max-height:450px}.studio-controls{padding-bottom:25px}.create-memory-hero h2{font-size:23px}}.studio-preview{perspective:1000px}.card-revealed canvas{backface-visibility:hidden;animation:.85s cubic-bezier(.2,.7,.3,1) both card-keepsake}.studio-finished{flex-direction:column;align-items:flex-start;gap:16px;padding:35px 10px;display:flex}.studio-finished h3{letter-spacing:-1px;margin:5px 0;font-size:30px;line-height:1.4}.studio-finished p{font-size:14px;line-height:1.9}.finished-stamp{color:#9b6c4e;letter-spacing:2px;border:2px dashed #a47759;border-radius:50%;margin-bottom:15px;padding:13px 17px;font-size:12px;transform:rotate(-7deg)}.studio-finished button{align-items:center;gap:10px;min-height:44px;display:flex}.memory-studio button:focus-visible{outline-offset:4px;outline:3px solid #9a784e}@keyframes card-keepsake{0%{opacity:.4;transform:rotateY(-85deg)rotate(-5deg)scale(.9)}65%{opacity:1;transform:rotateY(8deg)rotate(2deg)scale(1.02)}to{opacity:1;transform:rotateY(0)rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.card-revealed canvas{animation:none}}
.members-panel{background:#fffdf8;border:1px solid #e3e5da;border-radius:18px;margin:18px 0 24px;padding:18px}.members-panel-heading,.members-panel-heading>div{align-items:center;gap:9px;display:flex}.members-panel-heading{justify-content:space-between}.members-panel h2{margin:0;font-size:16px}.members-panel h2>span{color:#71805b;margin-left:4px}.member-roster{margin:12px 0;padding:0;list-style:none}.member-roster li{border-bottom:1px solid #eeeee7;align-items:center;gap:11px;padding:11px 0;display:flex}.member-avatar{color:#4a5b3e;background:#e5eadb;border-radius:50%;flex:0 0 38px;place-items:center;height:38px;font-weight:700;display:grid}.member-tone-1{color:#8c6550;background:#f2e3d9}.member-tone-2{color:#75618d;background:#e5e2ee}.member-tone-3{color:#4f7481;background:#dfe9ec}.member-roster li>div{flex:1;gap:5px;min-width:0;display:grid}.member-roster strong{overflow-wrap:anywhere;font-size:13px}.member-roster strong small{color:#8a8d7d;margin-left:7px;font-weight:400}.member-roster li>div>span,.member-roster time{color:#818775;font-size:11px}.member-joined{color:#60764c;white-space:nowrap;background:#eef3e5;border-radius:12px;padding:5px 8px;font-size:10px}.members-expand{color:#65774f;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;font-size:12px;display:flex}.member-invite-status{color:#69755d;font-size:11px}.member-privacy-note{color:#8a8c7e;margin-bottom:0;line-height:1.7;font-size:11px!important}
.groups-section{margin:20px 0 28px}.groups-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.groups-heading h2{margin:8px 0;font-size:23px;line-height:1.35}.groups-heading .secondary-button{white-space:nowrap}.group-list{scroll-snap-type:x proximity;gap:12px;padding:3px 2px 12px;display:flex;overflow-x:auto}.group-card{text-align:left;scroll-snap-align:start;color:#373d31;background:#fffdf8;border:1px solid #e6dfd2;border-radius:22px;flex-direction:column;gap:12px;min-width:185px;max-width:230px;padding:22px;display:flex;position:relative}.group-card.active{background:#f0f2e9;border-color:#71805b;box-shadow:0 0 0 2px #71805b22}.group-card strong{overflow-wrap:anywhere;font-size:17px}.group-card small{color:#797a6d;font-size:12px}.group-card>svg:last-child{position:absolute;top:18px;right:14px}.group-symbol{background:#e4e8da;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.tone-1{background:#f0e2d5}.tone-2{background:#e8e2ef}.group-hint{color:#75796b;margin:14px 0;font-size:13px;line-height:1.8}.group-current{background:#eeeee4;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-top:12px;padding:20px;display:flex}.group-current h3{margin:0 0 8px;font-size:20px}.group-current p{color:#6b7161;margin:0;font-size:13px;line-height:1.7}.group-dialog{max-height:88dvh;overflow-y:auto}.group-toggle{align-items:center;gap:12px;margin:20px 0!important;display:flex!important}.group-toggle input{height:18px;width:18px!important;margin:0!important}.group-invite{justify-items:center;gap:12px;margin:16px 0;display:grid}.group-members{padding:0;list-style:none}.group-members li{border-bottom:1px solid #eee9df;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.group-members span{gap:5px;display:grid}.group-members small{color:#818475}.group-members li>div{gap:8px;display:flex}.group-members button{background:#f2f0e9;border:0;border-radius:8px;padding:8px;font-size:11px}.group-confirm{background:#f8eee3;border-radius:14px;padding:18px}.recap-section{margin:22px 0}.recap-section h3{margin:0 0 12px;font-size:18px}.recap-items{gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.recap-item{text-align:left;background:#f0eee6;border:0;border-radius:16px;flex:0 0 130px;padding:0;overflow:hidden}.recap-item img,.recap-item video,.recap-item .media-fallback{object-fit:cover;width:130px;height:105px}.recap-item strong,.recap-item small{text-overflow:ellipsis;white-space:nowrap;padding:5px 10px;display:block;overflow:hidden}.recap-item small{color:#727565;font-size:11px}.notification-list{gap:10px;display:grid}.notification-list button{text-align:left;background:#fffdf8;border:1px solid #e8e4d9;border-radius:14px;gap:7px;padding:17px;display:grid}.notification-list button.unread{background:#eef2e4;border-color:#a6b48c}.notification-list small{color:#7b7e70}@media (max-width:600px){.groups-heading{align-items:flex-start}.groups-heading h2{font-size:20px}.groups-heading .secondary-button{padding:10px;font-size:12px}.group-card{min-width:165px;padding:18px}.group-current{padding:16px}.groups-section{margin-top:12px}.groups-heading h2{word-break:keep-all;font-size:18px}.group-card{gap:9px;min-width:155px;padding:15px}.group-card strong{word-break:keep-all;font-size:15px}.group-card small{word-break:keep-all;font-size:11px;line-height:1.5}.group-current{margin-top:5px;padding:14px}.group-current h3{font-size:17px}.group-current p{font-size:12px;line-height:1.6}.groups-section{margin-bottom:20px}}
.album-book{outline-offset:5px;margin:22px 0;container-type:inline-size}.book-toolbar,.book-controls,.book-folio{justify-content:space-between;align-items:center;gap:12px;display:flex}.book-toolbar{color:#697562;margin-bottom:16px;font-size:12px}.book-toolbar>span{align-items:center;gap:8px;display:flex}.book-toolbar select{background:#fffdf5;border:1px solid #dedbce;border-radius:6px;max-width:170px;padding:7px}.book-paper{touch-action:pan-y;background:#fffcf2;border:1px solid #ded7c4;border-radius:3px 12px 12px 3px;animation:.25s ease-out book-open;overflow:hidden;box-shadow:4px 5px #eee9dc,7px 9px #ddd7c8,0 16px 30px #283e2f15}.book-cover{text-align:center;background:linear-gradient(100deg,#dcd5bd55,#0000 6%),#f2eedf;flex-direction:column;align-items:center;gap:18px;min-height:470px;padding:40px 28px 28px;display:flex}.book-cover>span{letter-spacing:3px;color:#697562;font-size:9px}.book-cover h2{color:#304a39;word-break:keep-all;margin:0;font-family:Georgia,serif;font-size:32px;line-height:1.4}.book-cover p{color:#6d715f;margin:0;font-size:13px;line-height:1.8}.book-cover-photo{background:#fff;width:80%;max-width:330px;padding:9px;position:relative;transform:rotate(-2deg);box-shadow:0 4px 15px #2222}.book-cover-photo img,.book-cover-photo video{object-fit:cover;width:100%;height:180px}.book-cover small{color:#73745f;font-size:11px}.book-spread{grid-template-columns:1fr 1fr;min-height:410px;display:grid}.book-story{background:linear-gradient(270deg,#e5dec655,#0000 12%);border-right:1px solid #e3decd;padding:30px 22px}.book-eyebrow{color:#8b795e;letter-spacing:.3px;font-size:10px}.book-story h2{color:#344638;overflow-wrap:anywhere;margin:22px 0;font-family:Georgia,serif;font-size:26px;line-height:1.5}.book-prose{white-space:pre-wrap;overflow-wrap:anywhere;color:#66624f;font-size:14px;line-height:2}.book-story small,.book-continuation{color:#8b795e;font-size:11px}.book-photos{grid-template-columns:1fr 1fr;align-content:center;gap:9px;padding:24px 16px;display:grid}.book-photos button{cursor:zoom-in;background:#fff;border:0;min-width:0;padding:6px;position:relative;box-shadow:0 2px 8px #3c31221a}.book-photos img,.book-photos video{object-fit:contain;background:#f5f2e8;width:100%;height:135px}.book-photos.count-1{grid-template-columns:1fr}.book-photos.count-1 img,.book-photos.count-1 video{height:290px}.book-words{text-align:center;color:#b2a789;grid-column:1/-1;align-self:center;font-family:Georgia,serif;font-size:70px}.book-words p{font-size:15px;line-height:1.8}.book-folio{color:#9c917a;letter-spacing:1px;border-top:1px solid #e9e2d2;padding:14px 24px;font-size:10px}.book-controls{margin-top:26px}.book-controls button{background:#fffdf7;border:1px solid #dedbce;border-radius:30px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.book-controls button:disabled{opacity:.35;cursor:default}.book-controls>span,.book-hint{color:#8c907f;font-size:11px}.book-hint{text-align:center;margin-top:14px}@container (max-width:480px){.book-spread{grid-template-columns:1fr}.book-story{background:0 0;border-right:0;padding:25px 22px 12px}.book-story h2{margin:12px 0;font-size:24px}.book-photos{padding:14px 22px 25px}.book-photos img,.book-photos video{height:160px}.book-cover{min-height:420px;padding:30px 20px}.book-cover h2{font-size:28px}.book-toolbar{flex-wrap:wrap}}@keyframes book-open{0%{opacity:.5;transform:translate(7px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.book-paper{animation:none}}.book-paper{scroll-margin-top:85px}.physical-book .book-stage{perspective:2200px;padding:18px 8px 24px}.physical-book .book-paper{transform-style:preserve-3d;background:#fbf6e8;border:0;border-radius:5px 12px 12px 5px;animation:none;position:relative;overflow:visible;box-shadow:0 2px #b8ab8d,0 5px #f8f1df,0 7px #c8bca3,0 10px #faf5e6,0 14px #485341,0 24px 35px #151d2640}.physical-book .book-spread{background:repeating-linear-gradient(0deg,#fff0 0 3px,#a28a5e05 4px);border-radius:8px;min-height:460px}.physical-book .book-story{background:linear-gradient(270deg,#71604435,#0000 12%,#ffffff35 90%,#81725315);padding:42px 28px}.physical-book .book-story h2{font-family:Georgia,Times New Roman,serif;font-size:30px}.physical-book .book-photos{background:linear-gradient(90deg,#65563f35,#0000 12%);gap:16px;padding:30px 22px}.physical-book .book-photos button{padding:8px 8px 23px;transform:rotate(-3deg);box-shadow:2px 5px 10px #4b3b2830}.physical-book .book-photos button:nth-child(2n){transform:rotate(3deg)}.physical-book .book-photos button:before{content:"";z-index:1;background:#d4c7a780;width:40px;height:15px;position:absolute;top:-7px;left:calc(50% - 20px);transform:rotate(-5deg)}.physical-book .book-folio{background:linear-gradient(90deg,#0000 47%,#9d8c6830 50%,#0000 53%);border:0;border-radius:0 0 10px 5px}.book-binding{pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#372d2033 46%,#fff7d975 52%,#0000);width:18px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.physical-book .book-cover{color:#ebddbb;background:repeating-linear-gradient(90deg,#ffffff03 0 1px,#0000 1px 4px),#3f594b;border:9px solid #354c40;border-left-width:22px;border-radius:4px 12px 12px 4px;min-height:510px;box-shadow:inset 4px 0 10px #172a2180,inset -2px 0 2px #c9b77e50}.physical-book .book-cover h2{color:#f5e5b7;text-shadow:0 1px 2px #0005;font-family:Georgia,serif}.physical-book .is-cover>.book-folio{display:none}.book-expand{color:#314d3d;background:#fffdf6;border:1px solid #c6c2b1;border-radius:7px;align-items:center;gap:7px;padding:9px 12px;display:flex}.book-expanded{z-index:5000;background:radial-gradient(#586350,#27372f 85%);margin:0;padding:24px max(24px,50vw - 590px) 32px;position:fixed;inset:0;overflow:auto;container-type:inline-size}.book-expanded .book-toolbar{color:#eee5cf;z-index:5;position:relative}.book-expanded .book-stage{padding:28px 18px}.book-expanded .book-spread{min-height:min(65vh,680px)}.book-expanded .book-story{padding:55px 45px}.book-expanded .book-prose{font-size:17px;line-height:2.2}.book-expanded .book-photos{gap:25px;padding:35px 40px}.book-expanded .book-photos img,.book-expanded .book-photos video{height:190px}.book-expanded .book-photos.count-1 img,.book-expanded .book-photos.count-1 video{height:390px}.book-expanded .book-cover{max-width:580px;min-height:580px;margin:auto}.book-expanded .is-cover{max-width:580px;margin:auto}.book-expanded .book-controls{max-width:650px;margin:15px auto}.book-turning-leaf{z-index:4;width:50%;transform-style:preserve-3d;pointer-events:none;position:absolute;top:0;bottom:0}.turn-forward{transform-origin:0;animation:.8s cubic-bezier(.3,.05,.25,1) forwards leaf-forward;right:0}.turn-backward{transform-origin:100%;animation:.8s cubic-bezier(.3,.05,.25,1) forwards leaf-backward;left:0}.book-leaf-front,.book-leaf-back{backface-visibility:hidden;background:#fbf6e8;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 25px #31261740}.book-leaf-content{width:200%;height:100%}.turn-forward .book-leaf-content{margin-left:-100%}.book-leaf-content>.book-folio{width:200%;position:absolute;bottom:0}.book-leaf-back{color:#b4a582;background:linear-gradient(90deg,#e4dcc6,#fff9e9 15%,#f5eedb 90%,#cbbd9b);place-items:center;font:italic 16px Georgia;display:grid;transform:rotateY(180deg)}.turn-cover{transform-origin:0;width:100%}.turn-cover .book-leaf-content{width:100%;margin:0}.book-leaf-content .book-spread{height:100%}@keyframes leaf-forward{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes leaf-backward{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@container (max-width:480px){.physical-book .book-story{padding:24px}.physical-book .book-photos{background:0 0;padding:20px 24px}.physical-book .book-binding{display:none}.physical-book .book-spread{min-height:460px}.book-turning-leaf{width:100%}.turn-forward .book-leaf-content{width:100%;margin:0}.turn-backward .book-leaf-content{width:100%}.physical-book .book-story h2{font-size:26px}.physical-book .book-prose{font-size:14px}.book-expanded .book-photos img,.book-expanded .book-photos video{height:145px}}@media (max-width:600px){.book-expanded{padding:16px 10px}.book-expanded .book-stage{padding:10px 4px 24px}.book-expanded .book-toolbar>span{display:none}.book-expanded .book-cover{min-height:480px}}@media (prefers-reduced-motion:reduce){.book-turning-leaf{display:none}}@media (min-width:900px){.book-expanded{padding-top:16px;padding-bottom:16px}.book-expanded .book-stage{padding-top:16px;padding-bottom:20px}.book-expanded .book-spread{min-height:60vh}.book-expanded .book-photos img,.book-expanded .book-photos video{height:clamp(110px,18vh,190px)}}.book-expanded .book-toolbar select{color:#344638}.book-expanded .book-toolbar option{color:#344638;background:#fffdf5}.book-expanded{background-color:#efe6dd;background-image:linear-gradient(90deg,#fff5 1px,#0000 1px),linear-gradient(#fff5 1px,#0000 1px),radial-gradient(at 20% 15%,#f9e3e5,#0000 60%),radial-gradient(at 90% 80%,#dce7db,#0000 60%);background-size:24px 24px,24px 24px,100% 100%,100% 100%}.book-expanded .book-toolbar{color:#70685d}.book-expanded .book-toolbar>span{letter-spacing:1px;font-size:13px}.book-expand,.book-toolbar select{background:#fffdf7;border-color:#e1d4c7;border-radius:14px;box-shadow:0 3px #d8cbb933}.physical-book .book-paper{background:#fffaf0;box-shadow:0 2px #c9bba5,0 5px #fff9e9,0 7px #d9cdb7,0 10px #fff9e9,0 14px #cdaaa4,0 24px 35px #7c665a25}.physical-book .book-spread{background:radial-gradient(#c3ad861c .7px,#0000 .7px) 0 0/7px 7px}.physical-book .book-story{background:linear-gradient(270deg,#9a846a20,#0000 10%);padding-top:30px;position:relative}.scrap-chapter{color:#b57d74;letter-spacing:2px;align-items:center;gap:9px;margin-bottom:22px;font-size:9px;display:flex}.scrap-thread{border-top:1px dashed #d9bdb2;flex:1;max-width:110px;margin-left:5px;display:block}.physical-book .book-eyebrow{color:#64715b;background:#edf0dd;border-radius:3px;padding:7px 12px;font-size:10px;display:inline-block;transform:rotate(-1deg)}.physical-book .book-story h2{color:#695345;text-underline-offset:-2px;text-decoration-skip-ink:none;margin:22px 0 18px;line-height:1.6;-webkit-text-decoration:underline #efd6a8;text-decoration:underline #efd6a8;text-decoration-thickness:7px;position:relative}.physical-book .book-prose{color:#786f62;background:repeating-linear-gradient(#0000 0 calc(2.15em - 1px),#cabb9b26 calc(2.15em - 1px) 2.15em);padding-bottom:4px;font-size:15px;line-height:2.15}.physical-book .book-story>small{color:#9b8c79;margin-top:10px;font-size:10px;display:inline-block}.scrap-keepsake{-webkit-user-select:none;user-select:none;pointer-events:none;align-items:center;gap:24px;margin-top:25px;display:flex}.scrap-flower{color:#dca474;align-items:center;gap:9px;display:flex;transform:rotate(-8deg)}.scrap-flower svg{fill:#f7e8c0;stroke-width:1.4px;filter:drop-shadow(1px 2px #d9c5a544)}.scrap-flower span{color:#9b8d70;font:italic 17px Georgia}.scrap-stamp{color:#ae7f76;letter-spacing:1px;background:#f3dfd8;border:2px dotted #c49a91;outline:4px solid #f3dfd8;align-items:center;gap:8px;padding:7px;font-size:8px;line-height:1.5;display:flex;transform:rotate(9deg)}.scrap-stamp svg{stroke-width:1.4px}.scrap-doodle{color:#b4b99a;letter-spacing:5px;font-size:22px}.physical-book .book-photos{background:linear-gradient(90deg,#a58f7025,#0000 10%);gap:22px;padding-top:32px;padding-bottom:32px}.physical-book .book-photos button{background:#fffefa;border:1px solid #ece6db;padding-bottom:6px;box-shadow:2px 5px 8px #7b665223}.physical-book .book-photos button:nth-child(3n){transform:rotate(2deg)}.physical-book .book-photos button:nth-child(4n){transform:rotate(-2deg)}.physical-book .book-photos button:before{clip-path:polygon(0 0,96% 4%,100% 92%,3% 100%);background:repeating-linear-gradient(45deg,#e7c9c7a6 0 4px,#f5dcdaaa 4px 8px);width:56px;height:19px;left:calc(50% - 28px);transform:rotate(-7deg)}.physical-book .book-photos button:nth-child(2n):before{background:repeating-linear-gradient(90deg,#bfd0b5a6 0 4px,#d9e3caaa 4px 8px);transform:rotate(5deg)}.scrap-photo-note{color:#9a8c7b;justify-content:center;align-items:center;gap:7px;height:24px;font:italic 11px Georgia;display:flex}.scrap-photo-note svg{color:#c99e96;fill:#f2dfd8}.physical-book .book-folio{color:#ad9d87;font-size:9px}.book-folio>span:first-child{align-items:center;gap:7px;display:flex}.book-folio>span:last-child{border:1px solid #e4d8c6;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.book-binding{background:linear-gradient(90deg,#0000,#80664722 46%,#fff9e988 52%,#0000)}.physical-book .book-cover{color:#4e6047;background:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#ffffff12 0 1px,#0000 1px 3px),#b7c4ac;border-color:#a3b198;position:relative;box-shadow:inset 5px 0 10px #59684b40,inset -2px 0 2px #fff5}.physical-book .book-cover h2{color:#4b5e43;text-shadow:0 1px #f4f5dd;font-size:36px}.physical-book .book-cover>span,.physical-book .book-cover p,.physical-book .book-cover small{color:#56674e}.scrap-cover-badge{color:#ac8068;background:#fffaed;border:1px dashed #cbbfa4;border-radius:50%;align-items:center;gap:12px;margin:4px 0 10px;padding:16px 24px;font:italic 17px Georgia;display:flex;transform:rotate(-5deg);box-shadow:0 0 0 5px #fffaed}.scrap-cover-badge>svg:first-child{fill:#f4e1b4;stroke-width:1.3px}.physical-book .book-cover-photo{background:#fffbef;border:0;padding:9px 9px 25px;transform:rotate(-3deg);box-shadow:2px 6px 12px #4b5a4330}.book-expanded .book-controls>span,.book-expanded .book-hint{color:#85796e}.physical-book .book-controls button{color:#806b5c;background:#fffbf3;border:1px solid #ddd0c1;box-shadow:0 3px #d4c5b544}.physical-book .book-controls button:not(:disabled):hover{background:#f7e7df;transform:translateY(-1px)}.book-controls>span{font-family:Georgia;font-style:italic}.book-leaf-back{color:#bca48c;background:linear-gradient(90deg,#e9ddc9,#fff9ed 15%,#fbf2df 90%,#d4c4a5)}.book-expanded .book-story{padding-top:32px}.book-expanded .book-story h2{font-size:34px}.book-expanded .book-prose{font-size:15px}.book-expanded .book-photos img,.book-expanded .book-photos video{background:#f9f6ee}@container (max-width:480px){.scrap-chapter{margin-bottom:15px}.scrap-keepsake{gap:18px;margin-top:18px}.scrap-doodle{display:none}.physical-book .book-story h2{font-size:25px}.physical-book .book-prose{font-size:13px}.scrap-photo-note{font-size:10px}.physical-book .book-photos{gap:15px}.physical-book .book-cover h2{font-size:29px}.physical-book .book-photos img,.physical-book .book-photos video{height:140px}}
.template-bar{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.template-bar>small{color:#85796e;font-size:11px}.template-toggle{color:#756456;background:#fffaf2;border:1px solid #d9cbbb;border-radius:12px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;display:flex}.template-toggle>span{background:#efe8db;border-radius:6px;padding:4px 7px;font-size:10px}.template-picker{color:#66594b;background:#fffcf5;border:1px solid #e3d8c9;border-radius:18px;padding:18px;box-shadow:0 10px 25px #6b513310}.template-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.template-option{text-align:left;cursor:pointer;background:#fffef9;border:1px solid #e2d8c9;border-radius:12px;min-width:0;padding:10px}.template-option[aria-pressed=true]{outline-offset:2px;outline:2px solid #ab846f}.template-option>strong,.template-option>small{margin-top:8px;display:block}.template-option>strong{font-size:12px}.template-option>small{color:#918373;font-size:10px;line-height:1.5}.template-selected{color:#ad7e66;margin-top:12px;font-size:10px;display:block}.template-mini{background:#f5ecd9;border-radius:5px;grid-template-columns:1fr 1fr;height:90px;display:grid;overflow:hidden;box-shadow:0 3px #d8c9b4}.mini-story{border-right:1px solid #d8cbb5;flex-direction:column;justify-content:center;gap:7px;padding:12px;display:flex}.mini-story i{background:#bcac8d;border-radius:5px;height:3px}.mini-story i:first-child{width:70%;height:6px}.mini-story i:last-child{width:65%}.mini-photos{grid-template-columns:1fr 1fr;align-content:center;gap:5px;padding:10px;display:grid}.mini-photos i{background:linear-gradient(155deg,#c5d4cb 50%,#8ba593 51%,#697f6a);border:3px solid #fff;border-bottom-width:6px;height:26px;transform:rotate(-5deg);box-shadow:1px 2px 3px #0001}.mini-photos i:nth-child(2n){background:linear-gradient(145deg,#e5d1bb 50%,#b9a18e 51%,#998879);transform:rotate(4deg)}.sample-minimal .template-mini{background:#fff}.sample-minimal .mini-photos{gap:3px}.sample-minimal .mini-photos i{border:0;height:30px;transform:none}.sample-film .template-mini{background:#30312c}.sample-film .mini-story{border-color:#66614f}.sample-film .mini-story i{background:#bca67c}.sample-film .mini-photos i{border:3px dashed #ddcaa5;transform:none}.sample-diary .template-mini{background:repeating-linear-gradient(0deg,#f5e0de 0 8px,#fff0ea 8px 16px)}.sample-diary .mini-photos i{border-radius:8px;transform:rotate(2deg)}.template-picker-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:16px;display:flex}.template-picker-footer>span{color:#918373;font-size:11px;line-height:1.6}.template-picker-footer button{color:#fff9ef;background:#786c58;border:0;border-radius:9px;flex-shrink:0;padding:9px 13px;font-size:11px}.template-minimal.book-expanded{background:#e7e6e3}.template-minimal .book-paper,.template-minimal .book-spread{background:#fff}.template-minimal .book-story{background:linear-gradient(270deg,#00000008,#0000 8%)}.template-minimal .book-story h2{letter-spacing:-1px;color:#292c29;font-family:Arial,sans-serif;font-weight:500;text-decoration:none}.template-minimal .book-eyebrow{color:#888;background:0 0;padding:0;transform:none}.template-minimal .book-prose{color:#555;background:0 0}.template-minimal .scrap-keepsake,.template-minimal .scrap-cover-badge,.template-minimal .scrap-photo-note,.template-minimal .book-photos button:before{display:none}.template-minimal .book-photos{background:linear-gradient(90deg,#00000008,#0000 8%);gap:12px}.template-minimal .book-photos button:nth-child(n){box-shadow:none;background:0 0;border:0;padding:0;transform:none}.template-minimal .book-photos img,.template-minimal .book-photos video{object-fit:contain;background:#f4f4f1;height:clamp(140px,22vh,230px)}.template-minimal .book-cover{background:#f5f4ef;border-color:#e4e3dd;box-shadow:inset 5px 0 10px #0001}.template-minimal .book-cover h2,.template-minimal .book-cover p,.template-minimal .book-cover>span,.template-minimal .book-cover small{color:#343c34}.template-minimal .book-cover-photo{box-shadow:none;background:0 0;padding:0;transform:none}.template-minimal .scrap-chapter{color:#888}.template-film.book-expanded{background:radial-gradient(#45443a,#242722)}.template-film .book-toolbar,.template-film .book-controls>span,.template-film .book-hint,.template-film .template-bar>small{color:#dbcbb0}.template-film .book-paper,.template-film .book-spread{background:#30332e}.template-film .book-story{background:linear-gradient(270deg,#0004,#0000 10%)}.template-film .book-story h2{color:#f2e3c1;font-family:Georgia,serif;text-decoration:none}.template-film .book-eyebrow{color:#c5a36d;letter-spacing:2px;background:0 0;padding:0;transform:none}.template-film .book-prose{color:#c9c4b4;background:0 0}.template-film .scrap-keepsake,.template-film .scrap-cover-badge{display:none}.template-film .scrap-chapter{color:#c2a06d}.template-film .book-photos{background:linear-gradient(90deg,#0004,#0000 10%)}.template-film .book-photos button:nth-child(n){background:#20231f;border:7px dashed #c5b48f;border-left:0;border-right:0;border-radius:0;padding:9px;transform:none;box-shadow:0 5px 10px #0005}.template-film .book-photos button:before{display:none}.template-film .scrap-photo-note{color:#ccb68c;font-family:monospace;font-size:9px}.template-film .book-photos img,.template-film .book-photos video{background:#252822}.template-film .book-cover{background:#323b30;border-color:#293128}.template-film .book-cover h2,.template-film .book-cover p,.template-film .book-cover small,.template-film .book-cover>span{color:#ead6a8}.template-film .book-cover-photo{background:#1d241c;border:1px solid #99865f;transform:none;box-shadow:0 5px 20px #0005}.template-film .book-folio{color:#c2ac84}.template-film .book-leaf-back{color:#c1ab7e;background:linear-gradient(90deg,#171d17,#353a30)}.template-diary.book-expanded{background-color:#f6e6e1;background-image:linear-gradient(90deg,#fff5 50%,#0000 50%),linear-gradient(#fff5 50%,#0000 50%);background-size:32px 32px}.template-diary .book-paper{background:#fff8f4}.template-diary .book-spread{background-image:linear-gradient(#e9c8c533 1px,#0000 1px),linear-gradient(90deg,#e9c8c533 1px,#0000 1px);background-size:20px 20px}.template-diary .book-story h2{color:#995e64;font-family:Georgia,serif;text-decoration-color:#edc1c1}.template-diary .book-eyebrow{color:#9c696d;background:#f3dfe1;border-radius:10px}.template-diary .book-prose{color:#886a6b;background:0 0}.template-diary .book-photos button:nth-child(n){background:#fffdfb;border-radius:45% 45% 9px 9px;padding:9px 9px 6px;transform:rotate(-2deg)}.template-diary .book-photos button:nth-child(2n){transform:rotate(3deg)}.template-diary .book-photos img,.template-diary .book-photos video{border-radius:45% 45% 2px 2px}.template-diary .book-photos button:before{background:#e4bdccaa;width:37px;top:-5px;left:calc(50% - 18px)}.template-diary .book-cover{background:repeating-linear-gradient(90deg,#ffffff20 0 2px,#0000 2px 5px),#d9adb1;border-color:#c799a0}.template-diary .book-cover h2,.template-diary .book-cover>span,.template-diary .book-cover p,.template-diary .book-cover small{color:#704b53}.template-diary .scrap-cover-badge{color:#ac7889;background:#fff4ec;outline-color:#fff4ec}.template-diary .scrap-stamp{color:#8a9978;background:#e4e9d8;border-color:#a5b18b;outline-color:#e4e9d8}.template-diary .scrap-flower svg{fill:#f1d1d8;color:#c68f9f}.template-diary .book-leaf-back{color:#bb8e95;background:#f7e6e4}@container (max-width:600px){.template-options{grid-template-columns:repeat(2,minmax(0,1fr))}.template-picker{padding:13px}.template-bar{flex-wrap:wrap}.template-bar>small{display:none}.template-picker-footer{flex-direction:column;align-items:flex-start}.template-mini{height:80px}.template-minimal .book-photos img,.template-minimal .book-photos video{height:140px}}
.app-shell{--orange:#c85d40;--background:#fcfaf6;--foreground:#33473d;--line:#e9e5db;font-family:var(--font-geist-sans),Arial,"Malgun Gothic",sans-serif}.app-shell .main-shell{background:var(--background)}.app-shell button,.app-shell a{touch-action:manipulation}.app-shell button:focus-visible,.app-shell a:focus-visible{outline-offset:3px;outline:3px solid #8b9c72}.app-shell .primary-button{background:#c85d40;border-radius:13px;min-height:44px;box-shadow:0 3px #ac4f3314}.app-shell .primary-button:hover{background:#ad4b32;transform:translateY(-1px)}.app-shell .secondary-button{border-radius:12px;min-height:40px}.app-shell .brand{letter-spacing:-1.1px;color:#314b3d}.app-shell .brand-icon{background:#d36c50;border-radius:11px;box-shadow:inset 0 0 0 3px #fff2}.app-shell .topbar{background:#fcfaf6ed;border-bottom:1px solid #e9e5db;height:68px;min-height:68px;padding-inline:26px}.app-shell .header-tools .icon-button{color:#667264;border:1px solid #e8e5dd;border-radius:50%;width:36px;height:36px;min-height:36px}.app-shell main{scroll-behavior:smooth;padding:22px 26px 30px}.app-shell .browse-ribbon{color:#6a7764;align-items:center;gap:5px;margin:-3px 0 12px;font-size:11px;display:flex}.browse-ribbon>span{align-items:center;gap:7px;display:flex}.browse-ribbon>button{color:#788271;place-items:center;width:32px;height:32px;display:grid}.browse-ribbon>a{color:#4d6144;background:#edf0e5;border-radius:20px;align-items:center;gap:6px;margin-left:auto;padding:8px 11px;font-weight:600;display:flex}.app-shell .page-heading,.app-shell[lang=en] .page-heading{align-items:center;gap:12px;margin-bottom:23px;display:flex}.app-shell .page-heading>div{flex:1;min-width:0}.app-shell .eyebrow{letter-spacing:1.6px;color:#8b8d75;align-items:center;gap:5px;margin-bottom:9px;font-size:9px;display:flex}.app-shell h1,.app-shell[lang=en] h1{letter-spacing:-1px;color:#344a3e;margin:0;font-size:27px;font-weight:750;line-height:1.4}.app-shell .page-heading p,.app-shell[lang=en] .page-heading p{color:#7a8072;max-width:none;margin-top:6px;font-size:12px;line-height:1.7}.app-shell .page-heading>.primary-button,.app-shell[lang=en] .page-heading>.primary-button{flex-shrink:0;margin:0;padding:10px 13px;font-size:12px}.app-shell .page-heading .back-button{background:#fffdf8;border:1px solid #e5e4d9;border-radius:50%;flex:none;width:35px;height:35px}.studio-invitation{isolation:isolate;background:#eef1e5;border:1px solid #e6e4d3;border-radius:20px;align-items:center;min-height:136px;margin-bottom:0;padding:16px 20px;display:flex;position:relative;overflow:hidden}.studio-invitation-copy{z-index:2;padding-right:102px;position:relative}.studio-invitation-copy>span{color:#758268;letter-spacing:.3px;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.studio-invitation-copy h2{letter-spacing:-.7px;color:#3f543c;margin:6px 0 4px;font-size:20px;font-weight:700;line-height:1.4}.studio-invitation-copy p{color:#77816a;margin:0;font-size:11px;line-height:1.6}.studio-invitation-copy button{color:#496040;background:#fffdf5;border:1px solid #dce1ce;border-radius:9px;align-items:center;gap:18px;min-height:34px;margin-top:10px;padding:8px 11px;font-size:11px;font-weight:700;display:flex}.studio-invitation-copy button:hover{background:#fff;transform:translate(2px)}.studio-mini-strip{z-index:1;background:#fffbf0;border:1px solid #e6e3d6;flex-direction:column;align-items:center;gap:6px;width:92px;padding:9px 7px 10px;display:flex;position:absolute;top:-9px;right:24px;transform:rotate(12deg);box-shadow:0 7px 18px #48563a20}.studio-mini-strip>span{letter-spacing:1.4px;color:#958572;font-size:6px}.studio-mini-strip img{object-fit:cover;border-radius:2px;width:100%;height:62px}.studio-mini-strip>svg{color:#cb866b;margin-top:2px}.studio-invitation-spark{color:#93a075;opacity:.7;position:absolute;bottom:17px;right:122px;transform:rotate(-13deg)}.workspace-guide-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:5px 0 14px;display:flex}.workspace-guide-row a,.workspace-guide-row button{color:#7a806e;align-items:center;gap:6px;min-height:36px;padding:3px 1px;font-size:11px;display:flex}.app-shell .groups-section{margin:0 0 18px}.app-shell .groups-heading{align-items:center;gap:12px;margin-bottom:9px;display:flex}.app-shell .groups-heading .eyebrow{display:none}.app-shell .groups-heading h2{letter-spacing:-.3px;color:#455446;margin:0;font-size:15px}.app-shell .groups-heading>.secondary-button{color:#7c856e;background:0 0;border:0;min-height:30px;padding:4px 0;font-size:11px}.app-shell .group-list{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;padding:2px 1px 4px;display:flex;overflow-x:auto}.app-shell .group-list::-webkit-scrollbar{display:none}.app-shell .group-card{text-align:left;scroll-snap-align:start;min-width:116px;max-width:154px;min-height:68px;box-shadow:none;background:#fffdf8;border:1px solid #e8e7dc;border-radius:14px;flex:none;grid-template-columns:24px 1fr;align-content:center;align-items:center;gap:4px 7px;padding:9px 11px;display:grid;position:relative}.app-shell .group-card.active{background:#f0f3e7;border-color:#9eae8b;box-shadow:inset 0 0 0 1px #a8b99433}.app-shell .group-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:97px;font-size:11px;line-height:1.5;overflow:hidden}.app-shell .group-card small{color:#808775;white-space:nowrap;grid-column:1/-1;margin:0;font-size:9px}.app-shell .group-card>.group-symbol{color:#a37658;background:#f2e5db;border-radius:9px;place-items:center;width:25px;height:25px;margin:0;display:grid}.app-shell .group-card>.group-symbol.tone-1{color:#9485a8;background:#e9e4f0}.app-shell .group-card>.group-symbol.tone-2{color:#7b997d;background:#e4ede6}.app-shell .group-card>.group-symbol svg,.app-shell .group-card.personal>svg{width:16px;height:16px}.app-shell .group-card.personal>svg{color:#879571;margin:3px 4px}.app-shell .group-card>svg:last-child:not(:first-child){display:none}.app-shell .group-current{background:#f2f4ec;border-radius:14px;margin-top:12px;padding:15px}.app-shell .group-current h3{font-size:15px}.app-shell .group-current p{font-size:11px;line-height:1.7}.app-shell .section-heading{margin-bottom:12px}.app-shell .section-heading h2{color:#3d4c3f;letter-spacing:-.4px;font-size:17px;font-weight:750}.app-shell .section-heading h2>span{color:#868a74;background:#eeede4;border-radius:7px;padding:3px 6px;font-size:11px;font-weight:600}.app-shell .section-actions select{color:#7b8071;font-size:10px}.app-shell .filter-row{gap:11px;margin-bottom:19px}.app-shell .tabs{gap:5px}.app-shell .tab,.app-shell[lang=en] .tab{color:#78816e;border:1px solid #0000;border-radius:20px;min-height:34px;padding:7px 13px;font-size:11px}.app-shell .selected-tab,.app-shell[lang=en] .selected-tab{color:#4b6040;background:#e8eddf;border-color:#dce4cf}.app-shell .tab span{background:#dce5ce;border-radius:5px}.app-shell .search,.app-shell[lang=en] .search{color:#9a9d8c;background:#f5f3ed;border-color:#eeebe3;border-radius:12px;height:42px;padding-inline:13px}.app-shell .search input{font-size:11px}.app-shell .room-grid,.app-shell[lang=en] .room-grid{gap:18px 15px}.app-shell .room-card{background:#fffdf8;border:1px solid #e9e4d8;border-radius:7px 16px 16px 7px;padding:8px 8px 0;position:relative;overflow:visible;box-shadow:2px 3px #e9e4d980,0 5px 14px #433e2d05}.app-shell .room-card:before{content:"";pointer-events:none;background:#eae5d9;border-radius:2px;width:2px;position:absolute;top:4px;bottom:4px;left:2px}.app-shell .room-card:hover{transform:translateY(-3px);box-shadow:2px 4px #e4dfd1,0 10px 25px #433e2d0d}.app-shell .room-cover{aspect-ratio:1.3;background:#e9eddf;border-radius:3px 10px 5px 3px;height:auto;overflow:hidden}.app-shell .category-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff80;border-radius:7px;padding:5px 8px;font-size:9px;top:9px;left:9px}.app-shell .cover-arrow{opacity:1;color:#67705a;background:#fffcf3e6;width:26px;height:26px;bottom:9px;right:9px}.app-shell .room-card-body{padding:12px 4px 0 5px}.app-shell .room-card-title>button:first-child,.app-shell[lang=en] .room-card-title>button:first-child{letter-spacing:-.5px;color:#45503f;font-size:14px;font-weight:700;line-height:1.5}.app-shell .room-card-title .icon-button{color:#969b8c;min-width:26px;min-height:30px}.app-shell .room-card-body>p,.app-shell[lang=en] .room-card-body>p{color:#8b8e7e;margin:2px 0 12px;font-size:10px;line-height:1.6}.app-shell .room-card-footer{margin-bottom:9px}.app-shell .room-metrics{color:#7c876f;gap:12px;font-size:10px}.app-shell .room-updated{color:#959787;border-top:1px dashed #e8e4d8;padding:10px 0;font-size:9px}.app-shell .folder-capture-button{color:#718063;background:#f5f5ed;border:0;border-top:1px solid #efeee4;border-radius:0 0 12px 3px;width:calc(100% + 8px);min-height:35px;margin-inline:-4px;font-size:10px}.app-shell .room-list{grid-template-columns:1fr}.app-shell .room-list .room-cover{aspect-ratio:auto;flex:0 0 39%;height:auto;min-height:170px}.app-shell .photo-open{border:5px solid #fffdf8;border-radius:12px;box-shadow:0 2px 6px #423d2a0c}.app-shell .photo-caption{color:#707c67;font-size:10px}.app-shell .folder-view-tabs{background:#eeeee4;border:1px solid #e5e6db;border-radius:14px;gap:5px;margin:16px 0 23px;padding:5px;display:flex}.app-shell .folder-view-tabs button{color:#7f8774;background:0 0;border:0;border-radius:10px;flex:1;min-height:40px;padding:8px 5px;font-size:12px}.app-shell .folder-view-tabs button[aria-pressed=true]{color:#4c6344;background:#fffdf7;font-weight:700;box-shadow:0 2px 6px #3e4f3210}.app-shell .members-panel{background:#f9f8f1;border-color:#e9e7da;border-radius:16px;padding:15px 17px}.app-shell .members-panel h2{font-size:14px}.app-shell .member-privacy-note{font-size:10px!important}.app-shell .mobile-tabs{height:calc(78px + env(safe-area-inset-bottom));padding:7px 12px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf9f5;border-top:1px solid #e9e6dd;box-shadow:0 -8px 24px #50432e04}.app-shell .mobile-tabs>button{color:#8a8d7d;gap:5px;font-size:10px}.app-shell .mobile-tabs>button[aria-current]{color:#557047;background:#eff2e7}.app-shell .mobile-tabs>button[aria-current]>svg{fill:none}.app-shell .mobile-tabs .tab-camera{color:#bc634a}.app-shell .tab-camera>span{background:#cf6d50;border-radius:14px;width:43px;height:37px;box-shadow:0 3px #ad573824}.app-shell .tab-account{color:#a17c60;background:#f0e4d8}.app-shell .modal{background:#fffdf7;border:1px solid #e8e4d8;box-shadow:0 15px 60px #25382b24}.app-shell .modal-symbol{color:#84946f;background:#ecf0e1;border-radius:16px;transform:rotate(-5deg)}.app-shell .guide-step{background:#f7f6ed;border:1px solid #eeecdf;border-radius:13px;margin-bottom:9px;padding:13px}.app-shell .guide-step>b{color:#ab8b63;background:#eee5d5;border-radius:10px;padding:8px;font-size:12px}.app-shell .guide-step strong{font-size:13px}.app-shell .guide-step p{color:#7c826e;font-size:11px;line-height:1.7}.app-shell .info-box{border-radius:12px;line-height:1.8}.app-shell .main-footer{color:#909781;border-top:1px dashed #e3e4d7;padding-top:22px;font-size:10px}.app-shell .keepsake-story{color:#394e3f;background:#f1efe4 radial-gradient(#a9b49822 .7px,#0000 .7px) 0 0/9px 9px;border-right:1px solid #e5e3d6;gap:18px;padding:34px clamp(28px,4.3vw,76px) 26px}.keepsake-story .story-top .brand{color:#344d3c;font-size:25px}.keepsake-story .story-edition{color:#9b9b85;letter-spacing:1.6px;font-size:7px}.keepsake-story-content{width:100%;max-width:515px;margin:auto 0}.keepsake-kicker{color:#8a9878;letter-spacing:.3px;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.keepsake-story-content h2{letter-spacing:-1.8px;color:#3d5344;word-break:keep-all;margin:16px 0 13px;font-size:clamp(27px,3vw,45px);font-weight:650;line-height:1.45}.keepsake-story-content h2 em{color:#7e9265;font-style:normal;position:relative}.keepsake-story-content>p{color:#8b907a;word-break:keep-all;margin:0;font-size:12px;line-height:1.95}.keepsake-collage{isolation:isolate;width:100%;max-width:460px;height:300px;margin:17px 0 20px;position:relative}.keepsake-paper{background:#fffcf3;border:1px solid #e7e1ce;padding:17px 21px;position:absolute;inset:36px 20px 14px 26px;transform:rotate(-3deg);box-shadow:0 8px 24px #6d684810}.keepsake-paper>span:first-child{letter-spacing:2.6px;color:#9d9f85;font-size:7px}.keepsake-paper-lines{background:repeating-linear-gradient(#0000,#0000 27px,#dadcc34d 27px 28px);position:absolute;inset:40px 20px 20px}.keepsake-handwriting{color:#a5a78b;font-family:Georgia,serif;font-size:12px;font-style:italic;position:absolute;bottom:13px;left:20px}.keepsake-photo{background:#fffdf7;border:1px solid #e9e3d5;margin:0;padding:9px 9px 0;transition:transform .35s;position:absolute;box-shadow:0 9px 20px #5a553e17}.keepsake-photo:before{content:"";z-index:2;background:repeating-linear-gradient(100deg,#e0aa8e70 0 5px,#eac7ac80 5px 7px);width:55px;height:21px;position:absolute;top:-10px;left:calc(50% - 27px);transform:rotate(-6deg)}.keepsake-photo img{object-fit:cover;width:100%;height:calc(100% - 35px)}.keepsake-photo figcaption{color:#9c927a;justify-content:space-between;align-items:center;height:35px;padding-inline:3px;font-family:Georgia,serif;font-size:12px;font-style:italic;display:flex}.keepsake-photo-one{width:51%;height:217px;top:33px;left:0;transform:rotate(-10deg)}.keepsake-photo-two{width:49%;height:227px;top:21px;right:2px;transform:rotate(8deg)}.keepsake-photo-two:before{background:repeating-linear-gradient(80deg,#a6bb9b77 0 5px,#c5d3b288 5px 7px);transform:rotate(3deg)}.keepsake-collage:hover .keepsake-photo-one{transform:rotate(-8deg)translateY(-3px)}.keepsake-collage:hover .keepsake-photo-two{transform:rotate(6deg)translateY(-3px)}.keepsake-sticker{color:#899668;background:#e4e9cc;border:2px solid #faf9ed;border-radius:50%;justify-content:center;align-items:center;gap:6px;padding:12px 17px;display:flex;position:absolute;bottom:7px;right:1px;transform:rotate(-10deg);box-shadow:0 4px 8px #5e694012}.keepsake-sticker>span{font-family:Georgia,serif;font-size:12px;font-style:italic;line-height:1.2}.keepsake-caption{color:#9b9b82;font-size:11px;position:absolute;bottom:4px;left:10px;transform:rotate(-3deg)}.keepsake-story-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.keepsake-story .story-cta{color:#fffdf6;background:#6b8059;border:1px solid #62764e;border-radius:12px;gap:22px;min-height:46px;padding:12px 18px;font-size:12px;box-shadow:0 4px #61754714}.keepsake-story .story-cta:hover{color:#fff;background:#596e48}.keepsake-help{color:#939781;min-height:40px;padding:0;font-size:11px}.keepsake-story .story-note{color:#92977f;margin-top:14px;font-size:10px}.keepsake-story .story-bottom{color:#969b83;letter-spacing:.6px;border-top:1px solid #dedfcd;padding-top:18px;font-size:9px}@media (min-width:1450px){.app-shell main{padding-inline:38px}.app-shell .room-cover{aspect-ratio:1.5}.app-shell .studio-invitation{min-height:165px}.keepsake-collage{height:345px}.keepsake-photo-one{height:250px}.keepsake-photo-two{height:267px}}@media (min-width:980px) and (max-height:760px){.app-shell .keepsake-story{gap:15px;padding-top:25px;padding-bottom:19px}.keepsake-story-content h2{margin:12px 0 10px;font-size:31px}.keepsake-collage{max-width:390px;height:245px;margin:10px 0 15px}.keepsake-photo-one{height:179px}.keepsake-photo-two{height:186px}.keepsake-paper{inset:28px 20px 10px}.keepsake-story-content>p{font-size:11px}}@media (max-width:979px){.app-shell .keepsake-story{display:none}.app-shell .main-shell{max-width:560px}.app-shell .modal-backdrop,.app-shell .lightbox{width:min(560px,100vw)}}@media (max-width:480px){.app-shell .topbar{height:62px;min-height:62px;padding-inline:20px}.app-shell main{padding:18px 18px 26px}.app-shell .app-brand{font-size:21px}.app-shell .page-heading,.app-shell[lang=en] .page-heading{gap:8px;margin-bottom:20px}.app-shell h1,.app-shell[lang=en] h1{letter-spacing:-.8px;font-size:24px}.app-shell .page-heading p,.app-shell[lang=en] .page-heading p{font-size:11px}.app-shell .page-heading>.primary-button,.app-shell[lang=en] .page-heading>.primary-button{gap:4px;min-height:39px;padding:9px 10px;font-size:10px}.app-shell .page-heading>.primary-button svg{width:15px}.app-shell .eyebrow{letter-spacing:1px;font-size:8px}.app-shell .browse-ribbon{margin-bottom:16px}.studio-invitation{border-radius:17px;min-height:156px;padding:18px}.studio-invitation-copy{padding-right:70px}.studio-invitation-copy h2{word-break:keep-all;max-width:210px;font-size:18px}.studio-invitation-copy p{max-width:185px;font-size:10px}.studio-mini-strip{width:76px;top:2px;right:15px}.studio-mini-strip img{height:53px}.studio-invitation-spark{display:none}.workspace-guide-row{margin-bottom:19px}.workspace-guide-row button,.workspace-guide-row a{font-size:10px}.app-shell .groups-section{margin-bottom:20px}.app-shell .group-card{min-width:112px;min-height:76px;padding:10px}.app-shell .room-grid,.app-shell[lang=en] .room-grid{gap:14px 11px}.app-shell .room-cover{aspect-ratio:1.12}.app-shell .room-card{padding:6px 6px 0}.app-shell .room-card-body{padding:8px 3px 0 4px}.app-shell .room-card-title>button:first-child,.app-shell[lang=en] .room-card-title>button:first-child{font-size:12px}.app-shell .room-card-body>p,.app-shell .room-metrics{font-size:9px}.app-shell .room-updated{font-size:8px}.app-shell .category-badge{padding:4px 6px;font-size:8px;top:7px;left:7px}.app-shell .folder-capture-button{font-size:9px}.app-shell .mobile-tabs{padding-inline:8px}.app-shell .folder-view-tabs button{font-size:11px}.app-shell .members-panel{padding:13px}.app-shell .modal{border-radius:22px;padding:28px 20px}}@media (max-width:350px){.app-shell main{padding-inline:13px}.app-shell h1,.app-shell[lang=en] h1{font-size:21px}.studio-invitation-copy h2{font-size:16px}.studio-invitation-copy{padding-right:65px}.app-shell .tab{padding-inline:11px}.app-shell .page-heading{flex-wrap:wrap}.app-shell .room-card-title>button:first-child{font-size:11px}}@media (prefers-reduced-motion:reduce){.app-shell main{scroll-behavior:auto}.app-shell *{transition-duration:.01ms!important;animation-duration:.01ms!important}.app-shell .room-card:hover,.keepsake-collage:hover .keepsake-photo{transform:none}}.app-shell .studio-invitation{min-height:112px;padding:14px 18px}.app-shell .studio-invitation-copy h2{margin:5px 0;font-size:18px}.app-shell .studio-invitation-copy p{display:none}.app-shell .studio-invitation-copy button{min-height:32px;margin-top:8px;padding:6px 10px}.app-shell[data-browsing=true] .studio-invitation{margin-bottom:20px}.app-shell .studio-mini-strip{width:79px;top:-28px;right:23px}.app-shell .studio-mini-strip img{height:53px}.app-shell .studio-invitation-spark{width:20px;bottom:17px;right:115px}.app-shell .page-heading p,.app-shell .room-card-body>p,.app-shell[lang=en] .room-card-body>p{color:#707867}.app-shell .workspace-guide-row a,.app-shell .workspace-guide-row button{color:#69775e}.app-shell .group-card small{color:#6d7962}.app-shell .group-card{min-height:68px}.app-shell .group-list{padding-bottom:3px}.app-shell .room-metrics{color:#647359}.keepsake-story-content>p{color:#747e65}.keepsake-story .story-note{color:#727f62}.app-shell .album-people{background:#f6f6ee;border:1px solid #e5e6d9;border-radius:14px;margin:17px 0}.album-people summary{cursor:pointer;color:#5a6a4e;align-items:center;gap:10px;padding:13px 15px;font-size:12px;font-weight:600;list-style:none;display:flex}.album-people summary::-webkit-details-marker{display:none}.album-people summary>span:nth-child(2){flex:1}.album-people summary small{color:#7d846f;margin-top:3px;font-size:10px;font-weight:400;display:block}.album-people-icon{background:#e8eddc;border-radius:11px;place-items:center;width:33px;height:33px;display:grid}.album-people[open] summary>svg{transform:rotate(90deg)}.app-shell .album-people .members-panel{background:0 0;border:0;border-top:1px dashed #dedfce;border-radius:0;margin:0}.app-shell .memory-toolbar h2{color:#41533d;font-size:17px}.app-shell .memory-toolbar p{color:#78816c;margin-bottom:0;font-size:11px}.app-shell .record-date{color:#7a8963;background:#edf0e2;border-radius:8px;margin-top:20px;padding:7px 10px;font-size:10px;font-weight:600;display:table}.app-shell .record-card{background:#fffdf7;border-color:#e7e3d6;border-radius:17px;box-shadow:0 4px 13px #4a48250a}.app-shell .record-card>header{color:#8b907d;padding:16px 18px 13px;font-size:11px}.app-shell .record-card>h3{letter-spacing:-.5px;color:#42513d;margin:0 18px 10px;font-size:19px;line-height:1.6}.app-shell .record-body{color:#7b806e;padding:0 18px 12px;font-size:12px;line-height:1.9}.app-shell .bundle-grid{gap:7px;margin:0 14px 14px}.app-shell .bundle-grid .record-photo{border:4px solid #f4f0e5;border-radius:8px}.app-shell .record-actions{color:#77846b;background:#fbf9f0;border-top:1px dashed #e6e3d5}.app-shell .book-toolbar{background:#f4f3e9;border-radius:12px;padding:11px;font-size:11px}.app-shell .book-toolbar select{background:#fffdf6;border-radius:8px;padding:8px;font-size:11px}@media (max-width:480px){.app-shell .studio-invitation-copy h2{font-size:17px}.app-shell .studio-invitation-copy{padding-right:65px}.app-shell .studio-mini-strip{right:16px}.app-shell .page-heading{margin-bottom:18px}.app-shell .studio-invitation{min-height:110px}.app-shell .groups-section{margin-bottom:15px}.app-shell .groups-heading{margin-bottom:6px}.app-shell .filter-row{margin-bottom:15px}.app-shell .group-card{min-height:64px}.app-shell .group-list{padding-bottom:2px}}
.app-shell .main-shell{background:#f8f5ed radial-gradient(#a18d6c12 .6px,#0000 .6px) 0 0/5px 5px}@media (min-width:980px){.app-shell:not([data-native=true]){grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr)}.app-shell .keepsake-story h2{font-size:clamp(26px,2.6vw,42px)}}.app-shell .page-heading{padding:12px 0 8px}.app-shell .page-heading h1{letter-spacing:-1.5px;font-size:clamp(26px,3vw,38px)}.app-shell .page-heading p{font-size:13px}.app-shell .room-grid:not(.room-list){background:linear-gradient(0deg,#b3a08022,#0000 25px);gap:30px 24px;padding:10px 5px 26px}.app-shell .room-grid:not(.room-list) .room-card{background:#e7e9db;border:1px solid #d5d6c7;border-radius:5px 15px 15px 5px;padding:0 0 0 10px;transition:transform .25s,box-shadow .25s;box-shadow:3px 3px #fcfaf4,5px 5px #ded9cc,7px 7px #f5f1e8,8px 9px #d9d3c5,4px 16px 22px #3e44301a}.app-shell .room-grid:not(.room-list) .room-card:nth-child(3n+2){background:#eadbd0}.app-shell .room-grid:not(.room-list) .room-card:nth-child(3n){background:#dce5e5}.app-shell .room-grid:not(.room-list) .room-card:before{background:linear-gradient(90deg,#fff8,#53644825);border-right:1px solid #fff7;width:4px;top:0;bottom:0;left:5px}.app-shell .room-grid:not(.room-list) .room-card:hover{transform:translateY(-7px)rotate(-1deg)}.app-shell .room-grid:not(.room-list) .room-cover{aspect-ratio:.85;border-radius:0 12px 0 0;justify-content:center;align-items:center;padding:24px 20px 96px;display:flex;background:0 0!important}.app-shell .room-grid:not(.room-list) .room-cover>img{object-fit:cover;border:7px solid #fffcf4;width:100%;height:100%;transform:rotate(-3deg);box-shadow:0 3px 12px #3e443028}.shelf-cover-label{color:#34473d;text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.shelf-cover-label small{letter-spacing:2px;font-size:8px}.shelf-cover-label strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:18px;line-height:1.4;overflow:hidden}.shelf-cover-label>span{color:#626b5e;font-size:9px}.app-shell .room-grid:not(.room-list) .category-badge{z-index:1;color:#58634b;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffcf0e6;border-radius:0;top:15px;left:14px;transform:rotate(-5deg);box-shadow:0 2px 2px #0001}.app-shell .room-grid:not(.room-list) .cover-arrow{width:24px;height:24px;bottom:12px;right:10px}.app-shell .room-grid:not(.room-list) .room-card-body{background:#fffcf477;border-top:1px solid #ffffff80;border-radius:0 0 12px;padding:8px 12px 0}.app-shell .room-grid:not(.room-list) .room-card-title>button:first-child{font-size:13px}.app-shell .room-grid:not(.room-list) .room-card-body>p{color:#626b5e}.app-shell .room-list .shelf-cover-label{display:none}.app-shell .recent-section{margin-top:34px}.app-shell .recent-section .photo-grid{gap:15px;padding:8px 3px 18px}.app-shell .recent-section .photo-item{background:#fffdf7;border:1px solid #e6e0d1;border-radius:2px;padding:7px 7px 0;transform:rotate(-2deg);box-shadow:0 5px 10px #4d503412}.app-shell .recent-section .photo-item:nth-child(2n){transform:rotate(2deg)}.app-shell .recent-section .photo-open{border-radius:0}.app-shell .recent-section .photo-caption{color:#59654e}.empty-bookshelf{background:#fffdf6;border:1px solid #e2ddce;border-radius:18px;overflow:hidden}.sample-books{background:repeating-linear-gradient(0deg,#0000 0 23px,#a4aa8220 24px),#edeedf;border-bottom:8px solid #d8cfbb;justify-content:center;align-items:center;gap:20px;height:235px;display:flex;position:relative;box-shadow:0 8px 13px #75684a16}.sample-book{background:#d9dfc8;border-left:5px solid #b5c19b;border-radius:3px 8px 8px 3px;flex-direction:column;gap:9px;width:128px;height:182px;padding:12px 12px 10px 18px;display:flex;transform:rotate(-9deg);box-shadow:3px 3px #fffcf1,5px 5px #c2bba6,0 12px 16px #655c4529}.sample-book:nth-child(2){background:#e8cec1;border-left-color:#c99f88;transform:rotate(8deg)translateY(8px)}.sample-book img{object-fit:cover;border:4px solid #fffaf0;width:100%;height:103px}.sample-book span{letter-spacing:1px;font:10px Georgia,serif}.sample-book small{color:#626d55;font-size:9px}.shelf-sample-sticker{color:#957156;align-items:center;gap:6px;font:italic 13px Georgia,serif;display:flex;position:absolute;bottom:16px;right:12px;transform:rotate(-8deg)}.first-book-copy{padding:30px}.shelf-kicker{letter-spacing:2px;color:#a0795b;font-size:9px}.first-book-copy h3{letter-spacing:-1px;color:#344b3c;margin:12px 0;font-size:28px;line-height:1.5}.first-book-copy p{color:#727867;max-width:390px;font-size:13px;line-height:1.9}.first-book-copy ol{counter-reset:steps;flex-wrap:wrap;gap:14px;margin:23px 0;padding:0;list-style:none;display:flex}.first-book-copy li{counter-increment:steps;color:#69765d;align-items:center;gap:7px;font-size:11px;display:flex}.first-book-copy li:before{content:counter(steps,decimal-leading-zero);color:#b78162;font:italic 15px Georgia,serif}.first-book-copy>.text-button{min-height:40px;margin-top:12px;display:flex}.template-scrapbook .book-eyebrow{color:#8b634d;border:1px dashed #ae8168;width:fit-content;padding:9px 12px;transform:rotate(-3deg)}.template-scrapbook .book-prose{background:repeating-linear-gradient(#0000 0 calc(2.1em - 1px),#bbaf8d38 calc(2.1em - 1px) 2.1em);line-height:2.1}.memory-just-added{animation:.65s cubic-bezier(.2,.8,.3,1) both memory-stick}@keyframes memory-stick{0%{opacity:0;transform:translateY(-24px)rotate(-8deg)scale(1.08)}70%{opacity:1;transform:translateY(3px)rotate(2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@media (max-width:480px){.app-shell .room-grid:not(.room-list){gap:22px 15px;padding-right:8px}.app-shell .room-grid:not(.room-list) .room-cover{aspect-ratio:.78;padding:21px 10px 78px}.shelf-cover-label{bottom:15px;left:8px;right:8px}.shelf-cover-label strong{font-size:13px}.shelf-cover-label small{letter-spacing:1px;font-size:6px}.shelf-cover-label>span{font-size:8px}.app-shell .room-grid:not(.room-list) .room-cover>img{border-width:4px}.app-shell .room-grid:not(.room-list) .cover-arrow{display:none}.app-shell .room-grid:not(.room-list) .room-card-body{padding:7px 6px 0}.first-book-copy{padding:23px}.first-book-copy h3{font-size:25px}.app-shell .recent-section .photo-grid{gap:9px}}@media (prefers-reduced-motion:reduce){.memory-just-added{animation:none}.app-shell .room-grid:not(.room-list) .room-card{transition:none}.app-shell .room-grid:not(.room-list) .room-card:hover{transform:none}}
.memories{padding:8px 0 28px}.memory-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.memory-toolbar h2{margin:0 0 7px;font-size:19px}.memory-toolbar p,.memory-muted{color:#727b6d;font-size:12px;line-height:1.7}.memory-toolbar button{padding:12px}.record-compose,.moderation-panel{background:#f1f3e9;border:1px solid #d9dfd0;border-radius:16px;margin:16px 0;padding:18px}.record-compose h3{margin:0 0 16px;font-size:16px}.memories label,.discussion label{gap:8px;margin:12px 0;font-size:12px;font-weight:600;display:grid}.memories input,.memories textarea,.memories select,.discussion textarea{color:#2c3d2c;width:100%;font:inherit;box-sizing:border-box;background:#fffdf8;border:1px solid #cbd3c2;border-radius:9px;padding:12px;font-size:14px}.memories textarea,.discussion textarea{resize:vertical;min-height:85px;line-height:1.65}.memory-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;display:flex}.memory-actions>small{color:#6c7867;margin-right:auto;font-size:10px}.memory-actions button,.memory-confirm button,.memory-error button{background:#e1e8d8;border-radius:8px;padding:9px 12px;font-size:12px}.memory-actions button:last-child{color:#fff;background:#314d38}.record-timeline{margin:22px 0;padding:0;list-style:none}.record-date{color:#6e7c60;margin:26px 0 12px;font-size:12px;font-weight:700;display:block}.record-card{background:#fffdf8;border:1px solid #e1e3d6;border-radius:16px;margin:12px 0;overflow:hidden}.record-card>header{justify-content:space-between;align-items:center;padding:15px 17px;font-size:12px;display:flex}.record-card>header small{color:#79836e;align-items:center;gap:5px;font-size:10px;display:flex}.record-body,.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85}.record-body{margin:0;padding:0 17px 14px;font-size:14px}.record-photo{text-align:left;width:100%;display:block}.record-photo img{object-fit:cover;width:100%;max-height:370px;display:block}.record-photo span{color:#77816b;overflow-wrap:anywhere;padding:10px 17px;font-size:11px;display:block}.record-actions{border-top:1px solid #ecede4;align-items:center;gap:15px;padding:12px 17px;display:flex}.record-actions button{align-items:center;gap:6px;min-height:30px;font-size:11px;display:flex}.record-actions button:first-child{margin-right:auto}.discussion{color:#30422f;background:#f7f8f0;border-top:1px solid #e3e6d9;padding:16px}.discussion-top{align-items:center;gap:18px;display:flex}.discussion-top>button,.discussion-top>span{align-items:center;gap:7px;font-size:12px;display:flex}.discussion-top>button{border:1px solid #d3ddc6;border-radius:20px;padding:9px 10px}.discussion-top>button[aria-pressed=true]{color:#b04d3a;background:#f7e9e1}.comment-list{margin:14px 0;padding:0;list-style:none}.comment-list>li{border-bottom:1px solid #e0e5d6;padding:13px 0}.comment-meta{align-items:center;gap:9px;font-size:11px;display:flex}.comment-meta time,.comment-meta small{color:#7a8471;font-size:9px}.comment-body{margin:8px 0;font-size:13px}.comment-actions{gap:14px;display:flex}.comment-actions button{color:#68785c;min-height:32px;font-size:10px}.memory-confirm{background:#fff0e5;flex-wrap:wrap;gap:8px;padding:12px;font-size:12px;line-height:1.7;display:flex}.memory-confirm p{width:100%;margin:0}.memory-error{color:#8b3d2e;background:#fceae4;border-radius:8px;padding:12px;font-size:12px;line-height:1.6}.memory-error button{margin-top:8px;display:block}.timeline-empty{text-align:center;color:#7a8570;padding:32px 10px;font-size:13px}.moderation-toggle{color:#6e7d62;margin-top:13px;padding:8px;font-size:11px}.moderation-panel article{border-bottom:1px solid #d6dfcb;padding:14px 0}.moderation-panel h3{font-size:15px}.moderation-panel small{overflow-wrap:anywhere}.folder-view-tabs{background:#ecefe3;border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.folder-view-tabs button{color:#738168;border-radius:9px;flex:1;padding:12px;font-size:13px}.folder-view-tabs button[aria-pressed=true]{color:#304c34;background:#fffdf7;font-weight:700;box-shadow:0 2px 5px #253a2510}.memories button:disabled,.discussion button:disabled{opacity:.45;cursor:not-allowed}.memories button:focus-visible,.discussion button:focus-visible,.folder-view-tabs button:focus-visible{outline-offset:3px;outline:2px solid #6b8757}
.bundle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0;display:grid}.bundle-grid .record-photo{border-radius:10px;padding:0;overflow:hidden}.bundle-grid img,.bundle-grid video{object-fit:cover;width:100%;height:180px}.record-card>h3{word-break:keep-all;margin:16px 0 8px;font-size:21px}.bundle-picker{border:1px solid #e4e4d9;border-radius:12px;margin:16px 0;padding:12px}.bundle-picker>p{color:#737d68;font-size:12px;line-height:1.6}.bundle-picker>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:290px;display:grid;overflow:auto}.bundle-picker button{border:2px solid #0000;border-radius:8px;padding:0;position:relative;overflow:hidden}.bundle-picker button[aria-pressed=true]{border-color:#d66c47}.bundle-picker img,.bundle-picker video{object-fit:cover;width:100%;height:85px}.bundle-picker button>span:last-child{color:#3c4733;background:#fff;border-radius:50%;min-width:22px;padding:3px;font-size:11px;position:absolute;top:4px;right:4px}@media (max-width:500px){.bundle-grid img,.bundle-grid video{height:135px}.bundle-picker>div{grid-template-columns:repeat(3,minmax(0,1fr))}}