.rack-preview{background:var(--paper);color:#0a0a0a;--step:clamp(23.5px,2.65vw,38px);--sleeve:clamp(90px,12vw,165px);height:100svh;position:relative;overflow:hidden}.rack-header{z-index:40;justify-content:space-between;font-size:18px;display:flex;position:absolute;inset:26px 3.2vw auto}.rack-header a{color:inherit;text-decoration:none}.rack-stage{perspective:1400px;perspective-origin:50% 15%;pointer-events:none;position:absolute;inset:0}.record-rack{width:0;height:0;transform-style:preserve-3d;--step:clamp(32px,4.2vw,60px);position:absolute;top:55%;left:50%;transform:scale(.8)}.record-sleeve{left:calc(var(--sleeve)*-.5);top:calc(var(--sleeve)*-.5);width:var(--sleeve);height:var(--sleeve);pointer-events:auto;transform-style:flat;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.record-sleeve img{object-fit:contain;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:3px 6px 11px #1112}.record-sleeve.active img{box-shadow:5px 12px 17px #1113}.record-sleeve:focus-visible{outline-offset:6px;outline:1px solid #111}.record-sleeve:not(.original-size){width:calc(var(--sleeve)*1.5);height:calc(var(--sleeve)*1.5);left:calc(var(--sleeve)*-.75);top:calc(var(--sleeve)*-.75)}.record-sleeve.landscape-crop img{aspect-ratio:16/9;object-fit:cover;object-position:center;width:100%;height:auto}.record-sleeve.pingshan-size{width:calc(var(--sleeve)*1.8);height:calc(var(--sleeve)*1.8);left:calc(var(--sleeve)*-.9);top:calc(var(--sleeve)*-.9)}.rack-flying .record-sleeve,.rack-flying .rack-list,.rack-flying .rack-controls{pointer-events:none}.rack-flying .rack-meta,.rack-flying .rack-list,.rack-flying .rack-controls{opacity:0}.rack-meta,.rack-list,.rack-controls{transition:opacity .24s}.record-sleeve img{transform-origin:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s}@media (prefers-reduced-motion:reduce){.record-sleeve img{transition:none}}.rack-list{letter-spacing:.01em;z-index:41;font-family:Satoshi,sans-serif;line-height:1.4;position:absolute;top:2.4vh;right:12vw}.rack-list li{transition:none}.rack-meta{z-index:35;pointer-events:none;letter-spacing:-.01em;position:absolute;top:50%;transform:translateY(-50%)}.rack-goo,.rack-layer{position:absolute;inset:0}.rack-goo{will-change:filter}.rack-layer{align-items:center;display:flex}.rack-row{white-space:nowrap;align-items:baseline;display:flex}.rack-controls{justify-content:space-between;font-family:Geist,sans-serif;font-size:11px;display:flex;position:absolute;bottom:22px;left:5.5%;right:5.5%}.rack-controls button{font:inherit;background:0 0;border:0;padding:8px}.rack-controls a{color:inherit;margin:0 12px;text-decoration:none}.rack-tweaks{z-index:50;background:var(--paper);padding:8px;font-size:11px;position:absolute;bottom:65px;right:20px}.rack-tweaks label{margin-top:12px;display:block}.rack-tweaks select{font:inherit;background:0 0}.rack-tweaks input{width:110px}@media (max-width:600px){.rack-header{font-size:14px}.rack-list{top:10vh;right:5.5vw}.rack-meta{max-width:90vw}.rack-controls>span{max-width:120px}.rack-stage{perspective:950px}}@media (prefers-reduced-motion:reduce){.record-sleeve{transition:none}}