/* Prime Creation // expressive control rail + viewport-authoritative spatial field */
:root{
  --prime-pill-height:clamp(3.55rem,7.6vw,4.15rem);
  --prime-system-cyan:#72eaff;
  --prime-system-mint:#72f1c2;
  --prime-system-violet:#987cff;
}

body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active{
  overscroll-behavior:contain;
  scroll-padding-block-end:calc(var(--prime-pill-height,3.8rem) + 1rem);
  scrollbar-width:thin;
}
body.prime-v2 #main[data-app-shell]>.app-window :is(a.button,button,input[type="range"]){touch-action:manipulation}
body.prime-v2 #main[data-app-shell]>.app-window :is(a.button,button):focus-visible{outline:2px solid var(--prime-system-cyan)!important;outline-offset:2px!important}
body.prime-v2 #main[data-app-shell]>.app-window a.button{
  position:relative;
  min-height:2.75rem;
  overflow:hidden;
  border-color:rgba(119,231,255,.2)!important;
  background:linear-gradient(145deg,rgba(18,39,53,.92),rgba(5,15,25,.96))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 11px 26px rgba(0,0,0,.18)!important;
}
body.prime-v2 #main[data-app-shell]>.app-window a.button.primary{
  border-color:rgba(107,235,255,.38)!important;
  background:linear-gradient(145deg,rgba(56,196,229,.2),rgba(31,62,119,.18))!important;
}
body.prime-v2 #main[data-app-shell]>.app-window a.button:is(:hover,:focus-visible){transform:translateY(-1px);filter:brightness(1.08)}

body.prime-v2 .app-dock.prime-pill-slider[data-prime-pill-remodel]{
  border-color:rgba(132,235,255,.32)!important;
  background:
    linear-gradient(105deg,rgba(111,231,255,.035),transparent 26%,rgba(139,103,255,.045) 74%,transparent),
    linear-gradient(180deg,rgba(15,34,47,.965),rgba(2,9,16,.985))!important;
  box-shadow:0 22px 58px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.028) inset,0 1px rgba(255,255,255,.1) inset,0 0 34px rgba(74,220,255,.085)!important;
}
body.prime-v2 .app-dock.prime-pill-slider[data-prime-pill-remodel]::after{right:9%;left:9%;background:linear-gradient(90deg,transparent,var(--prime-system-cyan),var(--prime-system-violet),transparent);opacity:.8}
body.prime-v2 .app-dock.prime-pill-slider[data-prime-pill-remodel] .app-dock-links{gap:clamp(1px,.28vw,4px)!important}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel]{
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-rows:1fr 1fr!important;
  justify-content:start!important;
  column-gap:clamp(.18rem,.5vw,.42rem)!important;
  row-gap:0!important;
  min-height:2.75rem!important;
  padding:.28rem clamp(.14rem,.55vw,.46rem)!important;
  border-radius:.72rem!important;
  text-align:left!important;
  isolation:isolate!important;
}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel]::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 23% 45%,rgba(102,232,255,.14),transparent 43%),linear-gradient(115deg,transparent 32%,rgba(255,255,255,.045) 49%,transparent 66%);
  opacity:0;
  transform:translateX(-9%);
  transition:opacity .18s ease,transform .24s ease;
}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel]>.prime-pill-glyph{
  grid-column:1;
  grid-row:1/3;
  align-self:center;
  display:grid;
  place-items:center;
  width:clamp(1.2rem,2.25vw,1.72rem);
  height:clamp(1.2rem,2.25vw,1.72rem);
  border:1px solid rgba(117,230,255,.16);
  border-radius:.5rem;
  background:rgba(97,225,255,.035);
  color:#80eaff;
  font:800 clamp(.58rem,1.15vw,.82rem)/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  font-style:normal;
  transition:transform .2s ease,border-color .18s ease,box-shadow .18s ease;
}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel]>b{
  position:absolute;
  right:.26rem;
  top:.22rem;
  z-index:3;
  color:rgba(130,235,255,.58)!important;
  font-size:clamp(.38rem,.62vw,.5rem)!important;
}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel]>span{
  grid-column:2;
  grid-row:1;
  align-self:end;
  display:block!important;
  color:#e7fbff;
  font:800 clamp(.4rem,.63vw,.56rem)/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.055em;
}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel]>.prime-pill-micro{
  grid-column:2;
  grid-row:2;
  align-self:start;
  display:block;
  margin-top:.16rem;
  overflow:hidden;
  color:#668892;
  font:800 clamp(.34rem,.48vw,.43rem)/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.1em;
  text-overflow:ellipsis;
}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel]:is(:hover,:focus-visible,[data-active])::before{opacity:1;transform:none}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel]:is(:hover,:focus-visible,[data-active])>.prime-pill-glyph{border-color:rgba(121,237,255,.45);box-shadow:0 0 18px rgba(77,222,255,.14),inset 0 0 13px rgba(70,222,255,.07);transform:translateY(-1px) scale(1.04)}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel][data-active]{border-color:rgba(112,235,255,.36)!important;background:linear-gradient(145deg,rgba(78,222,255,.13),rgba(102,76,206,.08))!important}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel][data-active]>.prime-pill-micro{color:var(--prime-system-mint)}

