/* Pan3lRunn3r | THE EDITORIAL ATELIER | 2026-10-12
   Premium presentation, UI surfaces only. No canvas, object, geometry, or PMAP styling.
   The existing Canvas/Studio workspace and the edge dock own their layouts. */
:root{
  --pan-foil:#d6bc88;
  --pan-bright:#f3e4bf;
  --pan-foil-dim:#9d8764;
  --pan-ink:#071219;
  --pan-panel:#101e29;
  --pan-paper:#f6f0e8;
  --pan-line:rgba(213,188,139,.31);
  --pan-ice:#a3dae3;
  --accent:#e4c990;
  --accent2:#f2ddaf;
  --line:#38505a;
  --line2:#6b6960;
  --muted:#b3b9bd;
}
html,body{
  background:#071219!important;
  color:#f4f1ec;
}
html body .app{
  background:radial-gradient(ellipse 96% 60% at 52% -17%,rgba(140,112,66,.16),transparent 77%),#071219;
}
html body .app:before{
  opacity:.20!important;mix-blend-mode:normal!important;
  background:linear-gradient(118deg,transparent 22%,rgba(237,209,154,.045) 50%,transparent 79%)!important;
}
html body :is(.topbar,.bottomNav){
  border-color:rgba(213,188,139,.27)!important;
  background:linear-gradient(150deg,#162430f5,#09151efb 57%,#111c24f6)!important;
  box-shadow:inset 0 1px rgba(255,245,213,.12),0 9px 28px #0004;
}
html body .topbar .logo{
  background:linear-gradient(145deg,#54452e,#17232c 56%,#08151d);
  border-color:rgba(239,209,152,.60);
  color:#f1d8a2;
  box-shadow:inset 0 1px #f6e5ba40,0 4px 15px #0008;
  border-radius:12px;
}
html body :is(.appTitle,.sheetTitle){
  letter-spacing:.10em!important;
  color:#fff5df!important;
  font-weight:850!important;
}
html body :is(.projectName,.sheetBody .tiny,.startInner>.tiny){color:#b5babe!important}
html body .stageWrap{
  background:
   radial-gradient(ellipse 85% 70% at 50% 38%,rgba(99,95,83,.20),transparent 78%),
   linear-gradient(130deg,#0b1921,#071118 65%,#101d24)!important;
}
/* Publication page remains an unfiltered original raster/DOM surface. */
html body .stageShell>.hud span{
  background:rgba(13,23,30,.93)!important;
  border:1px solid rgba(216,190,137,.36)!important;
  box-shadow:inset 0 1px rgba(254,236,200,.12);
  color:#f4e5bf!important;
  letter-spacing:.065em;
  font-variant-numeric:tabular-nums;
}
html body :is(.sheet,.modal){
  background:linear-gradient(145deg,#1a2831,#0a1720 62%,#0b151b)!important;
  border-color:rgba(219,191,135,.40)!important;
  box-shadow:0 20px 55px #0009,inset 0 1px rgba(250,227,179,.13)!important;
}
html body :is(.sheetHead,.controlPanel .sheetHead){
  border-bottom-color:rgba(220,189,129,.24)!important;
  background:linear-gradient(102deg,#28302f,#121f28 55%,#0e1a23)!important;
}
html body :is(.sheetBody,.controlPanel .sheetBody){
  background:linear-gradient(158deg,#15242e,#0b171f 72%)!important;
}
html body .sheetBody .sectionTitle{
  color:#ebd4a4!important;
  font-weight:850!important;
  text-transform:uppercase;
  letter-spacing:.105em!important;
  font-size:11px!important;
}
html body :is(.topActions .actionBtn,.sheetBtn,.toolBtn,.iconBtn,.pillBtn,.navBtn){
  border-color:rgba(202,181,140,.33)!important;
  background:linear-gradient(165deg,#28343b,#101d26 65%,#0b161e)!important;
  color:#e9e9e5!important;
  box-shadow:inset 0 1px rgba(249,234,202,.08),0 3px 12px #0003;
}
html body :is(.topActions .actionBtn,.sheetBtn,.toolBtn,.iconBtn,.pillBtn,.navBtn).active,
html body :is(.navBtn.active,.thumb.active){
  border-color:rgba(243,211,149,.74)!important;
  color:#ffe5ac!important;
  background:linear-gradient(145deg,#453c2e,#1c2b32)!important;
  box-shadow:inset 0 1px rgba(255,239,209,.14),0 0 0 1px rgba(216,182,116,.16)!important;
}
html body :is(.sheetBtn,.toolBtn,.navBtn,.bigBtn,.rd-action):focus-visible{
  outline:2px solid #f2da9f!important;
  outline-offset:3px!important;
}
html body .startCard{
  background:
   radial-gradient(ellipse 78% 47% at 50% 1%,rgba(205,167,107,.13),transparent 86%),
   linear-gradient(156deg,#13222a,#070f17 71%)!important;
}
html body .startInner{
  position:relative;
  border:1px solid rgba(222,196,148,.40)!important;
  border-radius:23px!important;
  background:linear-gradient(152deg,#1a2931 0%,#0d1922 48%,#09141b 100%)!important;
  box-shadow:inset 0 1px rgba(249,232,196,.17),0 24px 76px #000a!important;
}
html body .startInner:before{
  content:"PRIME CREATION  /  EDITORIAL TOOLKIT";
  display:block;
  margin:0 auto 13px;
  width:max-content;
  max-width:100%;
  text-align:center;
  color:#b7a582;
  font:750 9px/1.3 ui-monospace,monospace;
  letter-spacing:.18em;
}
html body .startLogo{
  background:linear-gradient(145deg,#4b3e2a,#142530 75%);
  border:1px solid rgba(225,194,139,.54)!important;
  box-shadow:inset 0 1px rgba(250,237,204,.21),0 5px 18px #0008!important;
}
html body .startInner h1{
  color:#f8ebd4!important;
  font-weight:850!important;
  letter-spacing:-.055em!important;
  font-size:clamp(28px,8vw,47px)!important;
  line-height:1.02!important;
  text-wrap:balance;
}
html body .startInner .sub{
  color:#d1ba89!important;
  font-weight:750!important;
  letter-spacing:.14em!important;
}
html body .startExplain{
  color:#c7cdd0!important;
  line-height:1.58!important;
  max-width:43ch;
  margin-inline:auto;
  text-wrap:pretty;
}
html body .startFlow span{
  border-color:rgba(197,176,131,.29)!important;
  background:linear-gradient(145deg,#28343a,#111e27)!important;
  color:#e5e0d5!important;
  font-weight:740;
  box-shadow:inset 0 1px #fff6df0c;
}
html body .startFlow span b{
  color:#f2d6a0!important;
  font-variant-numeric:tabular-nums;
}
html body .startActions .bigBtn{
  min-height:46px;
  color:#eee9e0!important;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  border-color:rgba(199,176,130,.38)!important;
  border-radius:12px!important;
  background:linear-gradient(155deg,#28353e,#121e27)!important;
  box-shadow:inset 0 1px rgba(255,242,215,.10),0 3px 12px #0005!important;
}
html body .startActions .bigBtn.primary{
  color:#101b22!important;
  border-color:#edd9aa!important;
  background:linear-gradient(145deg,#f4e2b8,#c29d60 70%,#ad8555)!important;
  box-shadow:inset 0 1px #fff9e4a8,0 7px 22px #0008!important;
}
html body .startActions #startFullPages{
  border-color:rgba(223,196,143,.63)!important;
  color:#f3e0b8!important;
  background:linear-gradient(145deg,#463d2f,#1b2c34)!important;
}
html body .modalBack{background:rgba(3,9,14,.80)!important}
html body :is(.toast,.sheetBody input,.sheetBody select,.sheetBody textarea){
  border-color:rgba(214,187,139,.27)!important;
}
/* The retractable dock is the signature object, not a second permanent toolbar. */
html body #runn3rEdgeDock .rd-tab,
html body #runn3rEdgeDock .rd-capsule{
  color:#f9f0dd!important;
  border-color:rgba(235,204,144,.63)!important;
  background:linear-gradient(143deg,#374037fa,#1a2830fc 49%,#0a171ffb 84%)!important;
  box-shadow:inset 0 1px rgba(253,235,192,.27),inset 0 -2px rgba(127,100,58,.25),0 12px 32px #000b!important;
}
html body #runn3rEdgeDock :is(.rd-tab,.rd-grip){color:#f1dbac!important}
html body #runn3rEdgeDock .rd-heading{color:#e8d2ab!important;letter-spacing:.20em}
html body #runn3rEdgeDock :is(.rd-control,.rd-nav button,.rd-action,.rd-foot button){
  background:linear-gradient(147deg,#35404a,#14222c)!important;
  border-color:rgba(227,202,157,.28)!important;
  color:#edeae5!important;
}
html body #runn3rEdgeDock :is(.rd-nav button.selected,.rd-action:active){
  border-color:rgba(240,209,146,.72)!important;
  background:linear-gradient(143deg,#5d513b,#24323b)!important;
}
html body #runn3rEdgeDock .rd-action span:first-child{color:#f5d79b!important}
html body :is(.runn3r-mode-switch button[aria-pressed="true"],.runn3r-mode-switch button.active){
  color:#fbe5ba!important;
  border-color:rgba(224,196,140,.59)!important;
}
/* Dialogs keep their keyboard semantics and native action wiring. */
html body :is(.runn3r-clarity-menu,.atelier-palette-dialog){
  background:linear-gradient(150deg,#192a33,#09151d)!important;
  border-color:rgba(215,190,146,.49)!important;
  color:#f4f0e9!important;
}
html body .runn3r-clarity-group button{
  background:#172631!important;
  border-color:rgba(210,182,132,.25)!important;
}
html body .runn3r-clarity-group h3{color:#e2c999!important}
@media(hover:hover) and (pointer:fine){
  html body :is(.startActions .bigBtn,.sheetBtn,.toolBtn,.navBtn):hover:not(:disabled){
    border-color:rgba(241,213,158,.82)!important;
  }
  html body #runn3rEdgeDock .rd-action:hover{border-color:rgba(246,216,163,.81)!important}
}
@media(max-width:600px){
  html body .startInner{border-radius:17px!important}
  html body .startInner:before{font-size:8px;letter-spacing:.12em;margin-bottom:10px}
  html body .startFlow span{font-size:9px!important}
  html body .startActions .bigBtn{min-height:44px}
}
/* Performance: no loops, animated filters, extra DOM or canvas compositing. */
@media(prefers-reduced-motion:reduce){
 html body :is(.startActions .bigBtn,.sheetBtn,.rd-action){animation:none!important;transition:none!important}
}


/* Editorial welcome surface wins over later injected Atelier chrome rules. */
html[data-runn3r-app="panel"] body #startCard .startInner{
 background:linear-gradient(152deg,#1b2a33 0%,#0d1922 48%,#09141b 100%)!important;
 border:1px solid rgba(222,196,148,.46)!important;
 box-shadow:inset 0 1px rgba(249,232,196,.17),0 24px 76px #000a!important;
}
html[data-runn3r-app="panel"] body #startCard .startInner h1{
 color:#f8ebd4!important;
}


/* PRIME SIGNATURE | Studio chrome authority, 2026-10-12.
   Mode-scoped specificity beats older injected cyan premium/Atelier rules.
   UI only: never style .page, .panelElem, images, masks, or drawing surfaces. */
html[data-runn3r-app="panel"][data-runn3r-effective="studio"] body .topbar,
html[data-runn3r-app="panel"][data-runn3r-effective="studio"] body .bottomNav{
 background:linear-gradient(148deg,#202e35f9,#101c26fc 57%,#151f27fa)!important;
 border-color:rgba(220,187,131,.34)!important;
 box-shadow:inset 0 1px rgba(255,237,204,.13),0 8px 25px #0005!important;
}
html[data-runn3r-app="panel"][data-runn3r-effective="studio"] body .topbar .logo{
 border-color:rgba(236,207,151,.68)!important;
 color:#f2dbab!important;
 background:linear-gradient(145deg,#51432c,#18252e 63%)!important;
}
html[data-runn3r-app="panel"][data-runn3r-effective="studio"] body :is(.sheetHead,.controlPanel .sheetHead){
 background:linear-gradient(117deg,#343a36,#131f28 68%)!important;
 border-bottom-color:rgba(226,191,134,.35)!important;
}
html[data-runn3r-app="panel"][data-runn3r-effective="studio"] body :is(.sheetBody,.controlPanel .sheetBody){
 background:linear-gradient(153deg,#1a2830,#0c1720 72%)!important;
}
html[data-runn3r-app="panel"][data-runn3r-effective="studio"] body :is(.topbar .actionBtn,.bottomNav .navBtn){
 border-color:rgba(210,187,144,.37)!important;
 background:linear-gradient(155deg,#303941,#15212a)!important;
 color:#f1e8d5!important;
}
html[data-runn3r-app="panel"][data-runn3r-effective="studio"] body .bottomNav .navBtn.active{
 border-color:rgba(243,213,153,.72)!important;
 background:linear-gradient(155deg,#514633,#1d2b33)!important;
 color:#ffe2a8!important;
}