:root{--skins-bg:#09090c;--skins-card:#131319;--skins-line:#2a2a33;--skins-muted:#9a9aa7;--skins-red:#c51f2a}
html,body{margin:0;background:var(--skins-bg);color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100%}
.skins-shell{max-width:1180px;margin:0 auto;padding:24px 18px 60px}.skins-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.skins-kicker{font-size:.7rem;letter-spacing:.18em;color:#ef5e68;font-weight:800}.skins-title{font-size:clamp(2rem,5vw,4rem);line-height:.95;margin:7px 0 8px}.skins-sub{color:var(--skins-muted);max-width:700px}.skins-badge{border:1px solid #7b1b22;background:#220b0e;color:#ff7a83;padding:9px 12px;border-radius:999px;font-size:.72rem;font-weight:800;white-space:nowrap}.skins-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.skins-card{background:linear-gradient(180deg,#17171d,#101015);border:1px solid var(--skins-line);border-radius:18px;overflow:hidden;min-height:260px;box-shadow:0 16px 40px #0006}.skins-preview{height:124px;position:relative;display:grid;place-items:center;background:#0d0d12;overflow:hidden}.skins-preview.music_box_skin:before{content:"♪";font-size:54px;color:#fff8}.skins-preview.profile_ring:before{content:"";width:72px;height:72px;border-radius:50%;border:6px solid transparent;background:linear-gradient(#111,#111) padding-box,conic-gradient(from 0deg,#fff,#777,#fff) border-box;animation:spin 3s linear infinite}.skins-preview.animated_trim:before{content:"";position:absolute;inset:16px;border-radius:14px;border:2px solid transparent;background:linear-gradient(#101015,#101015) padding-box,linear-gradient(110deg,#5b4310,#ffe591,#8d6b1f,#fff2b0) border-box;background-size:200% 100%;animation:sweep 2.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sweep{to{background-position:200% 0}}.skins-body{padding:16px}.skins-type{font-size:.66rem;letter-spacing:.12em;color:#8e8e99;text-transform:uppercase;font-weight:800}.skins-name{font-size:1.1rem;font-weight:850;margin:5px 0}.skins-desc{font-size:.83rem;color:#aaaab5;line-height:1.45;min-height:38px}.skins-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:14px}.skins-pill{font-size:.66rem;font-weight:800;border:1px solid #33333c;border-radius:999px;padding:6px 8px;color:#d5d5dd}.skins-private{color:#ff8d94;border-color:#633037}.skins-lock{position:fixed;inset:0;background:#07070a;display:grid;place-items:center;padding:24px;z-index:9999}.skins-lock-card{max-width:500px;text-align:center;border:1px solid #2b2b33;border-radius:20px;padding:32px;background:#111116}.skins-lock-card h1{margin:0 0 12px}.skins-lock-card p{color:#aaaab5;line-height:1.55}.skins-lock-card a{display:inline-block;margin-top:10px;color:#fff;text-decoration:none;border:1px solid #444;padding:10px 14px;border-radius:10px}.skins-hidden{display:none!important}.skins-empty{grid-column:1/-1;padding:40px;text-align:center;color:#999}.skins-note{margin-top:20px;padding:14px 16px;border-left:3px solid var(--skins-red);background:#121217;color:#aaaab5;border-radius:8px}.skins-note strong{color:#fff}@media(max-width:780px){.skins-grid{grid-template-columns:1fr}.skins-top{align-items:flex-start;flex-direction:column}.skins-card{min-height:0}}
/* VERSION 2.0G — PRIVATE ACCESS SKINS MANAGER */
.skins-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px}.skins-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.filter,.skins-primary,.skins-secondary,.skins-danger,.skins-actions button{font:inherit;font-weight:800;border-radius:10px;cursor:pointer}.filter{border:1px solid #30303a;background:#111117;color:#a7a7b2;padding:9px 11px;white-space:nowrap}.filter.active{background:#24242d;color:#fff;border-color:#555563}.skins-primary{border:1px solid #dc3844;background:#b91824;color:#fff;padding:10px 14px}.skins-secondary{border:1px solid #444450;background:#17171e;color:#fff;padding:10px 14px}.skins-danger{border:1px solid #7b2830;background:#240c0f;color:#ff8c94;padding:10px 14px}.skins-actions{display:flex;gap:8px;margin-top:14px}.skins-actions button{flex:1;border:1px solid #363640;background:#191920;color:#fff;padding:8px 9px;font-size:.75rem}.skins-actions button:hover{border-color:#666}.skins-ready{color:#9ff0ba;border-color:#285e3a}.skins-preview img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.skins-preview:has(img):before{display:none}.skins-modal{position:fixed;inset:0;z-index:10000;background:#000b;display:grid;place-items:center;padding:18px;overflow:auto}.skins-modal-card{position:relative;width:min(820px,100%);max-height:92vh;overflow:auto;background:#111117;border:1px solid #34343e;border-radius:20px;padding:22px;box-shadow:0 30px 80px #000c}.skins-modal-card.small{width:min(560px,100%)}.skins-modal-card h2{margin:5px 0 18px}.modal-x{position:absolute;right:14px;top:12px;background:transparent;border:0;color:#aaa;font-size:30px;line-height:1;cursor:pointer}.skins-form label,.skins-modal-card>label{display:flex;flex-direction:column;gap:6px;color:#c9c9d2;font-size:.8rem;font-weight:750;margin-bottom:12px}.skins-form input,.skins-form select,.skins-form textarea,.skins-modal-card>label input,.skins-modal-card>label select{box-sizing:border-box;width:100%;border:1px solid #34343e;background:#0b0b10;color:#fff;border-radius:10px;padding:10px 11px;font:inherit;outline:none}.skins-form textarea{resize:vertical}.skins-form input:focus,.skins-form select:focus,.skins-form textarea:focus,.skins-modal-card input:focus,.skins-modal-card select:focus{border-color:#737385}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.switch-row{display:flex;gap:18px;align-items:center;padding:4px 0 14px;color:#d4d4dc;font-size:.86rem}.switch-row label{display:flex;flex-direction:row;align-items:center;gap:7px;margin:0}.switch-row input{width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px}.form-status{min-height:20px;color:#aaa;font-size:.8rem;margin:4px 0}.form-status.good{color:#9ee7b3}.form-status.bad{color:#ff8c94}.owners-title{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#8e8e99;font-weight:850;margin:22px 0 8px}.owners-list{border-top:1px solid #292932}.owner-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 2px;border-bottom:1px solid #25252d}.owner-row strong{display:block;font-size:.88rem}.owner-row small{display:block;color:#90909c;margin-top:3px}.owner-row time{font-size:.72rem;color:#777783}.owner-muted{padding:14px 2px;color:#83838f;font-size:.82rem}.modal-open{overflow:hidden}@media(max-width:780px){.skins-toolbar{align-items:stretch;flex-direction:column}.skins-primary{width:100%}.form-grid{grid-template-columns:1fr}.skins-modal{padding:10px}.skins-modal-card{padding:20px 14px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.skins-actions{flex-direction:column}}
/* 2.0H built-in ACCESS Neon Ring preview */
.skins-preview.profile_ring:has(+ .skins-body .skins-name){}


/* VERSION 2.0R — destructive cosmetic management */
.skins-delete-card{
  border-color:rgba(255,82,82,.55)!important;
  color:#ff8b8b!important;
  background:rgba(120,18,18,.12)!important;
}
.skins-delete-card:hover,
.skins-delete-card:focus-visible{
  border-color:#ff6262!important;
  background:rgba(150,24,24,.22)!important;
  color:#ffd0d0!important;
}


/* ==========================================================
   STEVE BOSTON ACCESS — VERSION 2.0AU
   ACCESS SKINS STOREFRONT + LIVE COSMETIC PREVIEWS
   ========================================================== */
:root{
  --shop-gold:#d8b75f;
  --shop-gold-soft:rgba(216,183,95,.13);
  --shop-panel:#101116;
  --shop-panel2:#15161d;
}
body{
  background:
    radial-gradient(circle at 12% -10%,rgba(198,31,43,.12),transparent 32%),
    radial-gradient(circle at 90% 4%,rgba(98,75,203,.10),transparent 30%),
    #08090c;
}
.skins-shell{max-width:1280px}
.shop-top{margin-bottom:18px}
.shop-hero{
  display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;
  padding:24px 26px;margin-bottom:18px;border-radius:22px;
  border:1px solid #292b34;
  background:
    linear-gradient(110deg,rgba(185,23,35,.16),transparent 42%),
    linear-gradient(180deg,#15161c,#0f1015);
  box-shadow:0 24px 60px rgba(0,0,0,.35)
}
.shop-eyebrow{font-size:.66rem;letter-spacing:.18em;font-weight:900;color:#ed6872}
.shop-hero h2{font-size:clamp(1.8rem,4vw,3.3rem);margin:5px 0 7px;line-height:1}
.shop-hero p{max-width:650px;margin:0;color:#a9aab4;line-height:1.55}
.shop-hero-stat{min-width:150px;text-align:center;border-left:1px solid #31323b;padding-left:24px}
.shop-hero-stat strong{display:block;font-size:2.35rem;line-height:1;color:#fff}
.shop-hero-stat span{display:block;font-size:.6rem;letter-spacing:.15em;color:#888b97;margin-top:7px}
.shop-toolbar{padding:10px 0 4px}
.shop-tools{display:flex;gap:9px;align-items:center}
.shop-search{
  width:min(260px,42vw);border:1px solid #32343e;background:#0e0f14;color:#fff;
  border-radius:11px;padding:10px 12px;font:inherit;outline:none
}
.shop-search:focus{border-color:#6e7180;box-shadow:0 0 0 3px rgba(255,255,255,.035)}
.shop-feature-strip{
  display:flex;gap:8px;overflow:auto;margin:8px 0 18px;padding-bottom:2px
}
.shop-feature-strip span{
  flex:0 0 auto;border:1px solid #292b33;background:#0f1014;color:#8e909a;
  border-radius:999px;padding:7px 10px;font-size:.59rem;letter-spacing:.1em;font-weight:900
}
.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.shop-product{
  min-height:430px;border-color:#292b34;background:linear-gradient(180deg,#17181e,#101116);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
.shop-product:hover{transform:translateY(-2px);border-color:#454852;box-shadow:0 22px 55px rgba(0,0,0,.55)}
.shop-live-preview{
  height:225px;position:relative;display:grid;place-items:center;overflow:hidden;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.04),transparent 55%),
    linear-gradient(180deg,#0c0d11,#08090c);
  border-bottom:1px solid #282a32
}
.preview-caption{
  position:absolute;left:12px;bottom:10px;z-index:50;
  border:1px solid rgba(255,255,255,.14);background:rgba(5,6,9,.75);
  backdrop-filter:blur(7px);border-radius:999px;padding:6px 8px;
  font-size:.54rem;letter-spacing:.12em;font-weight:900;color:#bfc1c9
}
.shop-product-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.shop-price{font-weight:900;color:#f3d67f;font-size:1.02rem;white-space:nowrap}
.shop-meta{justify-content:flex-start;flex-wrap:wrap}
.shop-acq.always{border-color:#326844;color:#9de4b4}
.shop-acq.unlock{border-color:#755d24;color:#f1cf73}
.shop-acq.admin{border-color:#4b467c;color:#b9b2ff}
.shop-acq.contest{border-color:#815b25;color:#f3bd71}
.shop-acq.buy{border-color:#2e6771;color:#8be9f5}
.shop-acq.limited{border-color:#854953;color:#ff9ea8}
.shop-state-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px}
.shop-state{font-size:.56rem;letter-spacing:.13em;color:#d1b65e;font-weight:900}
.shop-slug{font-size:.58rem;color:#5f616c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-admin-actions{border-top:1px solid #24262e;padding-top:12px}
.shop-admin-actions button{background:#14151b}

/* Ring shop preview */
.shop-ring-stage{width:100%;height:100%;display:grid;place-items:center}
.shop-ring-anchor{position:relative;display:grid;place-items:center;width:112px;height:112px;overflow:visible}
.shop-avatar{
  width:92px;height:92px;border-radius:50%;
  display:grid;place-items:center;background:
    radial-gradient(circle at 35% 28%,#313541,#12141a 58%,#08090c);
  border:2px solid #555b66;color:#fff;font-size:1.55rem;font-weight:950;letter-spacing:.03em;
  box-shadow:inset 0 0 24px rgba(255,255,255,.035)
}

/* Trim shop preview */
.shop-trim-stage{width:100%;padding:22px;box-sizing:border-box}
.shop-trim-card{
  position:relative;border-radius:18px;min-height:130px;padding:20px;
  box-sizing:border-box;background:linear-gradient(160deg,#181a21,#0d0f14);
  border:1px solid #333640;display:flex;flex-direction:column;justify-content:center;
  overflow:visible!important
}
.shop-trim-card strong{font-size:1.05rem;position:relative;z-index:80}
.shop-trim-card small{color:#858994;margin-top:4px;position:relative;z-index:80}
.shop-trim-kicker{color:#c7a94f;font-size:.55rem;letter-spacing:.17em;font-weight:900;margin-bottom:4px;position:relative;z-index:80}
.shop-trim-pills{display:flex;gap:7px;margin-top:14px;position:relative;z-index:80}
.shop-trim-pills span{border:1px solid #3b3e49;border-radius:999px;padding:6px 8px;font-size:.54rem;color:#b7bac3}

/* Music Box shop preview — uses the exact Music Box skin CSS class */
.shop-mini-music{
  width:calc(100% - 30px);max-width:330px;min-height:150px;border-radius:18px!important;
  overflow:visible!important;transform:scale(.95);transform-origin:center;
}
.shop-mini-music .mbx-header{
  min-height:30px;padding:8px 10px;box-sizing:border-box;display:flex;align-items:center;gap:7px;
  border-bottom:1px solid var(--musicbox-border,#333);font-size:.58rem;letter-spacing:.1em;font-weight:900
}
.shop-mini-logo{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:var(--musicbox-accent,#555);color:#fff;font-size:.51rem}
.shop-mini-dots{margin-left:auto;color:var(--musicbox-muted,#888)}
.shop-mini-music .mbx-now{display:grid;grid-template-columns:58px 1fr 34px;gap:10px;padding:12px;align-items:center}
.shop-mini-art{width:58px;height:58px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#20232b,#08090c);border:1px solid var(--musicbox-border,#333);font-weight:950}
.shop-mini-meta{min-width:0;display:flex;flex-direction:column;gap:4px}
.shop-mini-meta strong{font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-mini-meta span{font-size:.59rem;color:var(--musicbox-muted,#888)}
.shop-mini-progress{height:3px;border-radius:999px;background:rgba(255,255,255,.12);margin-top:7px;overflow:hidden}
.shop-mini-progress i{display:block;width:62%;height:100%;background:var(--musicbox-accent,#777)}
.shop-mini-music .mbx-now button{width:31px;height:31px;border-radius:50%;border:0;background:var(--musicbox-accent,#666);color:#fff;pointer-events:none}
.shop-mini-music .mbx-footer{display:flex;justify-content:space-between;padding:7px 12px;border-top:1px solid var(--musicbox-border,#333);font-size:.52rem;color:var(--musicbox-muted,#888)}

/* Shop preview must not have placeholder glyphs */
.shop-live-preview::before{display:none!important}

@media(max-width:1000px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .shop-grid{grid-template-columns:1fr}
  .shop-hero{grid-template-columns:1fr;padding:20px}
  .shop-hero-stat{text-align:left;border-left:0;border-top:1px solid #30323a;padding:16px 0 0}
  .shop-toolbar{align-items:stretch}
  .shop-tools{width:100%}.shop-search{width:100%;max-width:none}
  .shop-product{min-height:0}
}


/* ==========================================================
   STEVE BOSTON ACCESS — VERSION 2.0AV
   ACCESS COLLECTIONS + SHOP OWNERSHIP FLOW
   ========================================================== */

.shop-collections-bar{
  display:flex;gap:8px;overflow:auto;padding:5px 0 12px;margin-bottom:4px;
  scrollbar-width:none;
}
.shop-collections-bar::-webkit-scrollbar{display:none}
.collection-filter{
  flex:0 0 auto;border:1px solid #2f313a;background:#101116;color:#92949e;
  border-radius:999px;padding:8px 11px;font:800 .59rem/1 'DM Sans',sans-serif;
  letter-spacing:.06em;cursor:pointer;white-space:nowrap
}
.collection-filter:hover{border-color:#4b4e5a;color:#d7d9df}
.collection-filter.active{
  color:#fff;border-color:#6e5e31;
  background:linear-gradient(180deg,#2b2617,#19170f);
  box-shadow:0 0 0 1px rgba(216,183,95,.08) inset
}
.shop-collection{
  grid-column:1/-1;
  margin-bottom:16px;
}
.collection-summary{
  display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;
  border:1px solid #2b2d35;background:linear-gradient(180deg,#14151a,#101116);
  border-radius:16px;padding:14px 16px;margin-bottom:12px
}
.collection-kicker{
  display:block;color:#8d7944;font-size:.54rem;letter-spacing:.15em;font-weight:950
}
.collection-summary h2{margin:3px 0 0;font-size:1.35rem;line-height:1.05}
.collection-pieces{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.collection-pieces span{
  border:1px solid #343640;background:#0b0c10;color:#aaaeb8;border-radius:999px;
  padding:5px 7px;font-size:.53rem;font-weight:850;letter-spacing:.05em
}
.collection-count{color:#5f626d;font-size:.56rem;font-weight:900;letter-spacing:.1em;white-space:nowrap}
.collection-products{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px
}
.shop-customer-row{margin-top:12px}
.shop-customer-action{
  width:100%;min-height:40px;border-radius:10px;border:1px solid #3a3d47;
  background:#171920;color:#fff;font:900 .67rem/1 'DM Sans',sans-serif;
  letter-spacing:.09em;cursor:pointer
}
.shop-customer-action.equip{
  background:linear-gradient(180deg,#7e1d26,#5f141c);border-color:#a12c35
}
.shop-customer-action.equip:hover{filter:brightness(1.08)}
.shop-customer-action.equipped{
  background:linear-gradient(180deg,#163624,#10271a);border-color:#2d6744;color:#a5e8bd
}
.shop-customer-action.available{
  background:#171912;border-color:#4b5730;color:#c8df91
}
.shop-customer-action.locked{
  background:#111218;border-color:#2b2d35;color:#6f727d
}
.shop-customer-action:disabled{cursor:default}
.shop-admin-actions{margin-top:12px;opacity:.72}
.shop-admin-actions::before{
  content:"ADMIN";display:block;width:100%;font-size:.48rem;letter-spacing:.15em;color:#565963;
  margin-bottom:6px;font-weight:950
}
@media(max-width:1000px){
  .collection-products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .collection-summary{grid-template-columns:1fr;gap:10px}
  .collection-pieces{justify-content:flex-start}
  .collection-products{grid-template-columns:1fr}
}

/* ==========================================================
   VERSION 2.0BM — TRUE LIVE SKIN BANK PREVIEWS
   ========================================================== */
.shop-live-preview{isolation:isolate;height:250px!important}
.trim-preview .shop-trim-stage{width:100%;height:100%;padding:30px 24px;display:grid;place-items:center;box-sizing:border-box}
.trim-preview .shop-trim-card{width:min(92%,390px);min-height:150px!important;padding:22px!important;background:linear-gradient(155deg,#171920,#090a0e)!important;border:1px solid #30333d!important;border-radius:18px!important;overflow:visible!important;isolation:isolate}
.trim-preview .shop-trim-card::before,.trim-preview .shop-trim-card::after{pointer-events:none}
.trim-preview .access-canonical-trim-layer{z-index:20!important;pointer-events:none!important}
.trim-preview .access-black-diamond-trim-stones{z-index:25!important}
.trim-preview .shop-trim-card>strong,.trim-preview .shop-trim-card>small,.trim-preview .shop-trim-kicker,.trim-preview .shop-trim-pills{z-index:30!important}
.trim-preview .preview-caption{z-index:60!important}
/* Make each preview read like the real surface, not a placeholder swatch. */
.shop-trim-card strong::after{content:' · LIVE EXAMPLE';font-size:.55rem;letter-spacing:.12em;color:#777b86;margin-left:7px;vertical-align:middle}
@media(max-width:700px){.shop-live-preview{height:235px!important}.trim-preview .shop-trim-stage{padding:26px 20px}.trim-preview .shop-trim-card{width:94%;min-height:142px!important}}


/* ==========================================================
   STEVE BOSTON ACCESS — VERSION 2.0BN
   TRUE PER-SKIN SHOP PREVIEW BINDING
   ========================================================== */
.shop-ring-anchor{
  width:92px!important;height:92px!important;position:relative!important;
  display:grid!important;place-items:center!important;overflow:visible!important;
}
.shop-avatar{
  width:72px!important;height:72px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;background:#17181d!important;
  color:#fff!important;font:900 18px/1 "Space Mono",monospace!important;
  position:relative!important;z-index:2!important
}
.shop-ring-stage{overflow:visible!important}
.shop-live-preview.ring-preview{overflow:visible!important}
.shop-live-preview.trim-preview{overflow:hidden!important}
.shop-trim-stage{width:82%!important;overflow:visible!important}
.shop-trim-card{min-height:92px!important}
.shop-mini-music{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  min-height:154px!important
}
.shop-mini-music::before,.shop-mini-music::after{pointer-events:none!important}
.shop-mini-music > *{position:relative;z-index:5}
.shop-mini-music[data-music-preview-family="black-diamond"]{border-color:#727985!important}
.shop-mini-music[data-music-preview-family="ember"]{border-color:#ff5a12!important}
.shop-mini-music[data-music-preview-family="mist"]{border-color:#b9d7ee!important}
.shop-mini-music[data-music-preview-family="toxic"]{border-color:#91ff16!important}
.shop-mini-music[data-music-preview-family="frost"]{border-color:#8de8ff!important}
.shop-mini-music[data-music-preview-family="prism"]{border-color:#d968ff!important}
.shop-mini-music[data-music-preview-family="gold"]{border-color:#e5bd4d!important}
.shop-mini-music[data-music-preview-family="ocean-wave"]{border-color:#27dfff!important}
.shop-mini-music[data-music-preview-family="purple-haze"]{border-color:#a84cff!important}
.shop-mini-music[data-music-preview-family="rose-gold"]{border-color:#e6a091!important}

/* The old generic preview pseudo-elements must never paint over live renderers. */
.shop-live-preview.profile_ring::before,
.shop-live-preview.animated_trim::before,
.shop-live-preview.music_box_skin::before,
.shop-live-preview.ring-preview::before,
.shop-live-preview.trim-preview::before,
.shop-live-preview.music-preview::before{display:none!important}


/* ==========================================================
   VERSION 2.0BO — ONE SHARED PREVIEW RENDERER
   Admin + Skin Bank share these same presentation primitives.
   ========================================================== */
.shared-skin-preview{position:relative;width:100%;height:100%;display:grid;place-items:center;isolation:isolate}
.shared-avatar-shell{width:82px;height:82px;border-radius:50%;position:relative;display:grid;place-items:center;overflow:visible}
.shared-avatar-core{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#14151a;color:#fff;font:900 16px/1 "Space Mono",monospace;position:relative;z-index:3}
.shared-trim-surface{width:82%;height:78px;border-radius:15px;position:relative;background:#111;display:grid;place-items:center;overflow:visible}
.shared-trim-inner{width:78%;height:46%;border-radius:11px;background:#090909;border:1px solid rgba(255,255,255,.08)}
.shared-music-box{width:88%;min-height:128px;border-radius:16px;position:relative;overflow:hidden}


/* VERSION 2.0CK — exact previews for Vault-installed assets */
.shop-live-preview.vault-asset-preview{
  position:relative!important;
  overflow:hidden!important;
  background:#090a0d!important;
  display:grid!important;
  place-items:center!important;
}
.shop-live-preview.vault-asset-preview .shop-vault-preview-image{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#090a0d;
}
.shop-live-preview.vault-asset-preview .preview-caption{
  position:absolute;
  left:12px;
  bottom:10px;
  z-index:3;
}

/* ==========================================================
   ACCESS SKINS — PREMIUM POLISH PASS 1
   Restrained layout/interaction polish only. Skin rendering,
   ownership, Vault install flow and God Mode permissions remain
   owned by the existing engines and JavaScript.
   ========================================================== */
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:dark}
body{
  font-family:'DM Sans',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
.skins-shell{max-width:1240px;padding:22px clamp(14px,2.2vw,24px) 72px}
.skins-top.shop-top{align-items:flex-start;margin-bottom:15px}
.skins-title{font-size:clamp(2rem,4.4vw,3.45rem);letter-spacing:-.025em;margin:6px 0 8px}
.skins-sub{max-width:760px;font-size:.92rem;line-height:1.55;color:#a3a5ae}
.shop-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.skins-badge{padding:8px 10px;border-radius:999px;letter-spacing:.08em}
.skins-admin-link{
  display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;
  border:1px solid #343640;border-radius:999px;background:#111218;color:#c8cad2;
  text-decoration:none;font-size:.69rem;font-weight:800;letter-spacing:.05em;white-space:nowrap
}
.skins-admin-link:hover{border-color:#555864;color:#fff;background:#171920}
.shop-hero{
  padding:20px 22px;margin-bottom:14px;border-radius:18px;gap:18px;
  box-shadow:0 16px 42px rgba(0,0,0,.28)
}
.shop-eyebrow{font-size:.62rem}
.shop-hero h2{font-size:clamp(1.65rem,3.4vw,2.65rem);margin:4px 0 6px}
.shop-hero p{font-size:.9rem;line-height:1.52}
.shop-hero-stat{min-width:132px;padding-left:20px}
.shop-hero-stat strong{font-size:2rem}
.shop-hero-stat span{font-size:.56rem}
.shop-toolbar{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;
  margin:0 0 14px;padding:10px;border:1px solid #252730;border-radius:15px;
  background:rgba(13,14,19,.88);box-shadow:0 12px 30px rgba(0,0,0,.18)
}
.skins-filters{gap:6px;min-width:0;padding:0;scrollbar-width:none}
.skins-filters::-webkit-scrollbar{display:none}
.filter{min-height:38px;padding:8px 11px;border-radius:9px;font-size:.76rem}
.filter.active{background:#252731;border-color:#555967;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.shop-tools{gap:7px}
.shop-search{height:38px;width:min(245px,32vw);border-radius:9px;padding:8px 11px;font-size:.84rem}
.shop-tools .skins-primary{min-height:38px;padding:8px 12px;border-radius:9px;white-space:nowrap}
.shop-feature-strip{margin:5px 0 14px;gap:6px}
.shop-feature-strip span{padding:6px 9px;font-size:.55rem;background:#0d0f13}
.shop-collections-bar{gap:6px;padding:2px 0 10px}
.collection-filter{min-height:33px;padding:7px 10px;font-size:.57rem}
.collection-summary{gap:14px;padding:12px 14px;border-radius:14px;margin-bottom:10px}
.collection-summary h2{font-size:1.2rem}
.collection-products,.shop-grid{gap:14px}
.shop-product{
  min-height:0;border-radius:16px;display:flex;flex-direction:column;
  box-shadow:0 14px 38px rgba(0,0,0,.34)
}
.shop-product:hover{transform:translateY(-1px);box-shadow:0 18px 44px rgba(0,0,0,.42)}
.shop-live-preview{height:238px!important}
.shop-product>.skins-body{display:flex;flex:1;flex-direction:column;padding:14px 14px 13px;min-width:0}
.shop-product-head{gap:10px;min-width:0}
.shop-product-head>div{min-width:0}
.skins-type{font-size:.62rem;letter-spacing:.11em}
.skins-name{
  margin:4px 0 0;font-size:1.05rem;line-height:1.2;min-height:2.4em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  overflow-wrap:break-word
}
.shop-price{font-size:.94rem}
.skins-desc{
  margin-top:7px;min-height:3.78em;font-size:.79rem;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  overflow-wrap:break-word
}
.skins-meta{margin-top:11px}
.skins-pill{padding:5px 7px;font-size:.61rem}
.shop-state-row{margin-top:10px;min-width:0}
.shop-state{flex:0 0 auto;font-size:.53rem}
.shop-slug{min-width:0;font-size:.55rem;text-align:right}
.shop-customer-row{margin-top:auto;padding-top:12px}
.shop-customer-action{min-height:38px;border-radius:9px;font-size:.63rem}
.shop-admin-actions{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;
  margin-top:10px;padding-top:10px;opacity:1
}
.shop-admin-actions::before{grid-column:1/-1;margin-bottom:0;color:#5d606b}
.shop-admin-actions button{min-height:36px;flex:none;padding:7px 8px;border-radius:8px;font-size:.69rem;color:#bfc2ca}
.shop-admin-actions .skins-delete-card{grid-column:1/-1;min-height:34px;background:rgba(104,17,21,.10)!important}
.skins-empty{padding:34px 18px;border:1px dashed #2b2d35;border-radius:14px;background:#0d0e12}
.skins-note{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:.82rem;line-height:1.55;overflow-wrap:break-word}

/* Keep the powerful Vault present without letting it dominate the storefront. */
.vault-shell{
  margin:16px 0 18px!important;padding:17px!important;border-radius:17px!important;
  border-color:#2c2e35!important;background:linear-gradient(180deg,rgba(24,20,8,.34),rgba(12,13,17,.92))!important
}
.vault-head{gap:14px!important}
.vault-head h2{font-size:1.05rem!important;margin:4px 0 6px!important}
.vault-head p{font-size:.75rem!important;line-height:1.52!important}
.vault-badge{border-radius:999px!important;padding:6px 9px!important}
.vault-grid{gap:12px!important;margin-top:14px!important}
.vault-drop{min-height:108px!important;border-radius:13px!important}
.vault-guide,.vault-stage,.vault-piece,.vault-lib-card,.vault-empty{border-radius:12px!important}
.vault-guide{padding:14px!important}
.vault-library-head{margin-top:20px!important;padding-top:14px!important}

.skins-modal{padding:14px;background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}
.skins-modal-card{width:min(800px,100%);border-radius:17px;padding:20px;box-shadow:0 26px 74px rgba(0,0,0,.72)}
.skins-modal-card.small{width:min(540px,100%)}
.skins-modal-card h2{font-size:1.45rem;line-height:1.15;padding-right:38px}
.skins-form input,.skins-form select,.skins-form textarea,.skins-modal-card>label input,.skins-modal-card>label select{border-radius:9px;padding:10px 11px}
.skins-form textarea#skin-unlock,.skins-form textarea#skin-visual{font-family:'Space Mono',monospace;font-size:.72rem;line-height:1.55}
.modal-x{width:38px;height:38px;display:grid;place-items:center;right:10px;top:9px;border-radius:50%;font-size:25px}
.modal-x:hover{background:#1b1c23;color:#fff}
.owner-row{min-width:0}
.owner-row>div:first-child{min-width:0}
.owner-row strong,.owner-row small{overflow-wrap:break-word}

.filter:focus-visible,.skins-primary:focus-visible,.skins-secondary:focus-visible,.skins-danger:focus-visible,
.skins-actions button:focus-visible,.collection-filter:focus-visible,.shop-customer-action:focus-visible,
.skins-admin-link:focus-visible,.modal-x:focus-visible,.vault-drop:focus-visible,
.shop-search:focus-visible,.skins-form input:focus-visible,.skins-form select:focus-visible,.skins-form textarea:focus-visible,
.skins-modal-card input:focus-visible,.skins-modal-card select:focus-visible{
  outline:2px solid #d6b75e;outline-offset:2px
}

@media(max-width:940px){
  .shop-toolbar{grid-template-columns:1fr;align-items:stretch}
  .shop-tools{width:100%}
  .shop-search{width:100%;max-width:none}
  .shop-tools .skins-primary{width:auto;flex:0 0 auto}
}
@media(max-width:700px){
  .skins-shell{padding:16px 12px 54px}
  .skins-top.shop-top{gap:10px}
  .shop-top-actions{justify-content:flex-start}
  .skins-title{font-size:clamp(2rem,12vw,2.75rem)}
  .skins-sub{font-size:.86rem}
  .shop-hero{padding:17px 16px;border-radius:15px}
  .shop-hero-stat{padding-top:13px}
  .shop-toolbar{padding:8px;border-radius:13px;gap:8px}
  .shop-tools{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .shop-tools .skins-primary{width:auto;min-width:132px}
  .filter{min-height:36px;font-size:.72rem}
  .shop-live-preview{height:220px!important}
  .shop-product>.skins-body{padding:13px}
  .skins-name{min-height:0}
  .skins-desc{min-height:0;-webkit-line-clamp:4}
  .collection-summary{grid-template-columns:1fr;gap:8px;padding:11px 12px}
  .collection-count{justify-self:start}
  .skins-modal{padding:8px}
  .skins-modal-card{max-height:96vh;padding:17px 12px;border-radius:14px}
  .form-grid{gap:8px}
  .switch-row{align-items:flex-start;flex-direction:column;gap:8px}
  .modal-actions{gap:7px}
  .owner-row{align-items:flex-start;flex-direction:column}
  .owner-row>div:last-child{width:100%;justify-content:space-between!important}
}
@media(max-width:430px){
  .shop-tools{grid-template-columns:1fr}
  .shop-tools .skins-primary{width:100%}
  .shop-top-actions{width:100%}
  .skins-badge,.skins-admin-link{flex:1 1 auto}
  .shop-admin-actions{grid-template-columns:1fr}
  .shop-admin-actions::before,.shop-admin-actions .skins-delete-card{grid-column:1}
}
@media(prefers-reduced-motion:reduce){
  .shop-product,.filter,.collection-filter,.skins-primary,.skins-secondary,.skins-danger,.vault-drop{transition:none!important}
  .skins-preview.profile_ring:before,.skins-preview.animated_trim:before{animation:none!important}
}

.shop-live-preview.shop-full-player-preview{height:440px!important;display:block!important;overflow:auto!important;padding:16px!important}
.shop-full-player-preview > .mbx{transform:none!important;width:100%!important;max-width:none!important}
.shop-full-player-preview .mbx-art-fallback{display:grid;place-items:center;min-height:90px;color:var(--musicbox-text);font:700 30px system-ui;background:var(--musicbox-panel)}