:root{--bg:#090b10;--panel:#151923;--line:#353f51;--gold:#f6c94f;--text:#f2f3f5;--muted:#b8bec9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#2a251a,#090b10 55%);font:14px/1.5 system-ui,sans-serif;color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer;border-radius:9px;border:1px solid #565d6e;padding:9px 12px;background:#242a36;color:#f2f2f2}button:hover{border-color:var(--gold)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}.goldBtn{background:var(--gold);color:#17120c;font-weight:800;border:1px solid #fff0a1}.shell{max-width:1660px;margin:auto;padding:15px}header{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;flex-wrap:wrap}h1{font-size:26px;margin:0}h1 em{font-style:normal;color:var(--gold)}h2{font-size:17px;margin:2px 0 10px}h3{font-size:15px;margin:12px 0 6px}p{margin:7px 0}.muted{color:var(--muted)}.small{font-size:12px}.layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(340px,1.15fr) minmax(300px,1fr);gap:12px;margin-top:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px;min-width:0}.catalog,.testpanel{max-height:calc(100vh - 125px);overflow:auto}.controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}.controls>*{min-width:0}.controls input,.controls select{width:100%;border-radius:8px;padding:9px;background:#0c111a;border:1px solid #596073;color:white}.item{width:100%;text-align:left;margin:5px 0;padding:9px 11px;background:linear-gradient(110deg,#262d3a,#191e29)}.item strong,.item span{display:block}.item span{font-size:11px;color:#bbc4d4}.item.active{border-color:var(--gold);background:#423821}.category{font-size:12px;color:var(--gold);margin-top:14px;font-weight:800}.machine{border:1px solid #71603c;background:radial-gradient(ellipse at center,#262c38,#0d1017);padding:18px;border-radius:20px;text-align:center;position:relative;overflow:hidden}.machine .brand{color:var(--gold);font-size:12px;letter-spacing:3px}.orb{font-size:66px;color:var(--gold);filter:drop-shadow(0 0 15px #e0a822);animation:glow 3s infinite alternate}@keyframes glow{from{transform:scale(.97);opacity:.7}to{transform:scale(1.06);opacity:1}}.ports{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:17px 0}.port{border:2px dashed #6c7280;border-radius:11px;min-height:101px;padding:10px 4px;font-size:11px;display:flex;flex-direction:column;justify-content:center;overflow-wrap:anywhere}.port.filled{border-style:solid;border-color:var(--gold);background:#3e361f}.port.premium{border-color:#b38b2c;background:#281f10}.port b{font-size:19px}.port small{color:#cbd1da}.port.premium small{color:#ffe29b}.buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.badge{display:inline-block;border:1px solid #837044;border-radius:9px;padding:5px 9px;color:#ffe29b;margin:7px}.data{display:grid;grid-template-columns:1fr 1fr;gap:7px}.data label{color:var(--muted);font-size:12px}.data input{display:block;width:100%;color:white;background:#0c1119;border:1px solid #636e7c;border-radius:6px;padding:8px;margin-top:4px}.output{white-space:pre-wrap;background:#111923;border:1px solid #364b5a;padding:10px;border-radius:10px;color:#ffe9a9;margin:9px 0;min-height:60px}.notice{border:1px solid #61626a;padding:10px;border-radius:10px;background:#202632;margin:9px 0}.notice.good{border-color:#787044}.notice.warn{border-color:#aa8650}.flex{display:flex;gap:7px;flex-wrap:wrap}.box{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.hidden{display:none!important}#installedList{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tag{font-size:11px;background:#263346;border:1px solid #526276;padding:6px;border-radius:7px}.exported .catalog,.exported .machineWrap{display:none}.exported .layout{grid-template-columns:minmax(0,900px);justify-content:center}.exported .testpanel{max-height:none}.exported #buyText{display:none}@media(max-width:1100px){.layout{grid-template-columns:1fr 1fr}.machineWrap{grid-column:1/-1;grid-row:1}.catalog,.testpanel{max-height:none}}@media(max-width:700px){.layout{grid-template-columns:1fr}.machineWrap{grid-column:auto;grid-row:auto}.ports{grid-template-columns:repeat(2,1fr)}}@media print{body{background:white;color:black}.catalog,.machineWrap,button,.controls{display:none!important}.layout{display:block}.testpanel,.card{border:0;color:black;background:white;max-height:none}.output{color:black;background:white}}

/* Display and discoverability fix: prevent panels from disappearing below the giant catalog. */
html{scroll-behavior:smooth}.quicknav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.quicknav a{display:inline-flex;padding:9px 12px;border-radius:9px;border:1px solid #73633b;color:#ffe29b;background:#262419;text-decoration:none;font-weight:700}.quicknav a:hover,.quicknav a:focus-visible{border-color:#f6c94f;background:#39311c}.catalog,.testpanel{scrollbar-color:#a28a4f #1b1f28}#powerLibrary,#assemblyMachine,#testArena{scroll-margin-top:15px}
@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.catalog{grid-column:1;grid-row:1;max-height:510px;overflow:auto}.machineWrap{grid-column:2;grid-row:1;align-self:start}.testpanel{grid-column:1/-1;grid-row:2;max-height:none}}
@media(max-width:700px){.layout{display:flex;flex-direction:column}.catalog{max-height:370px;overflow:auto}.machineWrap,.testpanel{width:100%}.quicknav a{flex:1 1 auto;justify-content:center}.ports{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* TEST ARENA · ARCADE ACTIVATION */
.testpanel{position:relative;isolation:isolate;overflow:hidden}
.arena-console{position:relative;padding:12px;border:1px solid #665125;background:linear-gradient(110deg,#171e2a,#211b13 65%,#171e2a);border-radius:12px;margin:10px 0 13px;overflow:hidden;min-height:103px}
.arena-console:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 7px,#ffda6a08 8px);pointer-events:none}
.arena-head{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#f6cb54;font-size:11px;font-weight:900;letter-spacing:1.4px}
.arena-status{font-size:17px;font-weight:900;color:#fff2bc;margin-top:7px;text-shadow:0 0 12px #c48b3040}
.arena-sub{font-size:11px;color:#b6c1cd;margin-top:5px}
.arena-light{width:9px;height:9px;border-radius:50%;background:#4b555e;display:inline-block;box-shadow:0 0 2px #111;margin-right:4px}
.arena-light.on{background:#f9ce52;box-shadow:0 0 12px #f9ce52}
.arena-bar{height:5px;background:#39414e;border-radius:9px;margin-top:10px;overflow:hidden}
.arena-bar>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ab7128,#ffdb58,#fff6ba);transition:width .42s ease}
.arena-console.firing{animation:arenaPulse .52s ease 2;border-color:#ffe29a;box-shadow:0 0 28px #e0a12955,inset 0 0 20px #f7bb2533}
.arena-console.firing:after{content:"";position:absolute;inset:-10%;background:linear-gradient(115deg,transparent 32%,#ffdf6940 50%,transparent 67%);animation:arenaScan .85s ease-out both;pointer-events:none}
.arena-result-flash{animation:arenaResult .8s ease}
@keyframes arenaPulse{50%{transform:scale(1.012);filter:brightness(1.2)}}
@keyframes arenaScan{from{transform:translateX(-125%)}to{transform:translateX(125%)}}
@keyframes arenaResult{0%{box-shadow:0 0 0 #f5c74600}35%{box-shadow:0 0 25px #f5c746a0}100%{box-shadow:0 0 0 #f5c74600}}
@media(prefers-reduced-motion:reduce){.arena-console.firing,.arena-console.firing:after,.arena-result-flash{animation:none!important}}
.arena-showtime-description{font-size:12px;line-height:1.45;color:#fff2c5;max-width:330px;margin:0 auto 11px;min-height:30px}.power-description{display:block;font-size:11px;color:#e2d9bb;line-height:1.4;margin-top:5px}.premium-purpose{padding:7px 9px;border-left:2px solid #f2c557;background:#272318;color:#f7e5ae;font-size:12px;line-height:1.45}
/* Equal-height workstations: desktop Foundry, PowerSnap machine and Test Arena. */
@media (min-width:1101px){
  .layout{align-items:stretch}
  .layout>.catalog,.layout>.machineWrap,.layout>.testpanel{
    height:max(690px,calc(100dvh - 132px));
    max-height:none;
    min-height:0;
    overflow-y:auto;
  }
  .layout>.machineWrap{display:flex;flex-direction:column}
  .layout>.machineWrap>.machine{flex:1;display:flex;flex-direction:column;justify-content:center}
  .layout>.testpanel{overflow-y:auto}
}
/* Mobile and tablet retain their existing stacked, independently sized layout. */


.snap-fly{position:fixed;z-index:9999;pointer-events:none;padding:12px 16px;max-width:230px;border:2px solid #f6c94f;border-radius:13px;background:linear-gradient(130deg,#47371c,#151b28);color:#ffe9a0;box-shadow:0 0 22px #f6c94f80,0 5px 30px #000b;font-weight:800;letter-spacing:.3px;transition:transform .63s cubic-bezier(.17,.67,.18,1.02),opacity .63s ease,filter .63s ease;will-change:transform,opacity;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.port.snap-arrive{animation:snapLand .68s ease-out!important;position:relative;z-index:2}
@keyframes snapLand{0%{transform:scale(.82);box-shadow:0 0 0 0 #f6c94f}45%{transform:scale(1.10);box-shadow:0 0 0 9px #f6c94f55,0 0 35px #f6c94f}100%{transform:scale(1);box-shadow:0 0 0 0 transparent}}
.machine.snap-burst{animation:machineSnap .7s ease-out}@keyframes machineSnap{40%{box-shadow:inset 0 0 38px #f6c94f66,0 0 24px #f6c94f88}100%{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.snap-fly{transition:none!important}.port.snap-arrive,.machine.snap-burst{animation:none!important}}


.machine{isolation:isolate;box-shadow:inset 0 0 38px #000a,0 9px 28px #0008;transition:border-color .3s}
.machine::before{content:"";pointer-events:none;position:absolute;inset:0;z-index:0;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 5px,#ffe27d16 6px 7px);}
.machine>*{position:relative;z-index:1}
.arcade-hud{display:flex;align-items:center;gap:10px;justify-content:center;margin:13px auto 4px;color:#ffe3a0;font:900 11px/1.2 ui-monospace,monospace;letter-spacing:1px}
.arcade-track{height:11px;width:63%;max-width:260px;border:1px solid #aa7b31;background:#080b10;box-shadow:inset 0 0 6px #000;overflow:hidden;transform:skewX(-13deg)}
.arcade-fill{height:100%;width:0;background:repeating-linear-gradient(90deg,#f3a826 0 12px,#ffdc59 12px 19px);box-shadow:0 0 13px #f5b63a;transition:width .18s}
.machine.arcade-charging{border-color:#fbe180;animation:arcadeShake .12s steps(2,end) infinite}
.machine.arcade-success{animation:arcadeVictory 1s ease-out}
.machine.arcade-charging .orb{animation:arcadeCharge .27s ease-in-out infinite alternate}
.port.arcade-target{border:2px solid #fff1ae!important;box-shadow:0 0 24px #edb93aaa,inset 0 0 18px #edb93a88;animation:targetBlink .15s steps(2,end) infinite}
.arcade-fly{position:fixed;z-index:10001;pointer-events:none;display:flex;align-items:center;justify-content:center;min-width:106px;max-width:170px;min-height:52px;text-align:center;padding:9px 12px;border:3px double #ffed9c;border-radius:10px;background:linear-gradient(145deg,#ffe378,#c98215 44%,#32200a 45%,#111a2a);color:#fff9d8;text-shadow:0 1px 3px black;font:900 12px/1.2 ui-monospace,monospace;box-shadow:0 0 7px white,0 0 31px #e9ad27,0 0 50px #e6a61980;will-change:transform,opacity;overflow:hidden}
.arcade-fly::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff9 47%,transparent 57%);animation:cardShimmer .3s linear infinite;pointer-events:none}
.arcade-particle{position:fixed;width:7px;height:7px;z-index:10002;background:#ffde54;pointer-events:none;box-shadow:0 0 11px #fff9bd;border-radius:2px;transform:translate(-50%,-50%)}
.arcade-flash{position:fixed;z-index:10000;pointer-events:none;inset:0;background:radial-gradient(circle at var(--fx) var(--fy),#fff6b78a 0%,#ffc83640 12%,transparent 45%);animation:flashOut .42s ease-out forwards}
.arcade-toast{font:900 13px/1.3 ui-monospace,monospace!important;letter-spacing:.5px;color:#ffe38a;text-shadow:0 0 12px #e8a42c;min-height:21px}
@keyframes arcadeShake{0%{transform:translateX(-2px)}100%{transform:translateX(2px)}}
@keyframes arcadeVictory{0%{box-shadow:0 0 55px #fff1a9,inset 0 0 80px #f2b829}40%{box-shadow:0 0 30px #fbc554,inset 0 0 20px #efbd30}100%{box-shadow:inset 0 0 38px #000a,0 9px 28px #0008}}
@keyframes arcadeCharge{from{transform:scale(.95) rotate(-8deg);filter:brightness(1)}to{transform:scale(1.15) rotate(8deg);filter:brightness(2)}}
@keyframes targetBlink{50%{background:#6a4a17}}
@keyframes cardShimmer{from{transform:translateX(-100%)}to{transform:translateX(130%)}}
@keyframes flashOut{to{opacity:0}}
@media(prefers-reduced-motion:reduce){.machine.arcade-charging,.machine.arcade-success,.machine.arcade-charging .orb,.port.arcade-target{animation:none!important}.arcade-fly::after{animation:none!important}}


.power-preview{position:relative;overflow:hidden;border:1px solid #bd8d35;border-radius:15px;background:radial-gradient(circle at 85% 5%,#76512255,transparent 42%),linear-gradient(145deg,#242637,#0b101a);padding:14px;margin:10px 0;box-shadow:inset 0 0 18px #0009,0 0 14px #dca73a1a;min-height:167px}
.power-preview::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 8px,#fff1b508 9px 10px);pointer-events:none}
.pp-id,.pp-foot{font:800 10px/1.5 ui-monospace,monospace;color:#f8c95d;letter-spacing:1px;position:relative}.pp-id{display:flex;justify-content:space-between}.pp-id span{color:#fff5cc}.pp-title{position:relative;font:900 17px/1.2 system-ui;color:#fff4cb;margin:9px 0 3px;text-shadow:0 0 15px #f6c94f45}.power-preview p{position:relative;margin:4px 0 11px;color:#d4d9e3;font-size:12px}.pp-stream{position:relative;display:flex;align-items:center;gap:9px;flex-wrap:wrap;font:700 11px ui-monospace,monospace}.pp-stream span{color:#c7d6ec}.pp-stream i{color:#ffe7a0}.pp-stream strong{color:#ffdc6c}.pp-beam{height:5px;margin:12px 0 8px;background:#30291a;border-radius:9px;overflow:hidden}.pp-beam::before{content:"";display:block;width:35%;height:100%;background:linear-gradient(90deg,transparent,#ffce55,#fff);animation:powerScan 1.6s ease-in-out infinite alternate}.power-preview.pp-burst{animation:ppImpact .5s ease-out}.power-preview.pp-burst .pp-beam::before{width:100%;animation:none}.catalog .item{position:relative;padding:13px 10px 13px 58px;min-height:74px;border:1px solid #3d4656;border-left:3px solid #806a39;background:linear-gradient(110deg,#202736,#131925);border-radius:10px;margin:7px 0;transition:transform .16s,box-shadow .16s,border-color .16s;overflow:hidden}.catalog .item:hover,.catalog .item:focus-visible{transform:translateX(3px);border-color:#f2c34f;box-shadow:0 0 18px #f2c34f29}.catalog .item .cartridge-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:37px;height:42px;display:grid;place-items:center;border:1px solid #b98d39;border-radius:7px;background:linear-gradient(145deg,#71551e,#1b202a);font-size:20px;box-shadow:inset 0 0 12px #ffdd452a}.catalog .item .cartridge-code{font:800 9px ui-monospace,monospace;color:#f7c958;letter-spacing:1px}.catalog .item strong{display:block;font-size:12px}.catalog .item span:not(.cartridge-icon):not(.cartridge-code){display:block;font-size:10px;color:#c6d3e4}.catalog .item .cartridge-hint{color:#efc85e!important;margin-top:4px;font-size:9px!important}.catalog .item.active{border-color:#f1c753;background:linear-gradient(110deg,#40351e,#1a2130)}
@keyframes powerScan{from{transform:translateX(-15%)}to{transform:translateX(270%)}}@keyframes ppImpact{30%{box-shadow:0 0 0 4px #ffe49177,0 0 30px #ffcf61bb}100%{box-shadow:inset 0 0 18px #0009,0 0 14px #dca73a1a}}@media(prefers-reduced-motion:reduce){.pp-beam::before,.power-preview.pp-burst{animation:none}}

.package-data-option{display:flex;align-items:flex-start;gap:8px;margin:8px 0;color:#f2dba8;font-size:11px;line-height:1.5;text-align:left}.package-data-option input{accent-color:#efc65f;flex:0 0 auto;margin-top:3px}


#powersnapPrintSheet{display:none}
@media print{body:has(#powersnapPrintSheet) .shell{display:none!important}body:has(#powersnapPrintSheet) #powersnapPrintSheet{display:block!important;background:white;color:#171717;padding:26px;font:15px/1.5 Arial,sans-serif;white-space:normal}#powersnapPrintSheet h1{color:#171717;border-bottom:3px solid #b58b40;padding-bottom:12px}#powersnapPrintSheet pre{color:#171717;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 Arial,sans-serif}}


body.exported .quicknav,body.exported #report,body.exported #assurance{display:none!important}
body.exported[data-identity="clean"] .notice,body.exported[data-identity="frost"] .notice,body.exported[data-identity="sunrise"] .notice{background:#eaf0f7!important;border-color:#bdc7d4!important;color:#253447!important}
body.exported[data-identity="clean"] #topLabel,body.exported[data-identity="frost"] #topLabel,body.exported[data-identity="sunrise"] #topLabel{color:#334155!important;border-color:#bdc7d4!important;background:#eaf0f7!important}
body.exported[data-identity="clean"] .brand-export-head strong,body.exported[data-identity="frost"] .brand-export-head strong,body.exported[data-identity="sunrise"] .brand-export-head strong{color:#1f2937!important}
body.exported[data-identity="clean"] .brand-export-head span,body.exported[data-identity="frost"] .brand-export-head span,body.exported[data-identity="sunrise"] .brand-export-head span{color:#45556a!important}
body.exported[data-identity="clean"] .wf-steps,body.exported[data-identity="clean"] .wf-notice,body.exported[data-identity="clean"] .wf-inputs label,body.exported[data-identity="frost"] .wf-steps,body.exported[data-identity="frost"] .wf-notice,body.exported[data-identity="frost"] .wf-inputs label,body.exported[data-identity="sunrise"] .wf-steps,body.exported[data-identity="sunrise"] .wf-notice,body.exported[data-identity="sunrise"] .wf-inputs label{color:#334155!important}

.gold-fields textarea{resize:vertical;min-height:76px}.gold-fields label:has(textarea){grid-column:1/-1}.gold-result{max-height:420px}

/* Large unmistakable arcade visual: appears directly over the Test Arena controls. */
.testpanel{position:relative;isolation:isolate}
.arena-showtime{position:absolute;inset:0;z-index:35;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#4b3513f7,#0a0e18f7 64%);border:2px solid #f6c950;border-radius:13px;overflow:hidden;pointer-events:none}
.arena-showtime.visible{display:flex;animation:arenaEnter .3s ease both}
.arena-showtime::before{content:"";position:absolute;inset:-40%;background:repeating-conic-gradient(from 0deg,#ffca361a 0deg 8deg,transparent 8deg 20deg);animation:arenaSpin 2s linear infinite}
.arena-showtime::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 9px,#ffffff10 10px 11px);pointer-events:none}
.arena-showtime-content{position:relative;z-index:1;text-align:center;width:min(95%,390px);padding:24px 16px;border:1px solid #f4d073aa;background:#111725de;border-radius:18px;box-shadow:0 0 50px #e5a62980,inset 0 0 35px #d59b2a2b;animation:arenaJump .55s ease both}
.arena-showtime-icon{font-size:56px;color:#fcd766;animation:arenaHeart .5s ease infinite alternate;text-shadow:0 0 34px #ffbf4d}
.arena-showtime-mode{font:900 12px ui-monospace,monospace;letter-spacing:3px;color:#ffcc68}
.arena-showtime-name{font-weight:950;font-size:clamp(18px,2vw,26px);color:white;margin:13px 0 8px;text-transform:uppercase}
.arena-showtime-label{font:800 14px ui-monospace,monospace;color:#ffe79b}
.arena-showtime-track{height:12px;background:#2c303b;border:1px solid #77643e;border-radius:12px;overflow:hidden;margin:18px 0 0}
.arena-showtime-progress{height:100%;width:0;background:linear-gradient(90deg,#a3691a,#f7c541,#fff7be);box-shadow:0 0 16px #ffe596;transition:width .3s ease}
.arena-showtime-stars{font-size:23px;letter-spacing:6px;color:#f9ca4b;margin-top:13px;animation:arenaHeart .4s ease infinite alternate}
@keyframes arenaSpin{to{transform:rotate(360deg)}}@keyframes arenaEnter{from{opacity:0}to{opacity:1}}@keyframes arenaJump{from{transform:scale(.72) rotate(-3deg);opacity:.1}to{transform:scale(1);opacity:1}}@keyframes arenaHeart{to{transform:scale(1.09);filter:brightness(1.3)}}
@media(prefers-reduced-motion:reduce){.arena-showtime,.arena-showtime *, .arena-showtime::before{animation:none!important;transition:none!important}}

/* Verified workflow bay */
.workflow-bay{border:1px solid #af8b36;background:linear-gradient(135deg,#30291c,#151b27);border-radius:13px;padding:13px;margin:12px 0;box-shadow:inset 0 0 25px #ffc95513}
.workflow-bay h3{color:#ffda78;margin:0 0 4px}.wf-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.wf-chip{background:#463922;border:1px solid #a78b3d;border-radius:8px;padding:3px 8px;font-size:11px;color:#ffda79}
.wf-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.wf-inputs label{font-size:11px;color:#c9ced9}.wf-inputs input,.wf-inputs select{display:block;width:100%;padding:9px;background:#111723;color:#fff;border:1px solid #646c78;border-radius:7px;margin-top:3px}.wf-results{margin-top:10px;padding:12px;background:#0c1420;border:1px solid #75643d;border-radius:10px;white-space:pre-line;color:#ffdf95;font:12px/1.7 ui-monospace,monospace}.wf-buttons{display:flex;gap:6px;flex-wrap:wrap}.wf-buttons button{font-size:12px}.wf-steps{font-size:11px;color:#d4d9df;margin-top:7px}.wf-notice{font-size:11px;color:#f6d98b}
@media(max-width:600px){.wf-inputs{grid-template-columns:1fr}}


/* Keep the capability scanner in sight while the sidebar's cartridges scroll. */
@media (min-width:701px){
  #powerLibrary{position:relative;overscroll-behavior:contain;}
  #powerPreview{
    position:sticky;
    top:8px;
    z-index:12;
    isolation:isolate;
    margin-top:12px;
    margin-bottom:14px;
    box-shadow:0 10px 24px #05080ee8,0 0 22px #e4b73a25,inset 0 0 18px #0009;
  }
  #powerPreview::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid #f6c94f55;}
}
@media (max-width:700px){
  /* Compact sidebar on phones: the scanner should not hide the power list. */
  #powerPreview{position:relative;top:auto;z-index:auto;}
}


.brand-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0 12px}.brand-tabs button{border:1px solid #82642d;border-radius:10px;background:#161c29;color:#e9e7df;padding:10px;font-weight:750}.brand-tabs button[aria-pressed="true"]{background:#5d451f;color:#ffe4a2;border-color:#f6c94f;box-shadow:0 0 15px #ad7a2960}.brand-station{display:none;border:1px solid #a57c34;border-radius:13px;padding:13px;background:linear-gradient(140deg,#242638,#10151e)}
#testArena.personalizing .brand-station{display:block}#testArena.personalizing #arenaShowtime,#testArena.personalizing #arenaConsole,#testArena.personalizing #workflowBay,#testArena.personalizing #tabs,#testArena.personalizing #testBody,#testArena.personalizing .box:has(#assurance){display:none!important}
.brand-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.brand-form label{display:block;font-size:12px;color:#d0c9ac}.brand-form input{display:block;width:100%;margin-top:5px;padding:9px;background:#090d16;border:1px solid #586072;border-radius:8px;color:#f6f5f0;min-width:0}.brand-form label.wide{grid-column:1/-1}.brand-review{margin:12px 0;padding:16px;border-radius:13px;border:1px solid var(--brand-accent,#f6c94f);background:linear-gradient(135deg,#1f2532,#0c1017);box-shadow:inset 0 0 22px #0006}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-lockup img{height:48px;max-width:95px;object-fit:contain;border-radius:6px}.brand-lockup strong{display:block;font-size:19px;color:var(--brand-accent,#f6c94f);overflow-wrap:anywhere}.brand-lockup small{color:#cbd0d9}.brand-review .brand-cta{margin-top:14px;background:var(--brand-accent,#f6c94f);padding:9px 13px;border-radius:9px;color:#101116;font-weight:800;display:inline-block}.brand-notice{font-size:11px;color:#b8bec9;line-height:1.5}.exported .brand-tabs{display:none}.exported #brandExportHeading{display:block!important}.brand-export-head{display:none;align-items:center;gap:10px;border-left:4px solid var(--brand-accent,#f6c94f);padding:8px;margin-bottom:12px;background:#ffffff09}.brand-export-head img{width:40px;height:40px;object-fit:contain}.brand-export-head strong{color:var(--brand-accent,#f6c94f);font-size:17px}.brand-export-head span{font-size:11px;display:block;color:#cbd0d9}
@media(max-width:600px){.brand-form{grid-template-columns:1fr}}


/* Builder keeps its established arcade identity. Exported apps gain full visual identities. */
.style-forge{margin:12px 0;padding:12px;border:1px solid #77704c;background:#101825;border-radius:13px}
.style-forge h3{margin:0 0 4px;color:#ffe1a0;font-size:15px}
.style-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}
.style-presets button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;padding:10px;border:1px solid #455265;background:#1d2532;border-radius:10px;color:#fff;min-height:64px;font-size:11px;font-weight:800}
.style-presets button[aria-pressed="true"]{border:2px solid #f5c84f;background:#4a3d23;box-shadow:0 0 16px #e9ba4750}
.style-presets .swatch{display:block;width:100%;height:9px;border-radius:9px;background:linear-gradient(90deg,var(--sw1),var(--sw2),var(--sw3))}
.style-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.style-controls label{font-size:11px;color:#d5d6df}.style-controls select{margin-top:5px;width:100%;padding:9px;background:#101826;color:white;border:1px solid #657084;border-radius:8px}
.style-frame{border:1px solid #586578;margin-top:10px;padding:7px;border-radius:12px;background:#0b1020}.style-frame[data-frame="mobile"]{max-width:240px;margin-left:auto;margin-right:auto;border-width:5px;border-radius:24px}.style-frame[data-frame="kiosk"]{border:7px ridge #767780;border-radius:16px}.style-frame[data-frame="embedded"]{padding:3px;border-style:dashed}.style-frame:before{content:"LIVE BUSINESS APP PREVIEW";display:block;margin:2px 4px 7px;font-size:9px;color:#a6b2c7;letter-spacing:1px}
.style-frame .brand-review{margin:0;min-height:140px}
/* Distinct structures for the exported application only. */
.layout-forge{margin:12px 0;padding:12px;border:1px solid #77704c;background:#111a29;border-radius:13px}
.layout-forge h3{margin:0 0 3px;color:#ffe1a0}
.layout-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0}
.layout-choices button{text-align:left;background:#1c2636;border:1px solid #5c6575;min-width:0;padding:10px;color:#f5f5f5}
.layout-choices button[aria-pressed=true]{border:2px solid #f6ca54;background:#493e29}
.layout-choices b,.layout-choices small{display:block}.layout-choices small{font-size:10px;color:#c4cbda}
.layout-preview{display:grid;gap:6px;min-height:88px;padding:12px;background:#0c111b;border:1px solid #566070;border-radius:10px;grid-template-columns:repeat(3,1fr)}
.layout-preview span{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:6px;background:#28364b;color:#fbe0a0;border:1px solid #64738d;font-size:10px;padding:5px;min-height:30px}
.layout-preview[data-layout=dashboard]{grid-template-columns:repeat(2,1fr)}.layout-preview[data-layout=dashboard] span:first-child{grid-column:1/-1}
.layout-preview[data-layout=split]{grid-template-columns:1fr 1fr}.layout-preview[data-layout=split] span:nth-child(2){grid-row:span 2}
.layout-preview[data-layout=focus]{grid-template-columns:1fr}.layout-preview[data-layout=focus] span:not(:first-child){opacity:.6}
body.exported .layout>.testpanel{width:100%;}
body.exported[data-tool-layout=dashboard] .layout{max-width:1220px;margin-left:auto;margin-right:auto;grid-template-columns:minmax(0,1fr)}
body.exported[data-tool-layout=dashboard] #workflowBay{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.exported[data-tool-layout=dashboard] #workflowBay>.workflow-card,body.exported[data-tool-layout=dashboard] #workflowBay>.card{min-width:0}
body.exported[data-tool-layout=dashboard] #tabs{justify-content:center}
body.exported[data-tool-layout=dashboard] #testBody{max-width:1120px;margin:12px auto}
body.exported[data-tool-layout=split] .layout{max-width:1380px;margin-left:auto;margin-right:auto}
body.exported[data-tool-layout=split] .testpanel{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.6fr);gap:12px;align-content:start}
body.exported[data-tool-layout=split] #brandExportHeading,body.exported[data-tool-layout=split] #workflowBay,body.exported[data-tool-layout=split] .brand-tabs{grid-column:1/-1}
body.exported[data-tool-layout=split] #tabs{grid-column:1;display:flex;flex-direction:column;align-self:start;position:sticky;top:12px}
body.exported[data-tool-layout=split] #testBody{grid-column:2;min-width:0}
body.exported[data-tool-layout=split] .testpanel>.box{grid-column:1/-1}
body.exported[data-tool-layout=focus] .layout{max-width:750px;margin-left:auto;margin-right:auto}
body.exported[data-tool-layout=focus] .testpanel{padding:clamp(16px,3vw,30px)}
body.exported[data-tool-layout=focus] #testBody{max-width:650px;margin:24px auto}
body.exported[data-tool-layout=focus] #tabs{justify-content:center}
@media(max-width:850px){body.exported[data-tool-layout=split] .testpanel{display:block}body.exported[data-tool-layout=split] #tabs{position:static;flex-direction:row}body.exported[data-tool-layout=dashboard] #workflowBay{display:block}}
@media print{body.exported[data-tool-layout=split] .testpanel{display:block}body.exported[data-tool-layout=dashboard] #workflowBay{display:block}}
@media(max-width:600px){.layout-choices{grid-template-columns:1fr 1fr}}
/* Applied on the exported application shell, preview and printable controls. */
body.exported{--app-bg:#111725;--app-panel:#222b39;--app-text:#f4f2e9;--app-edge:#8d7136;--app-radius:14px;--app-shadow:0 10px 24px #0006;--app-padding:14px;background:var(--app-bg)!important;color:var(--app-text)!important}
body.exported[data-identity="executive"]{--app-bg:#10100f;--app-panel:#211f1b;--app-text:#f7efdd;--app-edge:#a48645;--app-shadow:0 12px 30px #0008}
body.exported[data-identity="clean"]{--app-bg:#f2f5f9;--app-panel:#ffffff;--app-text:#182331;--app-edge:#c3cbd7;--app-shadow:0 9px 22px #2538491a}
body.exported[data-identity="neon"]{--app-bg:#09051c;--app-panel:#241743;--app-text:#f6eaff;--app-edge:#9f62ec;--app-shadow:0 0 25px #9c53f755}
body.exported[data-identity="terminal"]{--app-bg:#04100a;--app-panel:#0c2115;--app-text:#c0ffd2;--app-edge:#378c54;--app-shadow:0 0 18px #18d67f30;font-family:ui-monospace,Consolas,monospace}
body.exported[data-identity="luxury"]{--app-bg:#14141b;--app-panel:#292b37;--app-text:#f0eff8;--app-edge:#b6b8cd;--app-shadow:0 12px 28px #0008}
/* Additional identities: distinct finished-app surfaces rather than accent-only swaps. */
body.exported[data-identity="ocean"]{--app-bg:#091a29;--app-panel:#17354a;--app-text:#e0f9ff;--app-edge:#278cac;--app-shadow:0 10px 26px #001a2a90}
body.exported[data-identity="terra"]{--app-bg:#241711;--app-panel:#423024;--app-text:#fbe8d3;--app-edge:#aa7651;--app-shadow:0 12px 24px #13080085}
body.exported[data-identity="frost"]{--app-bg:#e9f3fa;--app-panel:#ffffff;--app-text:#21384b;--app-edge:#a3c5d7;--app-shadow:0 12px 30px #527e992e}
body.exported[data-identity="crimson"]{--app-bg:#170a10;--app-panel:#38202a;--app-text:#fff0f1;--app-edge:#cc5a76;--app-shadow:0 0 22px #ad164533}
body.exported[data-identity="forest"]{--app-bg:#101e18;--app-panel:#253b30;--app-text:#e2f0df;--app-edge:#618f6b;--app-shadow:0 12px 25px #00180a6e}
body.exported[data-identity="copper"]{--app-bg:#1e1712;--app-panel:#35291f;--app-text:#faebd9;--app-edge:#c08a60;--app-shadow:0 10px 16px #0e07008a;font-family:ui-monospace,Consolas,monospace}
body.exported[data-identity="sunrise"]{--app-bg:#fff6ed;--app-panel:#ffffff;--app-text:#492b27;--app-edge:#edb098;--app-shadow:0 9px 22px #aa654321}
body.exported[data-identity="royal"]{--app-bg:#11142d;--app-panel:#252c55;--app-text:#f2f3ff;--app-edge:#8a9ce2;--app-shadow:0 10px 28px #24268066}
body.exported[data-identity="mono"]{--app-bg:#161616;--app-panel:#292929;--app-text:#f0f0f0;--app-edge:#888;--app-shadow:0 5px 14px #0008}
body.exported[data-identity="frost"] .muted,body.exported[data-identity="frost"] .small,body.exported[data-identity="sunrise"] .muted,body.exported[data-identity="sunrise"] .small{color:#526477}
body.exported[data-density="compact"]{--app-padding:9px}body.exported[data-density="spacious"]{--app-padding:23px}
body.exported[data-corners="square"]{--app-radius:3px}body.exported[data-corners="pill"]{--app-radius:23px}
body.exported .testpanel,body.exported .box,body.exported .workflow-bay,body.exported #testBody,body.exported .brand-export-head{background:var(--app-panel)!important;color:var(--app-text)!important;border-color:var(--app-edge)!important;border-radius:var(--app-radius)!important;box-shadow:var(--app-shadow);padding:var(--app-padding)}
body.exported button,body.exported input,body.exported select,body.exported textarea{border-radius:var(--app-radius)!important}
body.exported .shell header,body.exported .output,body.exported .wf-results{color:var(--app-text)!important}
body.exported[data-identity="clean"] .muted,body.exported[data-identity="clean"] .small{color:#475569}
body.exported[data-motion="subtle"] *{animation-duration:.15s!important;transition-duration:.15s!important}body.exported[data-motion="off"] *,body.exported[data-motion="off"] *:before,body.exported[data-motion="off"] *:after{animation:none!important;transition:none!important}
@media(max-width:680px){.style-presets{grid-template-columns:repeat(2,1fr)}.style-controls{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){body.exported *,body.exported *:before,body.exported *:after{animation:none!important;transition:none!important}}

/* Distribution hardening: a delivered tool is the app, not the vending machine. */
body.exported .quicknav, body.exported #powerLibrary, body.exported #assemblyMachine {display:none!important}
body.exported .layout{display:block!important;grid-template-columns:1fr!important;max-width:1120px;margin-inline:auto}
body.exported #testArena{min-height:0!important;max-height:none!important;overflow:visible!important;width:100%!important}
body.exported #testArena .arena-showtime{pointer-events:none}
body.exported #testArena .box{max-width:100%}
body.exported .shell>header h1{display:none}
body.exported #brandExportHeading{display:flex!important}
body.exported #testArena .arena-tabs{max-width:100%}
.package-hint{margin-top:8px;font-size:12px;line-height:1.5;color:#c8bc94}


.gold-workbench{margin:12px 0;padding:14px;border:1px solid #947333;border-radius:12px;background:linear-gradient(125deg,#181b23,#0e1118)}.gold-workbench h3{margin:0 0 7px;color:#f6ce69;font-size:1rem}.gold-workbench p{font-size:.81rem;color:#bfc7d4}.gold-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.gold-fields label{display:flex;flex-direction:column;gap:4px;color:#e8e9ef;font-size:.78rem}.gold-fields input,.gold-fields textarea,.gold-fields select{min-width:0;width:100%;padding:9px;border:1px solid #6c603f;border-radius:7px;background:#10151c;color:#fff;font:inherit;box-sizing:border-box}.gold-result{margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:#090d12;color:#e6eaf2;padding:12px;border:1px solid #51472c;border-radius:8px;font:13px/1.55 ui-monospace,monospace;max-height:300px;overflow:auto}.gold-ops{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.gold-ops button{font-size:.8rem;padding:9px 11px}.exported .gold-workbench{display:block}

/* Small creator attribution. Included in both the showroom and exported offline applications. */
#aceAuthorship{box-sizing:border-box;max-width:1660px;margin:0 auto 15px;padding:10px 15px 8px;
  text-align:center;color:#a4acb8;font:400 11px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.01em}
#aceAuthorship a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
#aceAuthorship a:hover{color:#f6c94f;border-bottom-color:currentColor}
#aceAuthorship a:focus-visible{color:#f6c94f;border-radius:2px;outline:2px solid #f6c94f;outline-offset:3px}
body.exported #aceAuthorship{max-width:1120px;color:var(--app-text,#e2e5ea);opacity:.72}
body.exported[data-identity="clean"] #aceAuthorship,
body.exported[data-identity="frost"] #aceAuthorship,
body.exported[data-identity="sunrise"] #aceAuthorship{opacity:.78}
@media print{#aceAuthorship{display:none!important}}


/* =========================================================
   DARK ARCADE WORKSTATION THEME ENFORCEMENT & CANVASES
   ========================================================= */
:root {
  color-scheme: dark;
  --bg: #090b10;
}
html {
  background-color: #090b10 !important;
  color-scheme: dark;
}
body:not(.exported) {
  background-color: #090b10 !important;
  background: radial-gradient(ellipse at top, #2a251a, #090b10 55%) !important;
  color: #f2f3f5 !important;
  min-height: 100vh;
}

/* =========================================================
   POWERSNAP 2.0 ARCADE FACTORY POLISH & WORKSTATION FIXES
   ========================================================= */

/* Prevent flex shrinking and centering from crushing .machine */
@media (min-width: 1101px) {
  .layout > .machineWrap {
    display: block !important;
  }
  .layout > .machineWrap > .machine {
    display: block !important;
    flex: none !important;
    margin-bottom: 14px !important;
  }
}
.machine .orb {
  margin: 10px auto !important;
  display: block;
}
.machine .brand {
  margin-bottom: 6px;
}

/* Unified Sleek Arcade Header */
.builder-unified-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  padding: 8px 0 14px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 12px;
}
.header-left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.home-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border: 1px solid #73633b;
  border-radius: 8px;
  background: #242016;
  color: #ffdf8a;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  transition: all .2s;
}
.home-pill:hover {
  border-color: var(--gold);
  background: #39301b;
  color: #fff;
}
.header-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.header-right .quicknav {
  margin: 0;
}
.header-right .badge {
  margin: 0;
}
.status-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 800;
  color: #a0e6b0;
  background: #14281a;
  border: 1px solid #3c6144;
  padding: 5px 9px;
  border-radius: 7px;
}

/* Welcome Chamber in Test Arena */
.arena-welcome-bay {
  border: 1px dashed #7a6331;
  background: radial-gradient(circle at center, #262116, #121622);
  border-radius: 12px;
  padding: 20px 16px;
  text-align: center;
  margin: 12px 0;
  box-shadow: inset 0 0 20px #0008;
}
.welcome-badge {
  font: 900 11px ui-monospace, monospace;
  color: var(--gold);
  letter-spacing: 1.5px;
  margin-bottom: 8px;
}
.arena-welcome-bay h4 {
  margin: 4px 0 8px;
  color: #fff3c9;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 800;
}
.arena-welcome-bay p {
  font-size: 11.5px;
  line-height: 1.55;
  color: #c9d2de;
  max-width: 440px;
  margin: 0 auto;
}

/* Checkout Box Polish */
.anti-saas-banner {
  border: 1px solid #715822;
  background: linear-gradient(135deg,#2e230e,#151a24);
  color: #ffd978;
  padding: 7px 10px;
  border-radius: 7px;
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: 1px;
  text-align: center;
  margin: 10px 0;
}
.checkout-box {
  margin-top: 16px;
  padding: 15px;
  border: 1px solid #8e7135;
  border-radius: 13px;
  background: linear-gradient(135deg,#231d13,#10141c);
  box-shadow: 0 0 20px #e0a82218, inset 0 0 18px #0009;
}
.checkout-box h3 {
  color: #ffd978;
  margin: 0 0 8px;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 900;
}
.prices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 12px 0;
}
.price {
  border: 1px solid #535b6c;
  border-radius: 10px;
  padding: 10px;
  background: #0c111a;
  text-align: center;
  cursor: pointer;
  transition: all .2s;
}
.price.selected {
  border-color: #f6c94f;
  background: #322a18;
  box-shadow: 0 0 14px #e4b73a30;
}
.price span {
  display: block;
  color: #d3bd7e;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 800;
}
.price strong {
  display: block;
  color: #ffdb7c;
  font-size: 22px;
}
.price small {
  display: block;
  color: #c9d0d7;
  font-size: 9.5px;
}
.summary {
  background: #090d15;
  border: 1px solid #3d4758;
  border-radius: 10px;
  padding: 11px;
  margin: 10px 0;
}
.summary ul {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #d0d5df;
  font-size: 11px;
}
.summary li {
  padding: 4px 0;
  border-bottom: 1px solid #1c2331;
}
.total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 8px;
  font-weight: 800;
  border-top: 1px solid #4a3d24;
}
.total strong {
  color: #ffdf81;
  font-size: 22px;
}
.paypal-buttons {
  min-height: 0;
  margin: 12px 0 6px;
}
.status {
  font-size: 11px;
  color: #ecd39a;
  padding: 8px 0;
  line-height: 1.4;
}
.status.good { color: #a0e6b0; }
.status.error { color: #ffb1a3; }
.delivered {
  border: 1px solid #617b56;
  background: #19291c;
  border-radius: 11px;
  padding: 12px;
  margin: 12px 0;
}
.delivered h3 { color: #b6f3ba; margin: 0 0 6px; }
.delivered button, .recover {
  width: 100%;
  border: 1px solid #7f7239;
  border-radius: 8px;
  background: #3a2f1c;
  color: #ffe2a6;
  padding: 9px;
  margin: 4px 0;
  font-weight: 700;
  cursor: pointer;
}
.recover {
  background: #1a2130;
  border-color: #485672;
  color: #dce6ff;
  font-size: 11px;
}
.fine {
  color: #aab2c2;
  font-size: 9.5px;
  line-height: 1.5;
  margin: 8px 0 0;
}
.poweritem {
  display: block;
  text-align: left;
  width: 100%;
  border: 1px solid #4b5361;
  border-left: 3px solid #86703c;
  background: #1d2532;
  padding: 10px 11px;
  margin: 7px 0;
  border-radius: 9px;
  color: inherit;
  cursor: pointer;
}
.poweritem:hover { border-color: var(--gold); }
.poweritem.chosen {
  border: 1px solid var(--gold);
  border-left: 4px solid var(--gold);
  background: #342d1f;
}
.poweritem:disabled { opacity: .46; cursor: not-allowed; }
.poweritem b { display: block; font-size: 12px; margin-bottom: 3px; }
.poweritem small { font-size: 10px; line-height: 1.43; color: #bfc7d0; display: block; }
.poweritem .chip { float: right; color: #ffdf7b; font-size: 10px; font-weight: 850; }
.credit {
  font-size: 11px;
  color: #aeb5c0;
  text-align: center;
  margin: 21px auto 0;
  padding: 19px;
  border-top: 1px solid #323946;
}
.credit a { text-decoration: none; color: var(--gold); }
.credit a:hover { text-decoration: underline; }

/* =========================================================
   WORKSTATION VIEWPORT LOCK & CAPABILITY SCANNER FIX
   ========================================================= */

@media (min-width: 1101px) {
  html, body:not(.exported) {
    height: 100vh !important;
    overflow: hidden !important;
  }
  body:not(.exported) .shell {
    height: 100vh !important;
    max-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 10px 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  body:not(.exported) .builder-unified-header {
    flex-shrink: 0 !important;
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
  }
  body:not(.exported) .layout {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    margin-top: 0 !important;
    align-items: stretch !important;
  }
  body:not(.exported) .layout > .catalog,
  body:not(.exported) .layout > .machineWrap,
  body:not(.exported) .layout > .testpanel {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }

  /* Capability Scanner & Catalog Pinned Header Architecture */
  body:not(.exported) #powerLibrary {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important; /* Outer card does not scroll */
    padding: 14px 14px 10px !important;
  }
  body:not(.exported) #powerLibrary > h2,
  body:not(.exported) #powerLibrary > p.muted,
  body:not(.exported) #powerLibrary > .controls,
  body:not(.exported) #powerLibrary > #count,
  body:not(.exported) #powerLibrary > #powerPreview {
    flex-shrink: 0 !important; /* Pinned permanently at the top */
  }
  body:not(.exported) #powerPreview {
    position: relative !important;
    top: auto !important;
    margin: 8px 0 10px !important;
    box-shadow: 0 4px 18px #0009, 0 0 14px #dca73a1a !important;
  }
  body:not(.exported) #catalogList {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow-y: auto !important; /* ONLY the cartridges list scrolls */
    overscroll-behavior: contain !important;
    padding-right: 4px !important;
    scrollbar-color: #a28a4f #1b1f28;
  }
}

@media (max-width: 1100px) {
  body:not(.exported) #powerLibrary {
    display: flex !important;
    flex-direction: column !important;
    max-height: 700px !important;
    overflow: hidden !important;
  }
  body:not(.exported) #powerLibrary > h2,
  body:not(.exported) #powerLibrary > p.muted,
  body:not(.exported) #powerLibrary > .controls,
  body:not(.exported) #powerLibrary > #count,
  body:not(.exported) #powerPreview {
    flex-shrink: 0 !important;
  }
  body:not(.exported) #powerPreview {
    position: relative !important;
    top: auto !important;
    margin: 8px 0 !important;
  }
  body:not(.exported) #catalogList {
    flex: 1 1 0 !important;
    min-height: 250px !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }
}