body.prime-v2 .app-dock.prime-pill-slider>.prime-tools-trigger[data-prime-pill-toolbox],
body.prime-v2 .app-dock.prime-pill-slider>.prime-tool-panel-shell>.prime-tool-panel-trigger[data-prime-pill-toolbox]{
  min-width:3.55rem!important;
  min-height:2.75rem!important;
  border-color:rgba(126,237,255,.44)!important;
  background:radial-gradient(circle at 50% 15%,rgba(108,236,255,.16),transparent 52%),linear-gradient(155deg,rgba(17,43,58,.99),rgba(3,11,18,.99))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 0 20px rgba(74,224,255,.11),0 13px 30px rgba(0,0,0,.42)!important;
}
body.prime-v2 .app-dock.prime-pill-slider>.prime-tools-trigger[data-prime-pill-toolbox]>span{display:grid;gap:.1rem}
body.prime-v2 .app-dock.prime-pill-slider>.prime-tools-trigger[data-prime-pill-toolbox] strong{color:#e9fdff;font:850 .47rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}
body.prime-v2 .app-dock.prime-pill-slider>.prime-tools-trigger[data-prime-pill-toolbox] small{color:#70efbf;font:800 .34rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em}
body.prime-v2 .app-dock.prime-pill-slider :is(.prime-tools-trigger,.prime-tool-panel-trigger)[data-prime-pill-toolbox]:is(:hover,:focus-visible){border-color:rgba(111,242,210,.62)!important;transform:translateY(-1px)!important;outline:2px solid rgba(116,239,255,.65)!important;outline-offset:2px!important}

body.prime-v2 .prime-tool-panel{
  border-color:rgba(125,233,255,.3)!important;
  background:radial-gradient(circle at 92% 8%,rgba(133,96,255,.1),transparent 15rem),linear-gradient(155deg,rgba(11,29,41,.99),rgba(2,8,14,.995))!important;
}
body.prime-v2 .prime-tool-card{min-height:3.85rem!important}
body.prime-v2 .prime-tool-card>b{border-radius:.68rem!important;background:radial-gradient(circle,rgba(105,231,255,.11),rgba(70,220,255,.02))!important}
body.prime-v2 .prime-tool-submenu[data-prime-dual-spatial-controls]{padding:.7rem!important;background:linear-gradient(150deg,rgba(5,18,27,.88),rgba(12,12,31,.82))!important}
body.prime-v2 :is(.prime-spatial-intensity,.prime-spatial-depth){
  display:grid;
  grid-template-columns:4.2rem minmax(0,1fr) 2.7rem;
  align-items:center;
  gap:.58rem;
  min-height:2.75rem;
  padding:.38rem .5rem;
  border:1px solid rgba(119,230,255,.12);
  border-radius:.68rem;
  background:rgba(91,221,248,.028);
  color:#91afb7;
  font:800 .48rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.1em;
}
body.prime-v2 :is(.prime-spatial-intensity,.prime-spatial-depth)>span{color:#c7edf3}
body.prime-v2 :is(.prime-spatial-intensity,.prime-spatial-depth) input{width:100%;height:2rem;margin:0;accent-color:var(--prime-system-cyan);cursor:ew-resize}
body.prime-v2 .prime-spatial-depth input{accent-color:var(--prime-system-violet)}
body.prime-v2 :is(.prime-spatial-intensity,.prime-spatial-depth) output{min-width:2.7rem;color:var(--prime-system-mint);text-align:right}
body.prime-v2 .prime-spatial-depth output{color:#b6a7ff}

html[data-prime-spatial-viewport-bridge] body.prime-v2 #main[data-app-shell]>.pc-spatial-viewport-field{
  position:absolute!important;
  inset:auto!important;
  left:var(--prime-spatial-field-left,0)!important;
  top:var(--prime-spatial-field-top,0)!important;
  width:var(--prime-spatial-field-width,var(--pf-vw,100%))!important;
  height:var(--prime-spatial-field-height,var(--pf-vh,100%))!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
  contain:strict!important;
}
html[data-prime-spatial-viewport-bridge].prime-mobile-spatial body.prime-v2 #main[data-app-shell]>.pc-spatial-viewport-field>.pc-spatial-viewport-far{
  transform:translate3d(calc(var(--pc-spatial-x,0px)*-.18),calc(var(--pc-spatial-y,0px)*-.18),var(--prime-spatial-far-z,-80px)) rotateX(calc(var(--pc-spatial-pitch,0deg)*-.05)) rotateY(calc(var(--pc-spatial-roll,0deg)*-.05)) scale(var(--prime-spatial-far-scale,1.09))!important;
}
html[data-prime-spatial-viewport-bridge].prime-mobile-spatial body.prime-v2 #main[data-app-shell]>.pc-spatial-viewport-field>.pc-spatial-viewport-mid{
  transform:translate3d(calc(var(--pc-spatial-x,0px)*.26),calc(var(--pc-spatial-y,0px)*.22),var(--prime-spatial-mid-z,18px)) rotateX(calc(var(--pc-spatial-pitch,0deg)*.08)) rotateY(calc(var(--pc-spatial-roll,0deg)*.08)) rotateZ(calc(var(--pc-spatial-yaw,0deg)*.025)) scale(var(--prime-spatial-mid-scale,1.04))!important;
}
html[data-prime-spatial-viewport-bridge].prime-mobile-spatial body.prime-v2 #main[data-app-shell]>.pc-spatial-viewport-field>.pc-spatial-viewport-near{
  transform:translate3d(calc(var(--pc-spatial-x,0px)*.54),calc(var(--pc-spatial-y,0px)*.48),var(--prime-spatial-near-z,48px)) rotateX(calc(var(--pc-spatial-pitch,0deg)*.14)) rotateY(calc(var(--pc-spatial-roll,0deg)*.14)) rotateZ(calc(var(--pc-spatial-yaw,0deg)*.05)) scale(var(--prime-spatial-near-scale,1.016))!important;
}
html[data-prime-spatial-viewport-bridge].prime-mobile-spatial body.prime-v2 #main[data-app-shell]>.pc-spatial-viewport-field[data-pc-spatial-style="depth"]>.pc-spatial-viewport-far{transform:translate3d(calc(var(--pc-spatial-x,0px)*-.22),calc(var(--pc-spatial-y,0px)*-.2),var(--prime-spatial-far-z,-80px)) scale(var(--prime-spatial-far-scale,1.09))!important}
html[data-prime-spatial-viewport-bridge].prime-mobile-spatial body.prime-v2 #main[data-app-shell]>.pc-spatial-viewport-field[data-pc-spatial-style="depth"]>.pc-spatial-viewport-mid{transform:translate3d(calc(var(--pc-spatial-x,0px)*.34),calc(var(--pc-spatial-y,0px)*.29),var(--prime-spatial-mid-z,18px)) scale(var(--prime-spatial-mid-scale,1.04))!important}
html[data-prime-spatial-viewport-bridge].prime-mobile-spatial body.prime-v2 #main[data-app-shell]>.pc-spatial-viewport-field[data-pc-spatial-style="depth"]>.pc-spatial-viewport-near{transform:translate3d(calc(var(--pc-spatial-x,0px)*.68),calc(var(--pc-spatial-y,0px)*.58),var(--prime-spatial-near-z,48px)) scale(var(--prime-spatial-near-scale,1.016))!important}
html[data-prime-spatial-viewport-bridge].prime-mobile-spatial body.prime-v2 #main[data-app-shell]>.pc-spatial-viewport-field[data-pc-spatial-style="parallax"]>.pc-spatial-viewport-far{transform:translate3d(calc(var(--pc-spatial-x,0px)*-.3),calc(var(--pc-spatial-y,0px)*-.26),var(--prime-spatial-far-z,-80px)) scale(var(--prime-spatial-far-scale,1.09))!important}
html[data-prime-spatial-viewport-bridge].prime-mobile-spatial body.prime-v2 #main[data-app-shell]>.pc-spatial-viewport-field[data-pc-spatial-style="parallax"]>.pc-spatial-viewport-mid{transform:translate3d(calc(var(--pc-spatial-x,0px)*.46),calc(var(--pc-spatial-y,0px)*.4),var(--prime-spatial-mid-z,18px)) scale(var(--prime-spatial-mid-scale,1.04))!important}
html[data-prime-spatial-viewport-bridge].prime-mobile-spatial body.prime-v2 #main[data-app-shell]>.pc-spatial-viewport-field[data-pc-spatial-style="parallax"]>.pc-spatial-viewport-near{transform:translate3d(calc(var(--pc-spatial-x,0px)*.86),calc(var(--pc-spatial-y,0px)*.72),var(--prime-spatial-near-z,48px)) scale(var(--prime-spatial-near-scale,1.016))!important}
html[data-prime-spatial-viewport-bridge].prime-mobile-spatial body.prime-v2 #main[data-app-shell]>.pc-spatial-viewport-field:is([data-pc-spatial-style="stereo"],[data-pc-spatial-style="depth"])::before{
  box-shadow:calc(var(--prime-spatial-depth-disparity,1%)*-1) 0 36px rgba(255,60,112,.055),var(--prime-spatial-depth-disparity,1%) 0 36px rgba(54,224,255,.075),inset 0 0 70px rgba(72,220,255,.025)!important;
}
html[data-prime-spatial-authority="viewport-only"] #main[data-app-shell]>.app-window{transform-style:flat}
html[data-prime-spatial-authority="viewport-only"] #main[data-app-shell]>.pc-spatial-viewport-field,
html[data-prime-spatial-authority="viewport-only"] #main[data-app-shell]>.pc-spatial-viewport-field *{transform-style:preserve-3d}

