.fabric-album{--fabric-tone:#f1e7d7;isolation:isolate;aspect-ratio:.83;color:#504338;background-color:var(--fabric-tone);background-image:repeating-linear-gradient(93deg,#ffffff24 0,#88745e14 1px,#fff1 2px,#0000 4px 6px),repeating-linear-gradient(4deg,#0000 0,#8d725611 1px,#0000 2px 5px),radial-gradient(at 75% 17%,#fff9,#0000 74%);border:1px solid #bda88f;border-radius:7px 15px 14px 7px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(7px,2vw,13px);width:100%;height:auto;padding:17% 12% 11% 16%;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 3px 0 2px #fff8,inset 8px 0 9px #84674924,inset -3px 0 6px #95755d31,3px 5px #e5d7c6,5px 9px 9px #54361f55}.fabric-album:after{content:"";pointer-events:none;border:1px solid #fff8;border-radius:5px 11px 10px 5px;position:absolute;inset:5px;box-shadow:inset 0 0 0 1px #91745d18}.fabric-album-spine{background:linear-gradient(90deg,#6f5b4833,#ffffffbc 35%,#b7a18a47 73%,#0000);border-radius:10px 0 0 10px;width:8%;position:absolute;top:0;bottom:0;left:8%;box-shadow:3px 0 5px #654b3522}.fabric-album-window{aspect-ratio:1;background:#d4c4b2;border:clamp(3px,.9vw,6px) solid #fcf6eb;flex-shrink:0;width:70%;display:block;position:relative;overflow:hidden;box-shadow:0 3px 8px #634b3443,0 0 0 1px #cab49c}.fabric-album-window img{object-fit:cover}.fabric-album-placeholder{color:#b7ad91;background:#ede7d8;place-items:center;width:100%;height:100%;font-size:38px;display:grid}.fabric-album-title{z-index:1;text-align:center;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.04em;max-width:100%;font-family:Georgia,Nanum Myeongjo,serif;font-size:clamp(12px,3vw,19px);font-weight:700;line-height:1.3;overflow:hidden}.fabric-album-leaves{color:#849b75a8;font-size:clamp(13px,2vw,26px);position:absolute;bottom:7%;right:7%;transform:rotate(-17deg)}.fabric-album-create{color:#67503d;border:2px dashed #cdb69b;border-radius:13px;justify-content:center;padding:0}.fabric-album-create:after{border-style:dashed;border-color:#b8a18787}.fabric-album-create .fabric-album-spine{display:none}.fabric-album-plus{text-shadow:0 2px 2px #ffffff9c;font-size:clamp(43px,9vw,74px);font-weight:200;line-height:1}a:hover>.fabric-album,button:hover>.fabric-album{transform:translateY(-4px);box-shadow:inset 3px 0 2px #fff8,inset 8px 0 9px #84674924,inset -3px 0 6px #95755d31,4px 7px #e5d7c6,8px 15px 17px #54361f49}a:active>.fabric-album,button:active>.fabric-album{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.fabric-album{transition:none}}.fabric-album{background-image:radial-gradient(at 17% 12%,#ffffff8a,#0000 56%),repeating-linear-gradient(93deg,#5f452d06 0,#ffffff09 1px,#0000 2px 4px),repeating-linear-gradient(3deg,#6b533806 0,#0000 1px 3px),linear-gradient(115deg,#ffffff1a,#73583f0f),radial-gradient(at 65% 78%,#b89e8112,#0000 70%);border:1px solid #866b5252;box-shadow:inset 0 1px 1px #fffffff2,inset 2px 0 3px #ffffffbd,inset 7px 0 10px #72584021,inset -3px 0 6px #6c4e351a,inset 0 -2px 2px #8060451a,3px 4px #e5d5c2e6,5px 9px 11px #452d1b36,8px 19px 32px #422c1c2e}.fabric-album:after{border:1px solid #ffffff9e;box-shadow:inset 0 0 0 1px #74573e13,0 0 1px #5d46321c}.fabric-album-spine{background:linear-gradient(90deg,#684e3640 0%,#ffffffde 30%,#b495733d 58%,#5c463121 82%,#0000 100%);box-shadow:2px 0 3px #5e46301f,4px 0 6px #ffffff4d}.fabric-album-window{border-color:#fbf6ed;box-shadow:0 2px 3px #49342029,0 5px 12px #49342029,inset 0 1px 2px #3e2e2038,0 0 0 1px #a6846338}a:hover>.fabric-album,button:hover>.fabric-album{box-shadow:inset 0 1px 1px #fff,inset 7px 0 10px #72584021,inset -3px 0 6px #6c4e351a,3px 5px #e5d5c2,9px 17px 17px #452d1b2e,10px 27px 42px #422c1c38}