/* Prime Creation // unified skin inheritance for pill bar, tabs, viewport controls, toolbox and bezels */
:root{
  --prime-skin-bezel-edge:color-mix(in srgb,var(--prime-skin-edge) 78%,white 10%);
  --prime-skin-bezel-dark:color-mix(in srgb,var(--prime-skin-edge) 34%,black 66%);
  --prime-skin-bezel-glow:color-mix(in srgb,var(--prime-skin-accent) 28%,transparent);
  --prime-skin-bezel-hi:color-mix(in srgb,var(--prime-skin-text) 19%,transparent);
  --prime-skin-bezel-depth:max(2px,calc(var(--prime-skin-depth) * .22px));
}
/* Palette and bevel tokens live here. Machine surfaces and controls are
   painted only by the shared material contract. No skin-origin transforms,
   font metric changes, background blur, or button geometry. */
body.prime-v2 [data-prime-skin-pill]{position:relative!important;isolation:isolate!important;border:1px solid transparent!important;border-radius:999px!important;overflow:visible!important}
body.prime-v2 [data-prime-skin-pill]::before{content:""!important;position:absolute!important;inset:2px!important;pointer-events:none!important;border-radius:inherit!important;border:1px solid color-mix(in srgb,var(--prime-skin-text) 11%,transparent)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--prime-skin-text) 7%,transparent),transparent 38%,color-mix(in srgb,var(--prime-skin-bg) 16%,transparent))!important;opacity:.82!important}
body.prime-v2 #top :where(img,[data-prime-receptor-asset],.receptor-logo,.receptor-lettering){box-shadow:none!important;outline:0!important;border-color:transparent!important;background:transparent!important}

/* Phone skin selector: built-ins only. Custom forge remains a desktop/tablet workshop. */
@media(max-width:680px){
  body.prime-v2 .prime-skin-dialog{position:fixed!important;inset:max(.45rem,env(safe-area-inset-top)) .45rem max(.45rem,env(safe-area-inset-bottom)) .45rem!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;translate:none!important;border-radius:16px!important;overflow:hidden!important}
  body.prime-v2 .prime-skin-shell{height:100%!important;max-height:calc(100dvh - max(.9rem,env(safe-area-inset-top)) - max(.9rem,env(safe-area-inset-bottom)))!important;grid-template-rows:auto minmax(0,1fr)!important}
  body.prime-v2 .prime-skin-head{padding:.72rem .78rem!important;min-height:3.35rem!important}
  body.prime-v2 .prime-skin-head b{font-size:.76rem!important}.prime-skin-head small{font-size:.66rem!important}
  body.prime-v2 .prime-skin-close{min-width:2.6rem!important;min-height:2.6rem!important}
  body.prime-v2 .prime-skin-body{padding:.72rem!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}
  body.prime-v2 .prime-skin-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important;width:100%!important}
  body.prime-v2 .prime-skin-card{width:100%!important;min-width:0!important;min-height:5rem!important;padding:.65rem!important}
  body.prime-v2 .prime-skin-card b{font-size:.82rem!important}.prime-skin-card small{font-size:.67rem!important;overflow-wrap:anywhere!important}
  body.prime-v2 .prime-skin-custom{display:none!important}
  body.prime-v2 .prime-skin-body::after{content:"CUSTOM SKIN FORGE IS AVAILABLE ON TABLET / DESKTOP";display:block;margin:.75rem .1rem .1rem;padding:.65rem;border:1px solid color-mix(in srgb,var(--prime-skin-edge) 24%,transparent);border-radius:.7rem;color:var(--prime-skin-muted);font:700 .58rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-align:center}
}
@media (prefers-reduced-motion:reduce){body.prime-v2 [data-prime-skin-control]{transition:none!important}html[data-prime-skin="liquid-gold"] body.prime-v2 [data-prime-skin-control]{animation:none!important}}