@media(max-width:980px){
  body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel]{display:flex!important;align-items:center!important;justify-content:center!important;padding:.2rem!important}
  body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel]>.prime-pill-glyph{grid-area:auto;width:1.42rem;height:1.42rem}
  body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel]>span,
  body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel]>.prime-pill-micro{display:none!important}
  body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel]>b{right:.15rem;top:.15rem;font-size:.38rem!important}
}
@media(max-width:680px){
  :root{--prime-pill-height:3.5rem;--prime-tools-slot:3.8rem}
  body.prime-v2 .app-dock.prime-pill-slider>.prime-tools-trigger[data-prime-pill-toolbox],body.prime-v2 .app-dock.prime-pill-slider>.prime-tool-panel-shell>.prime-tool-panel-trigger[data-prime-pill-toolbox]{min-width:3.3rem!important}
  body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel]>.prime-pill-glyph{width:1.28rem;height:1.28rem;font-size:.58rem}
  body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-prime-pill-remodel]>b{font-size:.34rem!important}
}
@media(max-width:430px){
  body.prime-v2 .prime-tool-panel{width:calc(var(--pf-vw,100vw) - .45rem)!important;max-height:calc(var(--pf-content-h,var(--pf-vh,100vh)) - .7rem)!important}
  body.prime-v2 :is(.prime-spatial-intensity,.prime-spatial-depth){grid-template-columns:3.55rem minmax(0,1fr) 2.45rem;padding-inline:.4rem}
}
@media(prefers-reduced-motion:reduce){
  body.prime-v2 [data-prime-pill-remodel],body.prime-v2 [data-prime-pill-remodel] *,body.prime-v2 .prime-tool-panel *{animation:none!important;transition:none!important}
  html[data-prime-spatial-viewport-bridge] #main[data-app-shell]>.pc-spatial-viewport-field{display:none!important}
}