.reference-landing{min-height:100dvh;color:var(--pt-library-ink);background:var(--pt-library-gradient);position:relative;overflow:hidden}.reference-landing:before{content:"";pointer-events:none;opacity:.65;background:linear-gradient(118deg,#0000 0%,#fffbe85f 12%,#0000 31%),radial-gradient(at 45% -20%,#ffffffcf,#0000 60%);position:absolute;inset:0}.reference-landing__inner{max-width:580px;margin:auto;padding:17px clamp(14px,3.2vw,26px) 45px;position:relative}.reference-landing__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.reference-landing__header--centered{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.reference-landing__header--centered>:last-child{justify-self:end}.reference-landing__wordmark{color:#493628;text-align:center;white-space:nowrap;font-family:Georgia,serif;font-size:19px;font-weight:700}.reference-landing__page-title{color:var(--pt-library-ink);font-family:var(--font-geist-sans),"Apple SD Gothic Neo",sans-serif;letter-spacing:-.035em;font-size:clamp(15px,4vw,17px);font-weight:800;line-height:1.2}.reference-landing__brand{color:#493628;align-items:center;gap:10px;font-family:Georgia,serif;font-size:19px;font-weight:700;display:inline-flex}.reference-landing__logo{object-fit:contain;width:44px;height:33px}.reference-landing__signin{color:#745a42;background:#fffcf7;border:1px solid #e5d5c4;border-radius:30px;padding:9px 17px;font-size:13px;font-weight:750;box-shadow:0 3px 9px #75533424,inset 0 1px #fff}.reference-landing__notice{color:#765d49;background:#fffaf063;border:1px solid #9b7d6230;border-radius:7px;align-items:center;gap:9px;min-height:29px;margin-top:10px;padding:4px 10px;display:flex;box-shadow:inset 0 1px #ffffff5c}.reference-landing__notice-tag{color:#785b43;background:#b08f6d29;border-radius:3px;flex:none;padding:1px 5px;font-size:10px;font-weight:750}.reference-landing__notice-title{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;font-size:11px;font-weight:610;overflow:hidden}.reference-landing__notice-more{color:#99745a;white-space:nowrap;flex:none;font-size:10px;font-weight:670}.reference-landing__notice-title:hover,.reference-landing__notice-more:hover{text-underline-offset:2px;text-decoration:underline}.reference-landing__intro{text-align:center;padding:25px 0 29px}.reference-landing__headline{letter-spacing:-.055em;color:#4b3425;white-space:nowrap;font-size:clamp(31px,7vw,46px);font-weight:790;line-height:1.3}.reference-landing__intro>p:last-child{color:#806958;margin-top:13px;font-size:12px}.reference-landing__shelf-heading{justify-content:space-between;align-items:baseline;gap:8px;padding:0 4px 10px;display:flex}.reference-landing__shelf-heading h2{letter-spacing:-.04em;color:#503a29;font-size:17px;font-weight:800}.reference-landing__shelf-heading p{color:#ad8c70;white-space:nowrap;font-size:11px}.reference-shelf{isolation:isolate;background:linear-gradient(90deg,#5530182e,#0000 7% 93%,#4b271924),url(/showcase/reference-wood-back.webp) 50%/80px 100% repeat-x,#95623c;border-bottom:5px solid #774624;border-left:clamp(4px,1.1vw,7px) solid #794c29;border-right:clamp(4px,1.1vw,7px) solid #6b4124;position:relative;box-shadow:inset 9px 0 15px #3a1c0e78,inset -6px 0 13px #3d210e80,0 12px 25px #5a351c2b,0 22px 38px #5130192d}.reference-shelf__canopy{z-index:3;background:linear-gradient(#e7c49a 0%,#c18d5b 30%,#96623c 73%,#643817 100%),url(/showcase/reference-shelf-edge.webp);border-bottom:2px solid #7f4c2d;height:clamp(17px,3vw,25px);position:relative;box-shadow:0 8px 9px #40210e75,inset 0 1px #ffe8c2}.reference-shelf__row{grid-template-columns:repeat(2,minmax(0,1fr));place-items:end center;column-gap:clamp(12px,4vw,30px);min-width:0;padding:clamp(18px,3.5vw,25px) clamp(8px,2.7vw,18px) 16px;display:grid;position:relative;box-shadow:inset 7px 0 10px #49261540,inset -3px 0 9px #49261530}.reference-shelf--owned .reference-shelf__row{padding-top:clamp(35px,6vw,42px)}.reference-shelf__row:before{content:"";z-index:-1;background:linear-gradient(#3a1a0970 0%,#0000 19% 81%,#41200f45 100%);position:absolute;inset:0}.reference-shelf__album{z-index:2;filter:drop-shadow(5px 5px 5px #3f1c0e55);cursor:pointer;flex-shrink:0;align-self:end;width:min(100%,213px);line-height:0;transition:none;display:block;position:relative;transform:none}.reference-shelf__album:hover,.reference-shelf__album:active{filter:drop-shadow(5px 5px 5px #3f1c0e55);transform:none}.reference-shelf__album:focus-visible{outline-offset:4px;border-radius:6px;outline:3px solid #fff3dc}.reference-shelf__book-image{object-fit:contain;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:100%;height:auto;display:block}.reference-shelf__ledge{z-index:5;pointer-events:none;background:linear-gradient(#ffe4b24a,#5d2e0a15),url(/showcase/reference-shelf-edge.webp) 50%/100% 100% no-repeat,linear-gradient(#dab07b,#9c6137);border-top:1px solid #eac196;height:clamp(13px,3.5vw,18px);position:absolute;bottom:0;left:-2px;right:-2px;box-shadow:0 -3px 4px #32160738,0 6px 8px #3a1d0c6b,inset 0 -2px 3px #3e24145b}.reference-shelf__cover-label{isolation:isolate;z-index:3;white-space:nowrap;color:#503d30;height:clamp(21px,4.5vw,28px);font-size:clamp(11px,2.7vw,15px);line-height:1;font-family:var(--font-geist-sans),"Apple SD Gothic Neo","Malgun Gothic",sans-serif;justify-content:center;align-items:center;gap:5px;font-weight:670;display:flex;position:absolute;bottom:5.3%;left:17%;right:5%}.reference-shelf__sample-prefix{color:#6d5039;letter-spacing:-.02em;background:#fbf2e5b0;border:1px solid #8c725c7d;border-radius:2px;flex-shrink:0;padding:3px 4px;font-size:.85em;font-weight:780;display:inline-flex;box-shadow:0 1px 2px #51372120}.reference-shelf__cover-title{white-space:nowrap;letter-spacing:-.04em}.reference-landing__sample-note{text-align:center;color:#9f8773;padding:12px 5px 0;font-size:11px}.reference-landing__benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.reference-landing__benefit{text-align:center;border:1px solid var(--pt-library-border);min-width:0;min-height:98px;color:var(--pt-library-ink);background:#fffbf3bd;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 5px;display:flex;box-shadow:0 6px 16px #67482f12,inset 0 1px #ffffffd1}.reference-landing__benefit-icon{color:#89664a;background:#f4e6d5;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.reference-landing__benefit-icon svg{width:20px;height:20px}.reference-landing__benefit strong{letter-spacing:-.045em;white-space:nowrap;font-size:clamp(11px,2.7vw,13px);font-weight:760}.reference-landing__footnote-mark{vertical-align:super;margin-left:1px;font-size:.8em;line-height:0}.reference-landing__renewal-note{color:#947d68;text-align:center;margin-top:9px;font-size:10px;line-height:1.6}.reference-landing__tabs{border-bottom:1px solid #ddcbb8;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:12px 1px 10px;display:grid}.reference-landing__tab{color:#977c66;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:46px;padding:10px 1px 12px;font-size:clamp(10px,2.55vw,12px);font-weight:760;display:flex;position:relative}.reference-landing__tab--active{color:#4b3425;background:#fff9ee94;border-bottom-color:#866040}.reference-landing__tab-count{color:#aa8d76;font-size:10px;font-weight:650}.reference-landing__tab--active .reference-landing__tab-count{color:#87684b}.reference-landing__tab:focus-visible{outline-offset:-2px;outline:2px solid #866040}.reference-shelf__owned-album{width:min(100%,213px);line-height:0}.reference-shelf__owned-album--create{width:min(80%,170px)}.reference-shelf__owned-album .pt-unified-album--portrait-basic{width:80%}.reference-shelf__real-frame{z-index:3;left:var(--pt-cover-window-left);top:var(--pt-cover-window-top);width:var(--pt-cover-window-width);height:var(--pt-cover-window-height);background:#e9e1d4;border:clamp(2px,.5vw,3px) solid #f7f0e6;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #9e846d4a,0 3px 6px #52382032}.reference-shelf__real-photo{object-fit:cover}.reference-shelf__no-photo{color:#aca38d;background:radial-gradient(at 55% 35%,#f4eedf,#ddd3bf);justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(24px,6vw,40px);line-height:1;display:flex}.reference-shelf__owned-label{pointer-events:none;min-width:0;padding:0 2px;font-size:clamp(10px,2.7vw,14px)}.reference-shelf__owned-label .reference-shelf__cover-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;line-height:1.25;display:block;overflow:hidden}.reference-landing__room-create{color:#806147;background:#fffbf4bf;border:1px solid #d9c8b6;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:5px 11px;font-size:11px;font-weight:750;display:inline-flex}.reference-landing__rooms .mb-3>.flex{flex-wrap:wrap}.reference-landing__rooms .mb-3 input[type=search]{min-width:100px}.reference-landing a:focus-visible{outline-offset:3px;outline:3px solid #bd8c57}@media (max-width:460px){.reference-landing__inner{padding:13px 13px 36px}.reference-landing__intro{padding:25px 0 27px}.reference-landing__shelf-heading{padding-bottom:9px}.reference-shelf__row{column-gap:12px;padding:18px 10px 14px}.reference-shelf--owned .reference-shelf__row{padding-top:32px}.reference-shelf__album{width:100%;max-width:185px}}.reference-shelf__live-book{width:100%;line-height:1;display:block}.reference-shelf__live-book .fabric-album{aspect-ratio:.93;background-color:var(--fabric-tone);background-blend-mode:multiply,normal;background-image:url(/album-create/linen-reference-texture.webp),radial-gradient(at 35% 14%,#ffffff80,#0000 65%);background-size:128px 64px,auto;border-radius:7% 4% 4% 7%;width:100%;max-height:none;padding:0;transition:none;display:block;position:relative;box-shadow:inset 5px 0 8px #75553d25,inset 0 0 0 3px #fff6,2px 4px #d4b8a493,6px 9px 15px #432a203b;transform:none!important}.reference-shelf__live-book .fabric-album-window{aspect-ratio:auto;border:3px solid #fbf2e8;width:51%;height:52%;position:absolute;top:20%;left:32%}.reference-shelf__live-book .fabric-album-title{color:#593b2a;width:69%;max-width:69%;font-family:var(--font-geist-sans),"Apple SD Gothic Neo","Malgun Gothic",sans-serif;letter-spacing:-.035em;text-align:center;text-shadow:0 1px #fff9;font-size:clamp(11px,2.7vw,15px);font-weight:700;line-height:1.25;position:absolute;top:79%;left:24%}.reference-shelf__live-book .fabric-album-leaves{display:none}.reference-shelf__live-book .fabric-album-spine{background:linear-gradient(90deg,#60402935,#ffffffe8 30%,#97715745 53%,#fff7e183 70%,#634d3629 85%,#0000);width:11%;left:6%}.reference-shelf__owned-album:hover .fabric-album{transform:none!important}.reference-shelf{overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important}.reference-shelf__block{aspect-ratio:1024/1536;background:url(/showcase/photo-shelf/oak-bookshelf-four-equal.webp) top/100% 100% no-repeat;width:100%;padding:0;display:block;position:relative}.reference-shelf__block>.reference-shelf__row,.reference-shelf--owned .reference-shelf__block>.reference-shelf__row{border:0;grid-template-columns:repeat(2,minmax(0,1fr));place-items:end center;column-gap:0;width:72%;min-width:0;height:19.5313%;min-height:0;margin:0;padding:0;display:grid;position:absolute;left:14%;right:14%;container-type:size;box-shadow:none!important;background:0 0!important}.reference-shelf__block .reference-shelf__row:before{display:none}.reference-shelf__block .reference-shelf__album,.reference-shelf__block .reference-shelf__owned-album,.reference-shelf__block .reference-shelf__owned-album--create{z-index:2;filter:none;align-self:end;width:min(94%,102cqh);min-width:0;max-width:none;height:auto;margin:0;padding:0;line-height:0;display:block;position:relative;transform:none!important}.reference-shelf__block .reference-shelf__album:hover,.reference-shelf__block .reference-shelf__album:active{filter:none;transform:none!important}.reference-shelf__block .reference-shelf__canopy,.reference-shelf__block .reference-shelf__ledge{display:none}.reference-landing__intro{padding:12px 0 16px}.reference-landing__headline{font-size:clamp(21px,4.4vw,27px)}.reference-landing__intro>p:last-child{margin-top:6px;font-size:11px}.reference-landing__inner{padding:0 5px}.reference-landing__header{padding:8px 7px 5px}.reference-landing__notice{margin:2px 3px 0}.reference-landing__intro{padding:12px 4px 14px;display:block}.reference-landing__shelf-heading{display:none}.reference-landing__gallery,.reference-shelf{margin:0}.reference-landing__tabs{margin:0 3px}.reference-landing__tab-panel{min-height:0}.reference-shelf__block{--wood-offset-y:-1.105%;--wood-shelf-depth:20.8008%;aspect-ratio:1024/1536;background-position:50% 17%;background-size:116% 106.5%;height:auto;min-height:0}.reference-shelf__block>.reference-shelf__row,.reference-shelf--owned .reference-shelf__block>.reference-shelf__row{width:83.52%;height:var(--wood-shelf-depth);bottom:auto;left:8.24%;right:auto}.reference-shelf__block>.reference-shelf__row:first-child{top:calc(25.9777% + var(--wood-offset-y) - var(--wood-shelf-depth))}.reference-shelf__block>.reference-shelf__row:nth-child(2){top:calc(51.2619% + var(--wood-offset-y) - var(--wood-shelf-depth))}.reference-shelf__block>.reference-shelf__row:nth-child(3){top:calc(74.3961% + var(--wood-offset-y) - var(--wood-shelf-depth))}.reference-shelf__block>.reference-shelf__row:nth-child(4){top:calc(96.0303% + var(--wood-offset-y) - var(--wood-shelf-depth))}@media (min-width:601px){.reference-shelf__block .reference-shelf__album[href="/samples/couple"]{top:4.8075%}}@media (max-width:600px){.reference-landing__inner{width:100%;max-width:none;padding:0 5px}.reference-shelf__block{aspect-ratio:auto;height:max(100dvh - 105px,150vw - 15px)}.pt-library-page .reference-shelf__block{height:max(100dvh - 153px,150vw - 15px)}.reference-shelf__block .reference-shelf__album[href="/samples/couple"]{top:0;transform:translateY(2.40375cqh)!important}}.reference-shelf__block .reference-shelf__approved-cover{aspect-ratio:1;filter:drop-shadow(2px 5px 4px #2f1c103d);background-image:url(/showcase/photo-shelf/approved-main-covers-20261029.webp);background-repeat:no-repeat;background-size:300% 200%;width:100%;display:block}.reference-shelf__approved-cover--ours{background-position:0 0}.reference-shelf__approved-cover--travel{background-position:50% 0}.reference-shelf__approved-cover--cat{background-position:100% 0}.reference-shelf__approved-cover--daily{background-position:0 100%}.reference-shelf__approved-cover--friends{background-position:50% 100%}.reference-shelf__approved-cover--create{background-position:100% 100%;margin-inline:auto;width:82%!important}.reference-shelf__block .reference-shelf__approved-cover{transform-origin:bottom;transform:translateY(-2.40375cqh)scale(1.2)}.reference-shelf__block .reference-shelf__album[href="/samples/couple"] .reference-shelf__approved-cover{transform:translateY(-4.8075cqh)scale(1.2)}.reference-shelf__block .reference-shelf__approved-cover{position:relative}.reference-shelf__block .reference-shelf__sample-sticker{z-index:3;color:#795037;font-family:var(--font-geist-sans),"Apple SD Gothic Neo","Malgun Gothic",sans-serif;letter-spacing:-.035em;white-space:nowrap;pointer-events:none;background:#f5e2bd;border:1px solid #784f3033;border-radius:4px 5px 6px 4px;padding:1px 3px 2px;font-size:clamp(6px,.9vw,9px);font-weight:800;line-height:1.1;display:block;position:absolute;top:27.5%;right:18%;transform:rotate(8deg);box-shadow:1px 2px 3px #2b1d0f3d}
