:root{color-scheme:dark;--bg:#101010;--panel:#181818;--raised:#222;--line:#303030;--text:#e7e7e7;--muted:#919191;--font-sans:'JetBrains Mono Nerd',monospace;--font-mono:var(--font-sans)}
*{font-family:'JetBrains Mono Nerd',monospace!important}
html,body,#root{background:#101010;color:var(--text)}
.experience-studio{max-width:none;overflow:clip;min-height:100dvh}
.experience-studio .studio-header{height:64px;padding:0 4vw;position:relative;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #292929;background:#101010}
.experience-studio .studio-header nav{display:flex;align-self:stretch;align-items:stretch;gap:28px;padding:0;border:0;border-radius:0;background:none}
.experience-studio .studio-header nav button{font-size:12px;padding:0 2px;color:#8b8b8b;background:none;border:0;border-bottom:2px solid transparent;border-radius:0}
.experience-studio .studio-header nav button:hover{color:#eee}
.experience-studio .studio-header nav button.active{color:#eee;border-bottom-color:#d7d7d7;background:none}
.experience-studio .header-utilities{gap:0}.experience-studio .header-utilities .quiet{font-size:11px}
.experience-studio .studio-main{max-width:1500px;margin:0 auto;padding:34px 4vw 40px}
.studio-main[hidden]{display:none!important}
.page-content{animation:page-arrive .35s cubic-bezier(.16,1,.3,1) both}
.page-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.page-intro h1{font-size:23px;font-weight:400;letter-spacing:-.04em;line-height:1.3;margin:0;outline:none}
.experience-studio .primary,.experience-studio .secondary,.studio-dialog .primary,.studio-dialog .secondary{font-size:11px!important;min-height:36px;padding:9px 14px!important;border-radius:4px!important;letter-spacing:0}
.experience-studio .primary,.studio-dialog .primary{background:#e2e2e2!important;color:#111!important;border-color:#e2e2e2!important}
.experience-studio .primary:hover,.studio-dialog .primary:hover{background:#fff!important}
.experience-studio .secondary,.studio-dialog .secondary{background:#202020!important;color:#d4d4d4!important;border-color:#383838!important}
.experience-studio .quiet,.experience-studio .back-link{font-size:11px;color:#999}.experience-studio .quiet:hover,.experience-studio .back-link:hover{color:#fff}
.experience-studio .muted{font-size:10px;color:#909090}
.experience-studio .crate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.experience-studio .crate-row{padding:20px;background:#171717;border:1px solid #2d2d2d;border-radius:6px;overflow:hidden}
.experience-studio .crate-row-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;flex-wrap:nowrap}
.crate-row-head h2{font-size:14px;font-weight:400;overflow-wrap:anywhere;min-width:0}.crate-row-head>.muted{white-space:nowrap;font-size:10px}
.crate-box{height:330px;position:relative;border:9px solid #292929;border-top-color:#373737;border-right-color:#222;border-bottom-width:20px;border-radius:3px;background:repeating-linear-gradient(90deg,#151515 0 36px,#191919 36px 39px);box-shadow:inset 0 7px 20px #000c,0 5px 10px #0005;isolation:isolate}
.crate-box:before{content:'';position:absolute;inset:0;box-shadow:inset 0 0 12px 4px #0008;pointer-events:none;z-index:90}
.crate-box:after{content:'';position:absolute;bottom:-15px;left:22%;right:22%;height:5px;background:#101010;border-bottom:1px solid #454545;border-radius:1px;pointer-events:none}
.crate-pile{height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4c4c4c #181818;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:0;padding:31px 23px 36px;isolation:isolate}
.pile-album{position:relative;width:calc(100% + 14px);aspect-ratio:1;margin:-7px;background:#252525;padding:0;border:1px solid #ffffff19;border-radius:1px;box-shadow:1px 5px 10px #0009;z-index:var(--pile-z);transform:translate(var(--pile-x),var(--pile-y)) rotate(var(--pile-angle));transition:transform .2s ease,box-shadow .2s ease;min-width:0;touch-action:pan-y}
.pile-album>.album-cover{width:100%;height:100%;aspect-ratio:1;border-radius:0;overflow:hidden}.pile-album .album-cover img{width:100%;height:100%;object-fit:cover}
.pile-album:hover,.pile-album:focus-visible{z-index:100;transform:translate(0,-10px) rotate(0) scale(1.1);box-shadow:0 14px 23px #000b;outline-offset:3px}
.pile-album-label{position:absolute;bottom:0;left:0;right:0;text-align:left;padding:17px 7px 6px;background:linear-gradient(transparent,#000e);opacity:0;transition:opacity .15s;pointer-events:none;overflow:hidden}
.pile-album-label strong,.pile-album-label>span{display:block;font-size:8px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eee;font-weight:400}.pile-album-label>span{color:#ccc;font-size:7px}
.pile-album:hover .pile-album-label,.pile-album:focus-visible .pile-album-label{opacity:1}
.crate-box-empty{position:absolute;inset:0;display:grid;place-items:center;color:#676767;font-size:11px;pointer-events:none}
.crate-row-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px}.crate-row-footer .row-actions{gap:19px!important;width:auto!important}.crate-row-footer .quiet{font-size:10px!important}
.crate-requirement{font-size:9px;color:#8b8b8b;text-align:right;margin-top:10px}
.collection-toolbar{display:flex;align-items:center;gap:23px;padding-bottom:20px;margin-bottom:26px;border-bottom:1px solid #2b2b2b}
.collection-search{display:flex;align-items:center;gap:13px;margin-right:auto}.collection-search>span,.collection-sort>span{font-size:10px;color:#888}
.collection-search input{font-size:11px;color:#ddd;background:#181818;border:1px solid #363636;border-radius:3px;padding:9px 11px;width:220px}.collection-search input::placeholder{color:#787878}
.collection-sort{display:flex;align-items:center;gap:10px}.collection-sort select{font-size:10px;padding:9px;background:#1c1c1c;border:1px solid #353535;border-radius:3px;color:#ccc}
.experience-studio .inventory-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:32px 23px}
.experience-studio .inventory-album{padding:0;min-width:0;text-align:left}
.collection-art{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid #333;border-radius:3px;margin-bottom:13px;background:#222}
.experience-studio .inventory-album .album-cover{margin:0;border-radius:0;outline:none;transition:transform .25s ease}.experience-studio .inventory-album:hover .album-cover{outline:none;transform:scale(1.035)}
.inspect-affordance{position:absolute;bottom:8px;right:8px;padding:6px 9px;background:#111e;color:#ddd;border:1px solid #555;border-radius:3px;font-size:9px;opacity:0;transition:opacity .15s}.inventory-album:hover .inspect-affordance,.inventory-album:focus-visible .inspect-affordance{opacity:1}
.experience-studio .inventory-album strong{font-size:12px;color:#ddd;font-weight:400}.experience-studio .inventory-album>span{font-size:10px;color:#999;margin-top:4px}.experience-studio .inventory-album>small{font-size:9px;color:#818181;margin-top:8px}
.experience-studio .empty-state{min-height:260px;border:1px solid #2b2b2b;border-radius:5px;background:#151515;gap:22px}.experience-studio .empty-state p{font-size:12px;color:#999}
.experience-studio .edit-header{margin-bottom:28px;gap:25px}.experience-studio .edit-header h1{font-size:21px;font-weight:400;outline:none}
.experience-studio .crate-builder{grid-template-columns:minmax(0,1fr) 290px;gap:30px}.experience-studio .builder-heading h1{font-size:17px;font-weight:400}.experience-studio .builder-heading>span,.experience-studio .browser-actions>span{font-size:11px}
.experience-studio .search-bar{background:#191919;border-color:#363636;border-radius:4px}.experience-studio .search-bar input{font-size:12px}
.experience-studio .crate-selection{background:#181818;border-color:#343434;border-radius:5px}.experience-studio .selection-heading h2{font-size:13px;font-weight:400}.experience-studio .selection-heading>span{font-size:19px}.experience-studio .selection-progress i{background:#b5b5b5}
.experience-studio .crate-selection p,.experience-studio .crate-selection small{font-size:11px!important}.experience-studio .selected-album strong{font-size:11px}.experience-studio .selected-album span{font-size:10px}.experience-studio .browse-album strong{font-size:11px}.experience-studio .browse-album>span:not(.selection-mark){font-size:10px}
.dark-dialog.studio-dialog{background:#181818!important;border-color:#3d3d3d!important;border-radius:6px!important}
.studio-dialog [data-slot=dialog-title]{font-size:21px!important;font-weight:400!important;letter-spacing:-.035em;padding-right:20px;overflow-wrap:anywhere}
.studio-dialog [data-slot=dialog-description],.studio-dialog label{font-size:11px!important}.studio-dialog .finish-grid button{background:#202020;border-color:#333;font-size:11px;border-radius:4px}.studio-dialog .finish-grid button.chosen{background:#2b2b2b;border-color:#aaa}.studio-dialog .finish-grid small{font-size:9px}
.studio-dialog .wear-control label span{font-size:10px}.studio-dialog .dialog-actions{border-color:#333}
.dark-dialog.album-preview-dialog{width:min(640px,calc(100vw - 32px))!important;max-width:640px!important;padding:24px!important;gap:0!important}
.album-preview>.album-cover{width:100%;max-height:calc(100dvh - 235px);aspect-ratio:1;display:flex;justify-content:center;align-items:center;background:#111;overflow:hidden}.album-preview>.album-cover>img{width:100%;height:100%;object-fit:contain;max-height:calc(100dvh - 235px)}
.album-preview .type-cover{aspect-ratio:1;min-height:250px}.album-preview-controls{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.album-preview-controls>span{font-size:10px;color:#888}.album-preview-controls .secondary{min-width:44px;font-size:15px!important}
.record-experience{position:fixed;inset:64px 0 0;background:#101010;z-index:10;overflow:hidden}.record-experience.is-dormant{visibility:hidden;pointer-events:none}.record-experience.is-active{visibility:visible}.record-experience.is-unboxing{inset:0;z-index:1000}
.record-experience .unboxing-screen{position:absolute;min-height:0;background:transparent;pointer-events:none}.record-experience .unboxing-screen .unboxing-result,.record-experience .unboxing-screen .unboxing-close{pointer-events:auto}
.unboxing-header{justify-content:flex-end;padding:20px 4vw}.unboxing-gesture{bottom:34px}.unboxing-gesture button{border-radius:4px}.unboxing-gesture p{font-size:11px}
.record-experience .unboxing-product{will-change:auto}.is-transitioning .record-experience .unboxing-product{will-change:transform;pointer-events:none}
.record-experience.is-inspecting .vinyl-canvas,.record-experience.is-inspecting .gatefold-viewer .vinyl-canvas{inset:35px 0 103px!important}
.record-experience.is-inspecting .viewer-camera{bottom:20px}.record-experience.is-inspecting .viewer-controls{bottom:62px!important}
.inspection-heading{position:absolute;top:18px;left:4vw;z-index:5;display:flex;align-items:center;gap:22px;color:#858585;font-size:9px}.inspection-heading .back-link{font-size:10px}
.record-details{position:absolute;right:5vw;top:50%;transform:translateY(-50%);width:min(340px,28vw);z-index:6;padding:18px 0;max-height:calc(100dvh - 145px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#444 transparent;animation:detail-arrive .35s cubic-bezier(.16,1,.3,1) both;outline:none}
.record-details h1,.record-experience .unboxing-result h1{font-size:clamp(23px,2.5vw,36px);font-weight:400;line-height:1.2;letter-spacing:-.045em;overflow-wrap:anywhere}.record-details .result-artist,.record-experience .result-artist{font-size:12px;color:#999}.inspection-year{font-size:9px;color:#777;margin-top:9px}
.record-details .result-stats>div{animation:none}.record-details .result-stats{gap:17px;margin:22px 0}.result-stats dt{color:#999}.result-stats dd{color:#ddd}.record-details .result-stats dd{font-size:10px}.result-number{color:#888}.record-details .result-number{font-size:8px}
.record-details .result-edition{font-size:12px;padding:21px 0 18px}.result-edition{border-color:#333}.record-details .result-edition .pill{font-size:8px}.result-track{background:#303030}.result-track i{background:#aaa}.result-matrix{color:#777}
.record-details .result-matrix{font-size:8px;margin-bottom:20px}.inspection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.inspection-actions .secondary,.inspection-actions .primary{font-size:10px!important;padding:9px 12px!important;min-height:34px}
.record-experience .viewer-camera{border-color:#333;background:#171717d9;border-radius:5px;box-shadow:none;backdrop-filter:none}.record-experience .viewer-camera button{border-radius:3px!important}
.record-experience .viewer-controls .viewer-action{border-color:#383838!important;background:#202020!important;border-radius:4px!important;color:#bbb!important;font-size:10px!important;padding:7px 11px!important}.record-experience .viewer-controls .viewer-action[aria-pressed=true]{background:#ddd!important;color:#171717!important;border-color:#ddd!important}
.unboxing-result{max-height:calc(100dvh - 120px);scrollbar-color:#444 transparent}.unboxing-close{color:#aaa}.unboxing-notice{background:#222;color:#ddd}
@keyframes page-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes detail-arrive{from{opacity:0;transform:translate(25px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
@media(max-width:1050px){.experience-studio .crate-list{gap:18px}.experience-studio .crate-row{padding:17px}.crate-pile{grid-template-columns:repeat(3,minmax(0,1fr))}.crate-box{height:315px}.collection-search>span{display:none}.experience-studio .inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px}}
@media(max-width:760px){.experience-studio .studio-header{height:60px;padding:0 22px}.experience-studio .studio-header nav{gap:24px}.experience-studio .studio-header nav button{font-size:12px}.experience-studio .studio-main{padding:26px 22px 35px}.page-intro{margin-bottom:23px}.page-intro h1{font-size:21px}.experience-studio .crate-list{grid-template-columns:1fr;gap:22px}.experience-studio .crate-row{padding:20px}.crate-pile{grid-template-columns:repeat(4,minmax(0,1fr))}.crate-box{height:350px}.experience-studio .inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 16px}.collection-toolbar{gap:13px;flex-wrap:wrap}.collection-toolbar>.muted,.collection-sort>span{display:none}.collection-search input{width:180px}.experience-studio .crate-builder{grid-template-columns:1fr;gap:28px}.experience-studio .crate-selection{position:static}.record-experience{top:60px}.record-details{right:5vw;width:44vw;max-height:calc(100dvh - 145px);padding:15px 0}.record-details h1,.record-experience .unboxing-result h1{font-size:24px}.record-details .result-artist{font-size:11px}.record-details .result-stats{gap:13px;margin:18px 0}.record-details .result-edition{padding:17px 0;font-size:11px}.record-details .result-stats dt,.record-details .result-stats dd{font-size:9px}.inspection-heading{left:22px}.inspection-heading>span{font-size:8px}.inspection-actions .secondary,.inspection-actions .primary{font-size:9px!important}.record-experience.is-inspecting .viewer-controls{bottom:67px!important}}
@media(max-width:520px){.experience-studio .studio-header{padding:0 17px}.experience-studio .studio-main{padding:24px 17px 30px}.experience-studio .header-utilities .quiet{font-size:10px}.page-intro{gap:15px;flex-direction:row;align-items:center}.page-intro h1{font-size:20px}.page-intro>.primary,.page-intro>.quiet{font-size:10px!important}.experience-studio .crate-row{padding:16px}.crate-row-head h2{font-size:13px}.crate-row-head>.muted{font-size:9px}.crate-pile{grid-template-columns:repeat(3,minmax(0,1fr));padding:29px 20px 35px}.crate-box{height:315px}.crate-row-footer{gap:12px;padding-top:17px}.crate-row-footer .row-actions{gap:15px!important}.crate-row-footer .quiet{font-size:9px!important}.crate-row-footer>.primary{font-size:10px!important;padding:9px 12px!important}.crate-requirement{font-size:8px}.experience-studio .inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 15px}.experience-studio .inventory-album strong{font-size:11px}.experience-studio .inventory-album>span{font-size:9px}.experience-studio .inventory-album>small{font-size:8px}.inspect-affordance{font-size:8px;padding:5px 7px;opacity:1}.collection-search{flex:1;min-width:110px}.collection-search input{width:100%;min-width:0;font-size:10px}.collection-sort select{font-size:9px;max-width:118px}.experience-studio .edit-header{gap:16px;flex-wrap:wrap}.experience-studio .edit-header h1{font-size:21px}.record-experience.is-revealed .vinyl-canvas,.record-experience.is-revealed .gatefold-viewer .vinyl-canvas{inset:62px 0 50dvh!important}.record-experience.is-inspecting .vinyl-canvas,.record-experience.is-inspecting .gatefold-viewer .vinyl-canvas{inset:40px 0 53dvh!important}.record-details{top:auto;bottom:20px;right:7vw;width:86vw;transform:none;max-height:43dvh;padding:14px 0;animation:none}.record-details h1,.record-experience .unboxing-result h1{font-size:24px}.record-details .inspection-year{display:none}.record-details .result-artist{margin-top:9px}.record-details .result-edition{padding:12px 0}.record-details .result-stats{grid-template-columns:1fr 1fr;gap:13px 18px;margin:15px 0}.record-details .result-stats dt{font-size:8px}.record-details .result-stats dd{font-size:9px}.record-details .result-number{font-size:8px}.record-details .result-matrix{display:none}.record-experience.is-inspecting .viewer-controls{display:flex!important;top:calc(43dvh - 42px)!important;bottom:auto!important;left:16px!important;right:16px!important;max-width:none!important;padding:0!important;min-height:32px;overflow-x:auto;scrollbar-width:none}.record-experience.is-inspecting .viewer-actions{flex-wrap:nowrap;justify-content:flex-start;width:max-content}.record-experience.is-inspecting .viewer-controls .viewer-action{font-size:9px!important;padding:6px 10px!important;min-height:29px!important}.record-experience.is-inspecting .viewer-camera{top:10px!important;right:14px!important;bottom:auto}.record-experience.is-unboxing .viewer-controls{display:none!important}.record-experience .unboxing-result{bottom:25px;max-height:44dvh}.unboxing-header{padding:14px 17px}.inspection-actions{gap:8px}.inspection-actions .primary,.inspection-actions .secondary{min-height:31px;font-size:9px!important}.inspection-heading{left:18px;top:15px}.inspection-heading .back-link{font-size:9px}.dark-dialog.album-preview-dialog{padding:20px!important}.studio-dialog [data-slot=dialog-title]{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){.page-content,.record-details{animation:none!important}.pile-album,.pile-album-label,.inspect-affordance,.experience-studio .inventory-album .album-cover{transition:none!important}.pile-album:hover,.pile-album:focus-visible{transform:translate(var(--pile-x),var(--pile-y)) rotate(var(--pile-angle))}.experience-studio .inventory-album:hover .album-cover{transform:none}}