@font-face{font-family:"RecordBox Manrope";src:url('/recordbox/store-assets/Manrope-v1.ttf') format('truetype');font-weight:200 800;font-display:swap}
body:has(#store-studio:not(:empty)){font-family:"RecordBox Manrope",-apple-system,sans-serif}
#store{max-width:960px;margin:auto;padding:16px 20px 40px}
.store-navigation{display:none}.studio-nav{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:12px}.studio-nav>a{min-width:64px;min-height:36px;display:flex;align-items:center;color:var(--muted);font-size:13px}.studio-nav strong{font-size:22px;font-weight:800;letter-spacing:-.035em}.studio-nav>a:last-child{justify-content:center;background:#e8e8ed;border-radius:999px;padding:8px 14px}.studio-nav svg{width:22px;height:22px}
.studio-preview{position:relative;z-index:5;display:flex;justify-content:center;padding:12px 0 16px;background:#f5f5f7}.studio-preview-object{width:var(--studio-object-width);display:block;transform-origin:top center;transition:none}.studio-intro{text-align:center;margin:6px 0 24px}.studio-intro h1{font-size:25px;letter-spacing:-.04em;line-height:1.12;margin:0 0 8px;font-weight:800}.studio-intro p{font-size:14px;line-height:1.45;color:var(--muted);margin:0}.studio-identity{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}.studio-identity select,.studio-upload{font:inherit;font-size:12px;min-height:36px;border:0;border-radius:999px;background:#e8e8ed;padding:8px 12px;color:var(--ink);max-width:190px}.studio-upload{cursor:pointer}.studio-upload input{display:none}
.studio-row{margin:0 0 22px}.studio-row-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.studio-row h2{margin:0;font-size:19px;letter-spacing:-.03em;font-weight:800}.studio-row-next{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:transparent;color:var(--muted);padding:0}.studio-row-next svg{width:18px;height:18px}.studio-options{display:flex;gap:10px;overflow:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 3px 5px;margin:0 -3px;-webkit-overflow-scrolling:touch}.studio-options::-webkit-scrollbar{display:none}.studio-option{flex:0 0 80px;min-width:0;padding:0;border:0;background:none;scroll-snap-align:start;text-align:center;color:inherit;font:inherit;cursor:pointer;border-radius:16px}.studio-option-art{height:78px;display:block;position:relative;border-radius:15px;overflow:hidden;background:#eaeaee;transition:background 160ms,box-shadow 160ms}.studio-option[aria-pressed=true] .studio-option-art{box-shadow:0 0 0 2px #9b9ca3;background:#e6e6eb}.studio-option-art>svg{width:100%;height:100%;display:block}.studio-option-art>canvas{width:70%;height:auto;position:absolute;left:15%;top:13%;border-radius:50%;opacity:0}.studio-option-art.rendered>canvas{opacity:1}.studio-option-art.rendered>svg>g>g:first-child{visibility:hidden}.studio-option-name{display:block;font-size:12px;line-height:1.3;margin:7px 0 2px;overflow-wrap:anywhere}.studio-option-price{display:block;font-size:12px;line-height:1.3;color:var(--muted)}.studio-option:focus-visible,.studio-upload:focus-within,.studio-nav a:focus-visible{outline:2px solid #0071e3;outline-offset:4px}.studio-extra{margin-bottom:22px}.studio-extra>summary,#catalog-browser>summary{font-size:13px;color:var(--muted);cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center}.studio-extra[open]>summary{margin-bottom:12px}.studio-footer{margin-top:20px}.studio-review-button{min-height:48px;width:100%;border:0;border-radius:999px;background:#242426;color:white;font:600 15px "RecordBox Manrope",sans-serif}.studio-note{text-align:center;font-size:12px;color:var(--muted);line-height:1.5;margin:12px 10px}.studio-reset{display:block;background:none;border:0;font:inherit;font-size:12px;color:var(--muted);margin:10px auto;min-height:36px}.studio-status{font-size:13px;text-align:center;line-height:1.5;margin:12px 0;color:var(--muted)}.studio-status:empty{display:none}.studio-review-list{margin:20px 0;display:grid;gap:12px}.studio-review-item{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#eaeaee;border-radius:16px;padding:16px}.studio-review-item strong{font-size:14px}.studio-review-item small{display:block;margin-top:4px;color:var(--muted)}.studio-review-item button{min-height:44px;padding:8px 16px;border-radius:999px;background:#242426;color:white;white-space:nowrap;font:inherit;font-size:13px}.studio-review-panel{padding:12px 0 20px}.studio-review-panel h2{font-size:25px;letter-spacing:-.04em;margin:16px 0 10px}.studio-review-panel p{font-size:13px;color:var(--muted);line-height:1.6}.studio-empty-selection{padding:20px;background:#eaeaee;border-radius:20px}.studio-continue{display:block;min-height:44px;padding:12px 20px;border-radius:999px;background:#e8e8ed;text-align:center;font-size:13px;color:inherit}.studio-option-art.is-box,.studio-option-art.is-original-folder,.studio-option-art.is-original-disc{background:#eaeaee}#catalog-browser{margin-top:18px}#catalog-browser[open]>summary{margin-bottom:20px}.website-home-link{font-size:12px}
body:has(#detail:not([hidden])) .store-navigation{display:flex}body:has(#detail:not([hidden])) #store{max-width:1280px}
@media(min-width:800px){#store{padding-top:24px;max-width:800px}.studio-preview-stage{--studio-object-width:245px}.studio-options{gap:16px}.studio-option{flex-basis:110px}.studio-option-art{height:108px}.studio-option-name,.studio-option-price{font-size:13px}.studio-row{margin-bottom:26px}.studio-intro h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.studio-preview,.studio-preview-object{transition:none}}
.studio-row-next{width:44px;height:44px}.studio-row-next svg{transform:rotate(180deg)}.studio-option-art .box-thumb{display:block}.studio-nav>a:first-child{gap:3px}.studio-identity select:focus-visible{outline:2px solid #0071e3;outline-offset:3px}.studio-preview-object{contain:layout style}
.studio-record-thumbnail{position:absolute;width:70%;height:70%;object-fit:contain;left:15%;top:12.5%;filter:drop-shadow(0 2px 2px #0002)}
.studio-nav{margin-bottom:0}.studio-nav strong{font-size:18px}.studio-preview{padding:6px 0 10px}.studio-intro{margin:4px 0 22px}.studio-intro h1{font-size:21px}.studio-intro p{font-size:13px}.studio-row{margin-bottom:18px}.studio-row-heading{position:relative;min-height:24px;margin-bottom:8px}.studio-row h2{font-size:16px}.studio-row-next{position:absolute;right:-9px;top:-10px}.studio-option{flex-basis:76px}.studio-option-art{height:70px}.studio-extra{margin-bottom:10px}.studio-footer{margin-top:10px}.studio-note{margin-top:10px}.studio-review-item button:focus-visible,.studio-review-button:focus-visible,.studio-reset:focus-visible,.studio-row-next:focus-visible{outline:2px solid #0071e3;outline-offset:3px}
@media(min-width:800px){.studio-option{flex-basis:110px}.studio-option-art{height:108px}.studio-row h2{font-size:19px}.studio-intro h1{font-size:28px}}

/* Let the live preview stick within the whole page, including the expanded
   catalog and review. Visibility of these sections still controls all children. */
#catalog-screen,#store-studio{display:contents}

/* The whole preview row pins after the navigation leaves the viewport.
   Reserve identical geometry so the object never resizes or shifts on scroll. */
.studio-preview-stage{--studio-object-width:clamp(152px,calc(100vw - 200px),245px);position:sticky;--studio-header-lift:0px;top:calc(-1*var(--studio-header-lift));z-index:5;width:100vw;margin-inline:calc((100% - 100vw)/2);height:calc((var(--studio-object-width)*1.4251 + 24px)*.85);margin-bottom:24px;overflow-anchor:none}
.studio-preview{width:100%;margin:0;height:100%;transform:translate3d(0,0,0);padding:10.2px 16px;align-items:flex-start;box-sizing:border-box;isolation:isolate;background:#f5f5f7}
.studio-preview-content{display:grid;grid-template-columns:var(--studio-object-width) minmax(0,1fr);align-items:center;gap:14px;width:100%;max-width:600px;transform:scale(.85);transform-origin:top center}
.studio-preview-object{flex:none;transform:none}
.studio-intro{text-align:left;margin:0;min-width:0}
.studio-intro h1{font-size:20px;line-height:1.15;margin-bottom:10px;text-wrap:balance}
.studio-intro p{font-size:12px;line-height:1.5;text-wrap:balance}
.studio-identity{flex-direction:column;align-items:stretch;gap:8px;margin-top:16px}
.studio-identity select,.studio-upload{box-sizing:border-box;width:100%;max-width:none;min-width:0;min-height:44px;font-size:11px;padding:10px 12px}
.studio-upload{display:flex;justify-content:center;align-items:center;white-space:nowrap}

@media(min-width:800px){.studio-preview-stage{--studio-object-width:245px;margin-bottom:32px}.studio-preview-content{gap:44px;max-width:660px}.studio-intro h1{font-size:30px}.studio-intro p{font-size:15px}.studio-identity{flex-direction:row;gap:10px}.studio-identity select,.studio-upload{font-size:12px;width:auto;min-height:44px}}

.studio-identity select{appearance:none;-webkit-appearance:none;line-height:20px;padding-right:28px;background:#e8e8ed url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16'%3E%3Cpath d='m3 6 3-3 3 3M3 10l3 3 3-3' fill='none' stroke='%236b6b70' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center}

/* Let the empty space above a single folder scroll away before it pins.
   Keep the folder and its controls at a shared, compact header baseline. */
.studio-preview-stage[data-view=single]{--studio-header-lift:calc(var(--studio-object-width)*.2235954*.85 - 1.8px)}
.studio-preview-stage[data-view=single] .studio-intro{align-self:start;margin-top:calc(var(--studio-header-lift)/.85 + 2.117647px)}

@media(max-width:350px){.studio-preview-stage{height:calc((var(--studio-object-width)*1.4251 + 24px)*.85 + 12px)}}

/* A painted edge fade lets moving shelves dissolve under the sticky header.
   Keep it outside the live object and allow taps through the transition. */
.studio-preview-stage{--studio-header-fade:32px;margin-bottom:var(--studio-header-fade)}
.studio-preview::after{content:"";position:absolute;left:0;right:0;top:100%;height:var(--studio-header-fade);pointer-events:none;background:linear-gradient(180deg,#f5f5f7 0%,rgba(245,245,247,.94) 18%,rgba(245,245,247,.7) 42%,rgba(245,245,247,.32) 68%,rgba(245,245,247,.08) 86%,rgba(245,245,247,0) 100%)}

/* Shelf tiles are ten percent larger; each category centers its visible object. */
.studio-option{flex-basis:83.6px}.studio-option-art{height:77px}
.studio-record-thumbnail{left:50%;top:50%;transform:translate(-50%,-50%);width:70%;height:70%}
.studio-pocket-thumbnail{width:84%;height:84%}
.studio-option-art.rendered>svg{visibility:hidden}
@media(min-width:800px){.studio-option{flex-basis:121px}.studio-option-art{height:118.8px}}

/* Second requested ten percent increase, compounded from the previous tiles. */
.studio-option{flex-basis:91.96px}.studio-option-art{height:84.7px}
@media(min-width:800px){.studio-option{flex-basis:133.1px}.studio-option-art{height:130.68px}}

/* Physical product cutouts retain their own silhouettes and contact shadows. */
.studio-physical-thumbnail{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 2px 2px #0002)}
.studio-option-art:has(.studio-physical-thumbnail){display:block}
.studio-record-thumbnail{width:88%;height:88%}
.studio-pocket-thumbnail{width:96%;height:96%}
.studio-option-art.preview-unavailable::after{content:'Try again';position:absolute;inset:0;display:grid;place-items:center;font-size:10px;background:#eaeaee;color:#6e6e73}

.studio-option-art.rendered>.studio-physical-thumbnail{visibility:hidden}

.studio-option-art.is-box>.studio-physical-thumbnail{height:108%;object-fit:fill}

/* Reset belongs to the persistent preview controls. */
.studio-upload-row{display:flex;align-items:center;gap:8px;min-width:0;width:100%}
.studio-upload-row .studio-upload{flex:1;min-width:0;padding-left:8px;padding-right:8px}
.studio-upload-row .studio-reset{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:0;border-radius:50%;background:#e8e8ed;color:#6b6b70}
.studio-reset svg{width:19px;height:19px}
.catalog-label{font-size:13px;color:var(--muted);text-align:center;margin:28px 0 20px}

#store-studio[data-mode=complete]>.studio-shelves,#store-studio[data-mode=complete]>.studio-footer,#store-studio[data-mode=complete]>.studio-review-panel{display:none!important}

.studio-charm-thumbnail{position:absolute;left:10%;top:5%;width:80%;height:90%;object-fit:contain}

.audio-speaker-pair{position:absolute;inset:8% 6%;display:flex;align-items:center;justify-content:center;gap:0;overflow:hidden}.audio-speaker-pair img{height:100%;width:50%;object-fit:cover;object-position:center}.audio-part-thumbnail{position:absolute;inset:10%;display:flex;align-items:center;justify-content:center}.audio-part-thumbnail svg{width:100%;max-height:100%;display:block}

.audio-built-in-thumbnail{gap:8%;inset:16% 8%}.audio-built-in-thumbnail svg{width:46%}