:root{--ink:#07090D;--g900:#0C1017;--g850:#111722;--navy:#0F1A2B;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--steel:#8A97AB;--mist:#DCE3EE;--bone:#F5F3EE;--bone2:#EAE6DE;--volt:#2F6BFF;--glow:#6E9BFF;--ok:#19C37D;--amber:#F2B544;--red:#FF5A5F;
--disp:"Inter Tight","Inter",system-ui,sans-serif;--body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--r:18px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;font-family:var(--body);color:var(--mist);background:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:40px;padding:14px 40px;background:rgba(7,9,13,.72);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px}.mark{width:34px;height:34px}.word{font-family:var(--disp);font-weight:800;font-size:23px;letter-spacing:-.03em;color:#fff}.word b{font-weight:800;background:linear-gradient(135deg,#8FB2FF,#2F6BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav{display:flex;gap:28px;font-size:14.5px;color:var(--steel)}.nav a{transition:color .2s}.nav a:hover{color:#fff}.nav a.on{color:#fff;position:relative}.nav a.on::after{content:"";position:absolute;left:0;right:0;bottom:-19px;height:2px;background:var(--volt);box-shadow:0 0 12px var(--volt)}
.topR{margin-left:auto;display:flex;align-items:center;gap:14px}.lang{background:transparent;border:1px solid var(--line2);border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600;letter-spacing:.06em;cursor:pointer;color:var(--mist)}.lang:hover{border-color:#fff;color:#fff}
.cart{position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line2)}.cart svg{width:20px;height:20px}.cartN{position:absolute;top:-6px;right:-6px;background:var(--volt);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;box-shadow:0 0 0 3px var(--ink)}
.studio{position:relative;padding:40px 40px 64px;background:radial-gradient(1200px 520px at 30% -10%,rgba(47,107,255,.20),transparent 60%),radial-gradient(900px 500px at 100% 20%,rgba(110,155,255,.08),transparent 60%),var(--ink)}
.studioHead,.tool{max-width:1320px;margin:0 auto}.studioHead{display:grid;grid-template-columns:1.25fr 1fr;gap:12px 48px;align-items:end}.studioHead .eyebrow{grid-column:1/-1;margin:0}.studioHead h1{margin:0}.studioHead .lede{font-size:16.5px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--glow);margin:0 0 18px}.eyebrow.dark{color:#1D56E3}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(25,195,125,.6);animation:pulse 2.4s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(25,195,125,0)}100%{box-shadow:0 0 0 0 rgba(25,195,125,0)}}
h1{font-family:var(--disp);font-weight:800;font-size:clamp(32px,3.6vw,50px);line-height:1.02;letter-spacing:-.035em;color:#fff;margin:0 0 18px;max-width:900px}
.lede{font-size:18px;line-height:1.6;color:var(--steel);max-width:680px;margin:0}
.tool{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(380px,1fr);gap:20px;margin-top:30px;align-items:start}
.stage{position:relative;height:660px;border-radius:var(--r);overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,#1A2436 0%,#0D121B 55%,#080B10 100%);border:1px solid var(--line);box-shadow:0 40px 80px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05)}
#view{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s var(--ease)}#view.on{opacity:1}
.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 100% at 50% 45%,transparent 55%,rgba(0,0,0,.45))}
.drop{position:absolute;inset:22px;display:grid;place-items:center;border-radius:14px;cursor:pointer;transition:background .25s var(--ease)}
.drop:hover,.drop.over,.drop:focus-visible{background:rgba(47,107,255,.06);outline:none}.drop.over .corner{border-color:var(--glow);width:44px;height:44px}
.corner{position:absolute;width:28px;height:28px;border:2px solid rgba(255,255,255,.25);transition:all .3s var(--ease)}.tl{top:0;left:0;border-right:0;border-bottom:0;border-top-left-radius:12px}.tr{top:0;right:0;border-left:0;border-bottom:0;border-top-right-radius:12px}.bl{bottom:0;left:0;border-right:0;border-top:0;border-bottom-left-radius:12px}.br{bottom:0;right:0;border-left:0;border-top:0;border-bottom-right-radius:12px}
.dropInner{text-align:center;max-width:460px;padding:24px}.dropIcon{width:84px;height:84px;margin:0 auto 22px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line2);color:#fff;box-shadow:0 20px 40px -20px rgba(47,107,255,.6)}.dropIcon svg{width:48px;height:48px;animation:bob 3.2s var(--ease) infinite}@keyframes bob{50%{transform:translateY(-4px)}}
.dropTitle{font-family:var(--disp);font-size:30px;font-weight:700;letter-spacing:-.02em;color:#fff;margin:0 0 8px}.dropHint{margin:0 0 28px;color:var(--steel);font-size:15px}
.samples{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;font-size:13.5px;color:var(--steel)}.samples span{width:100%;margin-bottom:4px}
.pill{background:rgba(255,255,255,.04);border:1px solid var(--line2);border-radius:999px;padding:8px 16px;font-size:13.5px;cursor:pointer;color:#fff;transition:all .2s}.pill:hover{border-color:var(--glow);background:rgba(47,107,255,.12)}
.hudTop{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.tag{font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--mist);padding:7px 12px;border-radius:10px;background:rgba(7,9,13,.55);border:1px solid var(--line2);backdrop-filter:blur(8px)}
.seg{display:inline-flex;padding:3px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);gap:2px;flex-wrap:wrap}.seg button{border:0;background:transparent;padding:8px 12px;border-radius:9px;font-size:13px;color:var(--steel);cursor:pointer;transition:all .2s var(--ease)}.seg button:hover{color:#fff}.seg button[aria-selected=true],.seg button[aria-checked=true]{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 4px 14px -6px rgba(0,0,0,.6)}.seg button:disabled{opacity:.35;cursor:not-allowed}
.seg.small{background:rgba(7,9,13,.55);backdrop-filter:blur(8px)}
.scan{position:absolute;left:18px;bottom:84px;margin:0;padding:12px 14px;list-style:none;border-radius:12px;background:rgba(7,9,13,.6);border:1px solid var(--line2);backdrop-filter:blur(8px);font-family:var(--mono);font-size:12px;display:flex;flex-direction:column;gap:6px;transition:opacity .5s}
.scan li{display:flex;gap:9px;align-items:center;color:var(--steel);opacity:.4;transition:all .25s}.scan li.done{opacity:1;color:var(--mist)}.scan li i{width:14px;height:14px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font-style:normal;font-size:9px}.scan li.done i{background:var(--ok);border-color:var(--ok);color:var(--ink)}.scan.fade{opacity:0}
.hud{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:16px;padding:16px 18px;background:linear-gradient(0deg,rgba(7,9,13,.85),rgba(7,9,13,0))}
.file{display:flex;flex-direction:column;gap:3px;min-width:0}.fname{color:#fff;font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dims{font-family:var(--mono);font-size:12.5px;color:var(--steel)}.dims b{font-weight:500;color:var(--mist)}.dims .x{color:#FF6B6B}.dims .y{color:#4ADE80}.dims .z{color:#6E9BFF}
.ghost{margin-left:auto;background:rgba(255,255,255,.06);border:1px solid var(--line2);color:#fff;border-radius:10px;padding:9px 14px;font-size:13px;cursor:pointer;white-space:nowrap}.ghost:hover{border-color:#fff}
.panel{position:sticky;top:86px;border-radius:var(--r);padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);display:flex;flex-direction:column;gap:22px}
.panelHead{display:flex;align-items:center;justify-content:space-between}.panelHead h2{font-family:var(--disp);font-size:20px;font-weight:700;letter-spacing:-.01em;color:#fff;margin:0}
.calib{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ok);padding:5px 10px;border-radius:999px;background:rgba(25,195,125,.1);border:1px solid rgba(25,195,125,.25)}.calib svg{width:12px;height:12px}
.step h3{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;font-size:14px;font-weight:600;color:#fff}.step .n{font-family:var(--mono);font-size:11.5px;color:var(--glow);font-weight:500}.step .aside{margin-left:auto;font-weight:500;color:var(--steel);font-size:13px}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.card{position:relative;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:12px;padding:12px 12px 11px;cursor:pointer;transition:all .2s var(--ease)}.card:hover{border-color:var(--line2);background:rgba(255,255,255,.05)}
.card .cn{display:block;font-weight:600;font-size:14px;color:#fff}.card .cd{display:block;font-size:12.5px;color:var(--steel);margin-top:3px;line-height:1.35}.card .mt{position:absolute;top:11px;right:11px;font-family:var(--mono);font-size:10.5px;color:var(--steel);padding:2px 6px;border-radius:6px;border:1px solid var(--line2)}
.card[aria-checked=true]{border-color:var(--volt);background:linear-gradient(180deg,rgba(47,107,255,.18),rgba(47,107,255,.06));box-shadow:0 0 0 1px var(--volt),0 10px 30px -12px rgba(47,107,255,.6)}.card[aria-checked=true] .mt{color:#fff;border-color:rgba(255,255,255,.4)}
.swatches{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.sw{width:30px;height:30px;border-radius:50%;border:0;cursor:pointer;position:relative;box-shadow:inset 0 -3px 6px rgba(0,0,0,.25),inset 0 2px 3px rgba(255,255,255,.35);transition:transform .2s var(--ease)}.sw:hover{transform:scale(1.1)}.sw[aria-checked=true]::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #fff}
.hint{margin:10px 0 0;font-size:12.5px;color:var(--steel);line-height:1.45}
.qtyRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stepper{display:flex;align-items:center;border:1px solid var(--line2);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}.stepper button{width:40px;height:42px;border:0;background:transparent;font-size:18px;cursor:pointer;color:#fff}.stepper button:hover{background:rgba(255,255,255,.06)}.stepper input{width:54px;border:0;background:transparent;color:#fff;text-align:center;font-size:16px;font-weight:600;font-family:var(--mono)}.stepper input::-webkit-inner-spin-button{display:none}
.quick{display:flex;gap:6px}.quick button{border:1px solid var(--line);background:transparent;border-radius:10px;padding:10px 11px;font-size:13px;color:var(--steel);cursor:pointer;font-family:var(--mono)}.quick button:hover,.quick button.on{color:#fff;border-color:var(--line2);background:rgba(255,255,255,.05)}
.checks{display:flex;flex-direction:column;gap:6px}.check{display:flex;gap:10px;align-items:center;font-size:13.5px;line-height:1.4;padding:10px 12px;border-radius:11px;background:rgba(25,195,125,.07);border:1px solid rgba(25,195,125,.14);animation:rise .35s var(--ease) both}
.check.warn{background:rgba(242,181,68,.08);border-color:rgba(242,181,68,.2)}.check.block{background:rgba(255,90,95,.09);border-color:rgba(255,90,95,.25)}
.check .ic{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--ok);color:var(--ink);font-size:11px;font-weight:800}.check.warn .ic{background:var(--amber)}.check.block .ic{background:var(--red)}
.check button{margin-left:auto;flex:none;border:1px solid var(--line2);background:rgba(255,255,255,.06);border-radius:8px;padding:5px 10px;cursor:pointer;font-size:12.5px;color:#fff}
@keyframes rise{from{opacity:0;transform:translateY(6px)}}
.price{padding-top:20px;border-top:1px solid var(--line)}.placeholder{color:var(--steel);margin:0;font-size:14.5px}
.total{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.amt{font-family:var(--disp);font-size:52px;font-weight:800;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums;line-height:1}.per{color:var(--steel);font-size:14px}
.eta{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:13.5px;color:var(--mist)}.eta i{width:6px;height:6px;border-radius:50%;background:var(--ok)}
.range{color:var(--amber);font-size:13.5px;margin:10px 0 0;line-height:1.45}
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:16px;border-radius:12px;overflow:hidden;background:var(--line)}.specs div{background:var(--g900);padding:10px 12px}.specs span{display:block;font-size:11px;color:var(--steel);text-transform:uppercase;letter-spacing:.08em}.specs b{display:block;font-family:var(--mono);font-weight:500;font-size:13.5px;color:#fff;margin-top:4px}
details{margin-top:14px;font-size:13.5px}summary{cursor:pointer;color:var(--glow);list-style:none;display:flex;align-items:center;gap:6px}summary::before{content:"+";font-family:var(--mono);width:16px}details[open] summary::before{content:"−"}
table{width:100%;border-collapse:collapse;margin-top:10px;font-variant-numeric:tabular-nums}td{padding:7px 0;border-bottom:1px dashed var(--line);color:var(--steel)}td:last-child{text-align:right;color:#fff;font-family:var(--mono);font-size:13px}
.cta{position:relative;display:flex;justify-content:center;gap:10px;align-items:center;width:100%;background:linear-gradient(180deg,#4A7FFF,#2F6BFF);color:#fff;border:0;border-radius:14px;padding:17px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 14px 34px -12px rgba(47,107,255,.8),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s,box-shadow .2s}.cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 40px -12px rgba(47,107,255,.95),inset 0 1px 0 rgba(255,255,255,.25)}.cta:disabled{background:rgba(255,255,255,.08);color:var(--steel);box-shadow:none;cursor:not-allowed}
.ctaAmt{font-family:var(--mono);font-weight:500;opacity:.85}.ctaAmt:not(:empty)::before{content:"·";margin-right:10px}
.fine{font-size:12.5px;color:var(--steel);margin:-6px 0 0;line-height:1.55}.draft{font-size:11.5px;margin:-12px 0 0;color:var(--amber);opacity:.85;font-family:var(--mono)}
.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--g900)}.proofIn{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:30px 28px;border-left:1px solid var(--line)}.stat:first-child{border-left:0}.stat .k{display:block;font-family:var(--disp);font-size:34px;font-weight:800;letter-spacing:-.03em;color:#fff}.stat .v{display:block;font-size:13.5px;color:var(--steel);margin-top:6px;line-height:1.45}
.how{background:var(--bone);color:#1B2130;padding:88px 40px}.howIn{max-width:1320px;margin:0 auto}.how h2{font-family:var(--disp);font-size:42px;letter-spacing:-.03em;margin:0 0 40px;color:var(--ink)}
.howGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.howGrid article{background:#fff;border:1px solid var(--bone2);border-radius:16px;padding:26px}.hn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ink);color:#fff;font-family:var(--mono);font-size:13px}.howGrid h3{font-size:17px;margin:18px 0 8px;color:var(--ink)}.howGrid p{margin:0;color:#5A6376;line-height:1.55;font-size:14.5px}
.dock{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 18px;border-radius:16px;background:rgba(12,16,23,.88);backdrop-filter:blur(16px);border:1px solid var(--line2);box-shadow:0 20px 40px -10px rgba(0,0,0,.7)}.dockAmt{display:block;font-family:var(--disp);font-weight:800;font-size:22px;color:#fff}.dockSub{display:block;font-size:12px;color:var(--steel)}.cta.small{width:auto;padding:13px 18px;font-size:15px}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:40;background:#fff;color:var(--ink);padding:12px 18px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 20px 40px -10px rgba(0,0,0,.6);animation:rise .3s var(--ease)}
@media (max-width:1060px){.tool{grid-template-columns:1fr}.panel{position:static}.stage{height:520px}.howGrid{grid-template-columns:repeat(2,1fr)}.proofIn{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0}}
@media (max-width:720px){.studioHead{grid-template-columns:1fr}.hudTop{flex-wrap:nowrap}.hudTop .tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.seg.small{flex-wrap:nowrap;flex:none}.seg.small button{padding:7px 9px;font-size:12px}.top{padding:12px 16px;gap:12px}.nav{display:none}.studio{padding:32px 16px 110px}.lede{font-size:16px}.tool{margin-top:26px}.stage{height:400px}.drop{inset:14px}.dropTitle{font-size:24px}.panel{padding:18px}.amt{font-size:44px}.how{padding:56px 16px 120px}.how h2{font-size:30px}.howGrid{grid-template-columns:1fr}.stat{padding:22px 18px}.stat .k{font-size:26px}.hudTop .tag{font-size:11px}}
@media (min-width:721px){.dock{display:none!important}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
[hidden]{display:none!important}

.panel{padding:0;gap:0;max-height:calc(100vh - 110px);min-height:660px;overflow:hidden}.panelHead{padding:22px 24px 0}
.scroll{flex:1;overflow:auto;padding:18px 24px 18px;display:flex;flex-direction:column;gap:22px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
.foot{padding:18px 24px 20px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(12,16,23,.6),rgba(12,16,23,.95));display:flex;flex-direction:column;gap:14px}
.foot .price{border-top:0;padding-top:0}.foot .fine{margin:0}.foot .draft{margin:-6px 0 0}.amt{font-size:44px}.specs{margin-top:12px}.eta{margin-top:8px}
@media (max-width:1060px){.panel{max-height:none;min-height:0;overflow:visible}.scroll{overflow:visible}}
/* ===== Version B ===== */
.studio{background:radial-gradient(1400px 700px at 50% -20%,rgba(47,107,255,.32),transparent 60%),radial-gradient(800px 500px at 90% 30%,rgba(143,178,255,.10),transparent 60%),var(--ink)}
.studio::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 0%,#000 20%,transparent 70%)}
h1{font-size:clamp(38px,4.3vw,64px);line-height:.96;letter-spacing:-.045em;background:linear-gradient(100deg,#fff 0%,#fff 38%,#9CC0FF 50%,#fff 62%,#fff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s var(--ease) infinite}
@keyframes sheen{0%{background-position:100% 0}60%,100%{background-position:0 0}}
.stage{height:720px;border:0;background:radial-gradient(90% 70% at 50% 30%,#1B2A45 0%,#0B111C 55%,#06080C 100%)}
.stage::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--a,0deg),rgba(110,155,255,.0),rgba(110,155,255,.7),rgba(110,155,255,0) 30%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:spin 8s linear infinite}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes spin{to{--a:360deg}}
.simBar{position:absolute;left:18px;right:18px;bottom:78px;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(7,9,13,.55);border:1px solid var(--line2);backdrop-filter:blur(10px);opacity:0;transform:translateY(8px);transition:all .5s var(--ease);z-index:3}
.simBar.on{opacity:1;transform:none}
.simPlay{width:32px;height:32px;border-radius:10px;border:1px solid var(--line2);background:rgba(47,107,255,.18);color:#fff;display:grid;place-items:center;cursor:pointer}.simPlay svg{width:14px;height:14px}.simPlay:hover{background:rgba(47,107,255,.35)}
.simTrack{position:relative;flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.08)}
.simFill{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#2F6BFF,#9CC0FF);box-shadow:0 0 14px rgba(110,155,255,.8)}
.simTrack input{position:absolute;inset:-8px 0;width:100%;opacity:0;cursor:pointer;margin:0}
.simLab{font-family:var(--mono);font-size:12px;color:var(--mist);white-space:nowrap;min-width:170px;text-align:right}
.amt{background:linear-gradient(180deg,#fff,#AFC6FF);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(110,155,255,.25)}
.panel{background:linear-gradient(180deg,rgba(47,107,255,.10),rgba(255,255,255,.02) 40%);border-color:rgba(110,155,255,.22);box-shadow:0 30px 80px -40px rgba(47,107,255,.5),inset 0 1px 0 rgba(255,255,255,.08)}
.scan{bottom:140px}
.stage::after{z-index:1}.hudTop,.hud,.simBar,.scan,.drop{z-index:4}
@media (max-width:720px){h1{font-size:34px;line-height:1}.stage{height:520px}.simBar{bottom:74px}.simLab{min-width:0;font-size:11px}}
.seg.small button{transition:none}
.check.store{background:rgba(59,130,246,.10);border-color:rgba(96,165,250,.35)}.check.store .ic{background:#3B82F6;color:#fff;font-size:9px}.check.store button{white-space:nowrap}
.storeNote{margin:10px 0 4px;padding:10px 12px;border:1px solid rgba(96,165,250,.35);background:rgba(59,130,246,.10);border-radius:10px;font-size:13px;line-height:1.45;color:#C9D6EE}.storeNote span{color:#60A5FA;margin-right:4px}.storeNote a{color:#7FB2FF;white-space:nowrap;text-decoration:none;font-weight:600}

.browse{all:unset;cursor:pointer}.browse:focus-visible{outline:3px solid var(--glow);outline-offset:6px;border-radius:8px}
:focus-visible{outline:3px solid var(--glow);outline-offset:3px}