.qsa{--ink:#05070a;--paper:#f4f6f7;--text:#f4f6f7;--soft:#a6afb7;--mute:#7c868e;--line:#ffffff1a;--line-2:#ffffff2e;--line-strong:var(--line-2);--panel:#0e1113eb;--display:var(--font-heading,"Arial Narrow", Impact, sans-serif);--sans:var(--fw-sans,system-ui, sans-serif);--mono:var(--fw-mono,ui-monospace, monospace);--ease:cubic-bezier(.22, 1, .36, 1);--s1:8px;--s2:12px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:72px;--s8:112px;--qsa-max:1800px;--qsa-inline:max(var(--gutter,16px), calc((100% - var(--qsa-max)) / 2));--qsa-band:var(--band-pad,clamp(40px, 6vh, 72px));--pad:var(--gutter,16px);--max:var(--qsa-max);--bg:#08090a;--tone:#17c0e4;--tone-fill:var(--tone);--tone-ink:#05070a;--accent:var(--tone);--qsa-top:var(--nav-h,4rem);--qsa-bar:86px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:899px){.qsa{--qsa-bar:80px}}@media (max-width:767px){.qsa{--qsa-bar:116px}}:where(.qsa) :where(:not(svg,svg *)){all:revert}:where(.qsa *):before,:where(.qsa *):after{box-sizing:revert;margin:revert;padding:revert;border:revert}.qsa *{box-sizing:border-box}.qsa{isolation:isolate;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:var(--bg);font-size:16px;line-height:1.6;position:relative;overflow-x:clip}html:has(.qsa){scroll-behavior:smooth}.qsa [id]{scroll-margin-top:var(--qsa-top)}:where(.qsa) a{color:inherit;text-decoration:none}:where(.qsa) button{font:inherit;color:inherit}:where(.qsa) img{max-width:100%}.qsa em,.qsa .accent{color:var(--tone);font-style:normal}.qsa ::selection{background:var(--tone);color:var(--ink)}.qsa :focus-visible{outline:2px solid var(--tone);outline-offset:3px}.qsa [data-bg=inventory]{--tone:#17c0e4}.qsa [data-bg=up-close]{--tone:#3d8bff}.qsa :is([data-bg=equipment],[data-bg=equipment-admin]){--tone:#b4f03c}.qsa :is([data-bg=rarity],[data-bg=item-create]){--tone:#ffb020}.qsa :is([data-bg=shops],[data-bg=shop-create],[data-bg=stash-create]){--tone:#ff3ec9}.qsa :is([data-bg=crafting],[data-bg=crafting-create]){--tone:#19d38f}.qsa [data-bg=quick]{--tone:#9b6bff}.qsa :is([data-bg=weapons],[data-bg=weapon-create]){--tone:#ff4545}.qsa [data-bg=clothing]{--tone:#17c0e4}.qsa [data-bg=social]{--tone:#ffb020}.qsa [data-bg=info]{--tone:#3d8bff}.qsa :is([data-bg=skills],[data-bg=skills-create]){--tone:#9b6bff}.qsa [data-bg=missions]{--tone:#19d38f}.qsa [data-bg=settings]{--tone:#17c0e4}.qsa [data-bg=journey]{--tone:#b4f03c}.qsa [data-bg=styles]{--tone:#ff3ec9}.qsa [data-bg=world]{--tone:#ff4545}.qsa [data-bg=import]{--tone:#3d8bff}.qsa [data-bg=compare]{--tone:#b4f03c}.qsa [data-bg=admin]{--tone:#ffb020}.qsa [data-bg=langs]{--tone:#19d38f}.qsa [data-bg=faq]{--tone:#9b6bff}.qsa [data-bg=final]{--tone:#17c0e4}.qsa [data-bg]{--accent:var(--tone);--tone-fill:var(--tone)}.qsa .reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(28px)}.qsa .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.qsa .reveal{opacity:1;transition:none;transform:none}html:has(.qsa){scroll-behavior:auto}.qsa *,.qsa :before,.qsa :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.qsa section{position:relative}.qsa :is(.chapter,.story,.styles,.world,.admin,.langs,.faq,.final,.compare-section){isolation:isolate;padding:var(--qsa-band) var(--qsa-inline)}.qsa :is(.chapter,.story,.styles,.world,.admin,.langs,.faq,.final,.compare-section):has(>.scene-bg){padding-top:calc(var(--qsa-band) + clamp(24px, 6vh, 64px))}.qsa .scene-bg{z-index:-1;height:var(--scene-h,min(100%, 120vh));pointer-events:none;background:var(--tone);position:absolute;top:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 22vh calc(100% - 46vh),#0000 100%);mask-image:linear-gradient(#0000 0,#000 22vh calc(100% - 46vh),#0000 100%)}.qsa .scene-bg img{object-fit:cover;filter:grayscale()contrast(1.35)brightness(.95);mix-blend-mode:multiply;opacity:.85;width:100%;max-width:none;height:100%;display:block}.qsa .scene-bg:after{content:"";background:linear-gradient(90deg,#08090af2 0,#08090ad6 38%,#08090a6b 74%,#08090aa8 100%);position:absolute;inset:0}.qsa .scene-bg[data-side=left]:after{background:linear-gradient(270deg,#08090af2 0,#08090ad6 38%,#08090a6b 74%,#08090aa8 100%)}@media (max-width:760px){.qsa .scene-bg:after{background:linear-gradient(#08090a80,#08090adb 55%,#08090aeb)}.qsa .scene-bg{--scene-h:min(100%, 90svh)}}.qsa .figure{pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:relative}.qsa .figure img{width:auto;max-width:100%;height:auto;max-height:var(--fig-h,86svh);object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 30px 60px #0000008c);display:block;-webkit-mask-image:linear-gradient(#000 62%,#0009 80%,#0000 97%);mask-image:linear-gradient(#000 62%,#0009 80%,#0000 97%)}.qsa .figure[data-flip] img{transform:scaleX(-1)}.qsa .sec-head{max-width:1040px;margin:0 0 var(--band-head-gap,clamp(24px, 4vh, 40px));gap:20px;display:grid;position:relative}.qsa .sec-h{font:inherit;gap:18px;margin:0;display:grid}.qsa :is(.sec-rule,.kicker){font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--soft);border:0;margin:0;padding:0;font-size:.78rem;font-weight:400;line-height:1.5;display:block}.qsa .sec-rule[data-num]:before{content:"[" attr(data-num) "]  ";color:var(--tone)}.qsa .kicker>b{font-weight:inherit;color:var(--tone)}.qsa .sec-h .sec-title{display:block}.qsa :is(.sec-title,.mega){font-family:var(--display);text-transform:uppercase;font-weight:900;font-stretch:100%;font-size:var(--band-big,clamp(3rem, 6.4vw, 7rem));letter-spacing:-.02em;color:var(--text);margin:0;line-height:.82}.qsa .mega{font-size:clamp(3.6rem,9vw,9.5rem)}.qsa .lead{max-width:40em;color:var(--soft);margin:0;font-size:1.12rem;line-height:1.6}.qsa .lead b{color:var(--text);font-weight:600}.qsa .sec-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}@media (max-width:760px){.qsa :is(.sec-rule,.kicker){letter-spacing:.14em;font-size:.7rem}.qsa .lead{font-size:1.02rem}.qsa .sec-actions>*{flex:100%}}.qsa .panel{--cut:18px;--edge-w:1px;--edge-color:var(--line-2);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line-2);clip-path:var(--notch);position:relative}.qsa .panel.tone{--edge-color:color-mix(in srgb, var(--tone) 70%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 70%, transparent)}.qsa .panel.rail{border-left:3px solid var(--tone)}.qsa .tiles{border-top:1px solid var(--line);border-left:1px solid var(--line);gap:0;margin:0;padding:0;list-style:none;display:grid}.qsa .tiles>*{background:var(--panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.qsa .chips{flex-wrap:wrap;gap:8px;display:flex}.qsa .chip{cursor:pointer;min-height:36px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text);border:1px solid var(--line-2);background:#060708b3;border-radius:0;align-items:center;gap:7px;padding:8px 12px;font-size:.66rem;font-weight:600;line-height:1.2;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.qsa .chip:hover{color:var(--tone);border-color:color-mix(in srgb, var(--tone) 60%, transparent)}.qsa .chip.on{color:var(--ink);background:var(--tone);border-color:var(--tone)}.qsa .chip:disabled{opacity:.4;cursor:default}.qsa .stats{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:0;display:grid}.qsa .stats>div{background:var(--panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-content:start;gap:10px;padding:18px 20px 20px;display:grid}.qsa .stats dt{font-family:var(--display);color:var(--tone);white-space:nowrap;margin:0;font-size:clamp(2rem,3vw,2.8rem);font-weight:900;line-height:.9}.qsa .stats dd{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:0;font-size:.66rem;font-weight:600}@media (max-width:720px){.qsa .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.qsa .stats>div{padding:14px 16px 16px}.qsa .stats>div:last-child:nth-child(odd){grid-column:1/-1}}.qsa .ticks{color:var(--soft);gap:10px;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.qsa .ticks li{padding-left:20px;position:relative}.qsa .ticks li:before{content:"";background:var(--tone);width:7px;height:7px;position:absolute;top:.55em;left:0}.qsa kbd{text-align:center;border:1px solid var(--line-2);min-width:24px;font:600 .72rem/1.75 var(--mono);color:var(--text);white-space:nowrap;background:#121619;border-radius:0;padding:0 6px;display:inline-block}.qsa .seg{border:1px solid var(--line-2);border-radius:0;display:inline-flex}.qsa .seg button{cursor:pointer;min-height:36px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);background:0 0;border:0;padding:9px 16px;font-size:.66rem;font-weight:600;transition:color .2s,background .2s}.qsa .seg button+button{border-left:1px solid var(--line-2)}.qsa .seg button:hover{color:var(--text)}.qsa .seg button.on{background:var(--tone);color:var(--ink)}.qsa .cta{flex-wrap:wrap;gap:10px;display:flex}.qsa .btn{--cut:11px;isolation:isolate;cursor:pointer;min-height:46px;font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--ink);background:var(--tone);clip-path:var(--notch);transition:color .25s var(--ease);border:0;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:.8rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.qsa .btn:before{content:"";z-index:-1;background:var(--text);transform-origin:0;transition:transform .45s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.qsa .btn:hover:before{transform:scaleX(1)}.qsa .btn:hover{color:#060708}.qsa .btn.line{color:var(--text);box-shadow:inset 0 0 0 2px var(--line-2);background:0 0}.qsa .btn.line:before{background:var(--tone)}.qsa .btn.line:hover{color:var(--ink)}.qsa .btn:disabled{opacity:.4;cursor:default}.qsa .btn:disabled:before{display:none}.qsa .demo{margin:0}.qsa .demo-window{--cut:22px;--edge-w:1px;--edge-color:var(--line-2);clip-path:var(--notch);box-shadow:inset 0 0 0 1px var(--line-2);background:#0a0b0d;border:0;padding:0;position:relative}.qsa .demo-screen{background:var(--scene,none) center / cover no-repeat, linear-gradient(180deg, #2a3138 0%, #1b2026 48%, #111418 100%);width:100%;transition:height .55s var(--ease);border-radius:0;position:relative;overflow:hidden}.qsa .demo-world{background:var(--world,none) center / cover no-repeat;opacity:0;transition:opacity .6s var(--ease);pointer-events:none;position:absolute;inset:0}.qsa .demo-world.on{opacity:1}.qsa .demo-screen iframe{transform-origin:0 0;max-width:none;transition:transform .55s var(--ease);background:0 0;border:0;position:absolute;top:0;left:0}.qsa .is-guided .demo-screen iframe{pointer-events:none}.qsa .demo-loading{z-index:3;color:var(--soft);font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;background:#0b0d0f;justify-content:center;align-items:center;gap:12px;font-size:.68rem;font-weight:600;transition:opacity .5s,visibility .5s;display:flex;position:absolute;inset:0}.qsa .demo-loading.gone{opacity:0;visibility:hidden}.qsa .spinner{border:2px solid var(--line-2);border-top-color:var(--tone);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite qsa-spin}@keyframes qsa-spin{to{transform:rotate(360deg)}}.qsa .fake-cursor{z-index:2;pointer-events:none;opacity:0;filter:drop-shadow(0 3px 5px #00000080);transition:transform .65s cubic-bezier(.45,0,.2,1),opacity .3s;position:absolute;top:0;left:0;transform:translate(50%,40%)}.qsa .fake-cursor.on{opacity:1}.qsa .fake-cursor svg{z-index:1;display:block;position:relative}.qsa .fake-cursor .ring{opacity:0;border:2px solid #fff;border-radius:50%;width:30px;height:30px;position:absolute;top:-14px;left:-14px}.qsa .fake-cursor.press .ring{animation:.55s ease-out qsa-press}.qsa .fake-cursor.press svg{animation:.25s qsa-tapdown}@keyframes qsa-press{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}@keyframes qsa-tapdown{50%{transform:scale(.85)}}.qsa .fake-cursor.slow{transition:transform 1s cubic-bezier(.45,0,.2,1),opacity .3s}.qsa .fake-cursor .drag-ghost{object-fit:contain;z-index:0;opacity:0;filter:drop-shadow(0 8px 12px #0000008c);width:52px;height:52px;transition:opacity .18s,transform .18s;position:absolute;top:-22px;left:-26px;transform:scale(.6)}.qsa .fake-cursor.dragging .drag-ghost{opacity:.95;transform:scale(1)}.qsa .demo-bar{flex-wrap:wrap;align-items:center;gap:10px 16px;padding-top:14px;display:flex}.qsa .demo-mode{font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--tone);align-items:center;gap:8px;font-size:.64rem;font-weight:600;display:inline-flex}.qsa .demo-mode:before{content:"";background:currentColor;width:7px;height:7px}.qsa .demo-bar figcaption{color:var(--soft);margin:0 auto 0 0;font-size:.9rem}.qsa .demo-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.qsa .demo-actions button{--cut:8px;cursor:pointer;height:34px;clip-path:var(--notch);font-family:var(--sans);text-transform:uppercase;letter-spacing:.1em;background:var(--tone);color:var(--ink);border:0;border-radius:0;padding:0 14px;font-size:.68rem;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;position:relative}.qsa .demo-actions button:hover{background:var(--text);color:#060708}.qsa .demo-actions button:disabled{opacity:.4;cursor:default}.qsa .demo-actions button.ghost{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);background:linear-gradient(to top left, transparent 50%, var(--line-2) 50%, var(--line-2) calc(50% + 1.6px), transparent calc(50% + 1.6px)) right bottom / var(--cut) var(--cut) no-repeat}.qsa .demo-actions button.ghost:hover{color:var(--ink);background:var(--tone);box-shadow:none}.qsa .demo-video{z-index:30;pointer-events:none;background:#000;animation:.45s both qsa-demo-video-in;position:absolute;inset:0}.qsa .demo-video video,.qsa .demo-video img{object-fit:cover;width:100%;height:100%;display:block}.qsa .demo-video-tag{border-left:3px solid var(--tone);color:var(--text);font:600 .62rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;background:#060708d1;border-radius:0;padding:5px 9px;position:absolute;top:12px;left:12px}@keyframes qsa-demo-video-in{0%{opacity:0}to{opacity:1}}.qsa .step-body p{margin:0 0 10px}.qsa .step-body p:last-child{margin-bottom:0}.qsa .step-body b{color:var(--text);font-weight:600}.qsa .cmp-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.36fr);align-items:start;gap:clamp(20px,3vw,56px);display:grid}.qsa .cmp-main{min-width:0}.qsa .cmp-side{top:calc(var(--qsa-top) + 24px);gap:14px;display:grid;position:sticky}.qsa .cmp-side .kicker{margin:0}.qsa .cmp-score{grid-template-columns:repeat(2,minmax(0,1fr))}.qsa .cmp-score dd{overflow-wrap:anywhere}.qsa .cmp-score>div:not(:first-child) dt{color:var(--soft)}.qsa .cmp-side .figure{justify-content:center}.qsa .cmp-side .figure img{--fig-h:min(calc(100vh - var(--qsa-top) - var(--qsa-bar) - 330px), 540px)}@media (max-height:780px){.qsa .cmp-side .figure{display:none}}@media (max-width:1100px){.qsa .cmp-layout{grid-template-columns:minmax(0,1fr)}.qsa .cmp-side{display:none}}.qsa .cmp-wrap{background:var(--panel);border:1px solid var(--line)}.qsa .cmp{border-collapse:collapse;width:100%}.qsa .cmp th,.qsa .cmp td{border-bottom:1px solid var(--line);text-align:center;padding:13px 16px;font-size:.95rem}.qsa .cmp thead th{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--soft);padding-top:18px;font-size:.66rem;font-weight:600;line-height:1.35}.qsa .cmp thead th:first-child{width:40%}.qsa .cmp tbody th,.qsa .cmp tfoot th{text-align:left;color:var(--soft);font-weight:500}.qsa .cmp tbody tr:hover>*{background-color:#ffffff06}.qsa .cmp .cmp-qs{background:color-mix(in srgb, var(--tone) 11%, transparent);color:var(--text)}.qsa .cmp thead .cmp-qs{color:var(--tone);box-shadow:inset 0 3px 0 var(--tone)}.qsa .cmp-yes{color:var(--tone);font-size:1.1rem;font-weight:800}.qsa .cmp td:not(.cmp-qs) .cmp-yes{color:var(--soft)}.qsa .cmp-no{color:#ffffff40}.qsa .cmp-text{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;font-weight:600}.qsa .cmp tfoot th,.qsa .cmp tfoot td{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--soft);border-bottom:0;font-size:.66rem;font-weight:600}.qsa .cmp tfoot td{font-family:var(--display);letter-spacing:0;font-size:1.6rem;font-weight:900}.qsa .cmp tfoot .cmp-qs b{font-family:var(--display);color:var(--tone);font-size:2.2rem;font-weight:900}.qsa .cmp-note{max-width:820px;color:var(--mute);margin:16px 0 0;font-size:.85rem}@media (max-width:700px){.qsa .cmp{table-layout:fixed}.qsa .cmp th,.qsa .cmp td{padding:11px 3px;font-size:.84rem}.qsa .cmp thead th:first-child{width:38%}.qsa .cmp tbody th,.qsa .cmp tfoot th{padding-left:10px;padding-right:8px;line-height:1.35}.qsa .cmp thead th{letter-spacing:.04em;overflow-wrap:anywhere;padding:12px 2px;font-size:.5rem}.qsa .cmp-text{letter-spacing:.02em;overflow-wrap:anywhere;font-size:.5rem;line-height:1.35;display:block}.qsa .cmp tfoot th{letter-spacing:.08em;font-size:.56rem}.qsa .cmp tfoot td{font-size:1.2rem}.qsa .cmp tfoot .cmp-qs b{font-size:1.5rem}}.qsa .admin{padding-left:0;padding-right:0}.qsa .admin>.sec-head{margin-left:var(--qsa-inline);margin-right:var(--qsa-inline)}.qsa .pinned{position:relative}.qsa .pinned-inner{height:100vh;padding-top:var(--qsa-top);padding-bottom:var(--qsa-bar);flex-direction:column;justify-content:center;display:flex;position:sticky;top:0;overflow:hidden}.qsa .pinned-title{padding:0 var(--qsa-inline);flex-wrap:wrap;align-items:baseline;gap:10px 22px;margin-bottom:18px;display:flex}.qsa .pinned-title code{font-family:var(--mono);color:var(--tone);font-size:clamp(1.3rem,2.4vw,2.1rem);font-weight:600}.qsa .pinned-title span{max-width:560px;color:var(--soft);font-size:.95rem}.qsa .pinned-track{padding:0 var(--qsa-inline);will-change:transform}.qsa .shots-rail{gap:20px;width:max-content;display:flex}.qsa .shot{--cut:18px;--edge-w:1px;--edge-color:var(--line-2);width:min(78vw, 1100px, calc((100vh - 170px - var(--qsa-top) - var(--qsa-bar)) * 16 / 9));text-align:left;cursor:zoom-in;background:var(--panel);clip-path:var(--notch);box-shadow:inset 0 0 0 1px var(--line-2);border:0;border-radius:0;flex:none;padding:0;transition:box-shadow .3s;position:relative;overflow:hidden}.qsa .shot:hover{--edge-color:var(--tone);box-shadow:inset 0 0 0 1px var(--tone)}.qsa .shot img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.qsa .shot-cap{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:12px 16px 14px;display:flex}.qsa .shot-cap b{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text);white-space:nowrap;font-size:.68rem;font-weight:600}.qsa .shot-cap span{color:var(--soft);text-align:right;font-size:.85rem}@media (max-width:760px){.qsa .shot-cap{flex-direction:column;gap:4px}.qsa .shot-cap span{text-align:left}}.qsa.lightbox{z-index:2147483000;cursor:zoom-out;background:#060708f2;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;animation:.25s qsa-fade;display:flex;position:fixed;inset:0}.qsa.lightbox img{border:1px solid var(--line-2);max-width:100%;max-height:calc(100vh - 110px)}.qsa.lightbox p{text-align:center;font-family:var(--mono);letter-spacing:.04em;color:var(--soft);margin:0;font-size:.78rem}.qsa.lightbox p b{color:var(--tone);text-transform:uppercase;letter-spacing:.14em;font-weight:600}@keyframes qsa-fade{0%{opacity:0}}.qsa .langs-stage{grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);align-items:start;gap:clamp(24px,3vw,48px);display:grid}.qsa .lang-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}.qsa .lang-grid button{text-align:left;cursor:pointer;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);color:var(--soft);justify-content:space-between;gap:6px;padding:11px 12px;font-size:.88rem;transition:color .2s,background .2s;display:flex}.qsa .lang-grid button:hover{color:var(--text);background:#161a1ef5}.qsa .lang-grid button.on{background:var(--tone);color:var(--ink)}.qsa .lang-grid small{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.6;align-self:center;font-size:.6rem;font-weight:600}@media (max-width:1000px){.qsa .langs-stage{grid-template-columns:minmax(0,1fr)}.qsa .langs-stage .demo{order:-1}}@media (max-width:420px){.qsa .lang-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.qsa .faq-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(32px,5vw,96px);display:grid}.qsa .faq-side{top:calc(var(--qsa-top) + 24px);display:grid;position:sticky}.qsa .faq-side .sec-head{margin-bottom:0}.qsa .faq-side .figure{justify-content:flex-start;margin-top:clamp(16px,3vh,32px)}.qsa .faq-side .figure img{--fig-h:min(calc(100vh - var(--qsa-top) - var(--qsa-bar) - 400px), 420px)}@media (max-height:820px){.qsa .faq-side .figure{display:none}}.qsa .faq-list{counter-reset:faq;border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.qsa .faq-item{counter-increment:faq;border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);column-gap:18px;padding:24px 0 26px;display:grid}.qsa .faq-item:before{content:"[" counter(faq, decimal-leading-zero) "]";font-family:var(--mono);letter-spacing:.12em;color:var(--tone);grid-row:span 2;padding-top:4px;font-size:.72rem;font-weight:600}.qsa .faq-item h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.005em;margin:0 0 10px;font-size:clamp(1.35rem,1.8vw,1.7rem);font-weight:900;line-height:.98}.qsa .faq-item p{color:var(--soft);margin:0;font-size:.98rem;line-height:1.65}@media (max-width:1000px){.qsa .faq-layout{grid-template-columns:minmax(0,1fr)}.qsa .faq-side{position:relative;top:auto}.qsa .faq-side .figure{display:none}}.qsa .final{flex-direction:column;min-height:min(100svh,980px);padding-bottom:0;display:flex}.qsa .final-grid{flex:1;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:clamp(24px,4vw,64px);display:grid}.qsa .final-copy{align-self:center;gap:24px;padding-bottom:clamp(24px,5vh,56px);display:grid}.qsa .final-copy .sec-head{margin-bottom:0}.qsa .final-copy .sec-title{font-size:clamp(3.4rem,8vw,8.6rem)}.qsa .final .figure{align-self:end}.qsa .final .figure img{--fig-h:min(82svh, 820px)}.qsa .footer{padding:18px 0 var(--qsa-band);border-top:1px solid var(--line);color:var(--mute);font-family:var(--mono);letter-spacing:.06em;margin-top:clamp(24px,4vh,40px);font-size:.66rem}.qsa .footer p{max-width:1180px;margin:0 0 10px;line-height:1.75}@media (max-width:900px){.qsa .final{min-height:0}.qsa .final-grid{grid-template-columns:minmax(0,1fr);gap:8px}.qsa .final-copy{padding-bottom:0}.qsa .final .figure{width:100%;max-width:420px;margin:0 auto}.qsa .final .figure img{--fig-h:46svh}}.qsa.server-mode{z-index:2147483000;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.3s qsa-fade;display:flex;position:fixed;inset:0}.qsa .server-stage,.qsa .server-top,.qsa .server-help{width:min(100vw - 32px,177.778vh - 206.222px)}.qsa .server-stage .demo-window{clip-path:none;box-shadow:none;background:0 0}.qsa .server-stage .demo-window:after,.qsa .server-stage .demo-bar{display:none}.qsa .server-top{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.qsa .server-tag{border-left:3px solid var(--tone);font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--text);background:#060708d1;align-items:center;gap:8px;padding:9px 12px;font-size:.68rem;font-weight:600;display:inline-flex}.qsa .server-top .seg{background:#060708d1}.qsa .server-exit{min-height:40px;margin-left:auto}.qsa .server-help{color:var(--soft);flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px 22px;font-size:.85rem;display:flex}.qsa .server-help p{align-items:center;gap:6px;margin:0;display:flex}
.qsa .st{--st-bar:var(--qsa-bar,86px);--st-avail:calc(100svh - var(--qsa-top) - var(--st-bar));--st-gap:clamp(28px, 3.4vw, 72px);--st-rail-h:40px;--st-pin-pad:clamp(8px, 1.6vh, 16px);--st-hud-h:48px;--st-sx:clamp(12px, 1.5vw, 28px);--st-stage-h:max(300px, calc(var(--st-avail) - var(--st-rail-h) - 12px - 2 * var(--st-pin-pad)))}.qsa .st-top{gap:var(--s5,32px) var(--st-gap);grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start;margin-bottom:clamp(8px,2vh,24px);display:grid;position:relative}.qsa .st-top .sec-head{margin:0}.qsa .st-top-fig{grid-template-columns:minmax(0,1fr) minmax(0,.5fr) minmax(300px,380px);align-items:end}.qsa .st-top-fig .sec-head,.qsa .st-top-fig .st-aside{align-self:start}.qsa .st-fig{align-self:end;margin-bottom:calc(-1*clamp(8px,2vh,24px))}.qsa .st-fig img{--fig-h:min(58vh, 600px)}.qsa .st-aside{background:#060708db;gap:0;padding:0;display:grid}.qsa .st-figs{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.qsa .st-figs>div{align-content:start;gap:8px;padding:16px 18px 15px;display:grid}.qsa .st-figs>div+div{border-left:1px solid var(--line)}.qsa .st-figs dt{font-family:var(--display);text-transform:uppercase;color:var(--tone,var(--accent));white-space:nowrap;margin:0;font-size:2.3rem;font-weight:900;line-height:.85}.qsa .st-figs dd{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:0;font-size:.62rem;font-weight:600;line-height:1.3}.qsa .st-points{gap:0;padding:12px 18px 16px;font-size:.92rem}.qsa .st-points li:before{top:calc(5px + .5em)}.qsa .st-points button{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--soft);background:0 0;border:0;margin:0;padding:5px 0;line-height:1.35;transition:color .2s;display:block}.qsa .st-points button:hover,.qsa .st-points li.on button{color:var(--text)}.qsa .st-intro{margin:clamp(20px,3vh,32px) 0 clamp(8px,2vh,24px)}.qsa .st-tour{--band-big:clamp(2.4rem, 4.4vw, 4.8rem)}.qsa .st-tour .st-figs dt{font-size:2rem}.qsa .st-grid{gap:var(--st-gap);grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr);align-items:start;display:grid}.qsa .st-flip .st-grid{grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr)}.qsa .st-flip .st-steps{order:2}.qsa .st .st-steps{padding:max(2vh, calc(18vh - var(--qsa-top))) 0 11vh}.qsa .st .story-step{flex-direction:column;justify-content:center;min-height:64vh;display:flex}.qsa .st .st-card{--cut:18px;opacity:.4;border-left:3px solid var(--line-2,var(--line-strong));--edge-color:transparent;max-width:36rem;transition:opacity .5s var(--ease), background-color .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease);background:0 0;padding:22px 24px 24px;box-shadow:inset 0 0 0 1px #0000}.qsa .st .story-step.on .st-card{opacity:1;box-shadow:inset 0 0 0 1px var(--line-2,var(--line-strong));border-left-color:var(--tone,var(--accent));--edge-color:var(--line-2,var(--line-strong));background:#060708e0}.qsa .st-idx{align-items:baseline;gap:8px;margin:0 0 14px;display:flex}.qsa .st-idx b{font-family:var(--display);color:var(--tone,var(--accent));font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:900;line-height:.8}.qsa .st-idx i{font-style:normal;font-family:var(--mono);letter-spacing:.14em;color:var(--mute);font-size:.68rem;font-weight:600}.qsa .st-tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--soft);box-shadow:inset 0 0 0 1px var(--line-2,var(--line-strong));align-self:center;margin-left:8px;padding:5px 10px;font-size:.62rem;font-weight:600;line-height:1.2;transition:background-color .4s,color .4s,box-shadow .4s}.qsa .st .story-step.on .st-tag,.qsa .st-cap .st-tag{color:var(--ink);background:var(--tone,var(--accent));box-shadow:inset 0 0 0 1px var(--tone,var(--accent))}.qsa .st .st-card h3,.qsa .st-cap-title{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;color:var(--text);margin:0 0 12px;font-size:clamp(1.9rem,2.4vw,2.7rem);font-weight:900;font-stretch:100%;line-height:.9}.qsa .st .st-body p{color:var(--soft);margin:0 0 10px;font-size:1.02rem;line-height:1.6}.qsa .st .st-body p:last-child{margin-bottom:0}.qsa .st .st-body b{color:var(--text);font-weight:600}.qsa .st .st-body kbd{vertical-align:1px;margin:0 2px}.qsa .st-pin{top:var(--qsa-top);z-index:1;height:var(--st-avail);padding:var(--st-pin-pad) 0;flex-direction:column;justify-content:center;align-self:start;gap:12px;display:flex;position:sticky}.qsa .st-stage{--cut:22px;--edge-w:1px;--edge-color:var(--line-2,var(--line-strong));height:var(--st-stage-h);padding:var(--st-hud-h) var(--st-sx) var(--st-sx);clip-path:var(--notch);background:radial-gradient(64% 46% at 50% 100%, color-mix(in srgb, var(--tone,var(--accent)) 18%, transparent), transparent 72%), linear-gradient(180deg, #0d0f11f0, #08090af0);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.qsa .st-stage:before{content:"";z-index:3;pointer-events:none;box-shadow:inset 0 0 0 1px var(--line-2,var(--line-strong));position:absolute;inset:0}.qsa .st-stage.cut-edge:after{z-index:4}.qsa .st-stage-bg{z-index:0;pointer-events:none;background:var(--tone,var(--accent));position:absolute;inset:0;overflow:hidden}.qsa .st-stage-bg img{object-fit:cover;filter:grayscale()contrast(1.3)brightness(1.1);mix-blend-mode:multiply;width:100%;max-width:none;height:100%;display:block}.qsa .st-stage-bg:after{content:"";background:radial-gradient(58% 62% at 50% 54%,#08090ab8,#08090a2e 100%),linear-gradient(#08090a6b 0,#08090a00 30%,#08090a1a 70%,#08090a9e 100%);position:absolute;inset:0}.qsa .st-screen{z-index:1;width:min(100%, calc((var(--st-stage-h) - var(--st-hud-h) - var(--st-sx)) * var(--st-ar,1.7778)));flex:none;position:relative}.qsa .st-screen:after{content:"";z-index:6;pointer-events:none;box-shadow:inset 0 0 0 1px var(--line-2,var(--line-strong));position:absolute;inset:0}.qsa .st-screen>.demo{margin:0}.qsa .st-screen .demo-window{clip-path:none;box-shadow:none;background:#0a0b0d;border:0;margin:0;padding:0}.qsa .st-screen .demo-window:after{content:none}.qsa .st-screen .demo-bar{display:none}.qsa .st-hud{z-index:4;height:var(--st-hud-h);padding:0 var(--st-sx);pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.qsa :is(.st-live,.st-device){min-width:0;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2,var(--line-strong));white-space:nowrap;text-overflow:ellipsis;background:#060708cc;align-items:center;gap:8px;padding:6px 10px;font-size:.62rem;font-weight:600;line-height:1.2;display:inline-flex;overflow:hidden}.qsa .st-live{color:var(--tone,var(--accent))}.qsa .st-live:before{content:"";background:currentColor;flex:none;width:7px;height:7px;animation:1.4s steps(2,jump-none) infinite qsa-st-blink}@keyframes qsa-st-blink{50%{opacity:.25}}.qsa .st-screen .shot-zoom{aspect-ratio:16/10;background:#0b0f16;height:auto}.qsa .st-screen .shot-zoom img{transform-origin:0 0;max-width:none;transition:transform .8s var(--ease);position:absolute;top:0;left:0}.qsa .st-screen .shot-frame{border:2px solid var(--tone,var(--accent));pointer-events:none;transition:left .8s var(--ease), top .8s var(--ease), width .8s var(--ease), height .8s var(--ease);border-radius:0;position:absolute;box-shadow:0 0 0 9999px #05070980}.qsa .st-rail{height:var(--st-rail-h);flex:none;grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:18px;display:grid}.qsa .st-count{align-items:baseline;gap:4px;padding-bottom:2px;display:inline-flex}.qsa .st-count b{font-family:var(--display);color:var(--tone,var(--accent));font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:900;line-height:.8}.qsa .st-count i{font-style:normal;font-family:var(--mono);letter-spacing:.14em;color:var(--mute);font-size:.68rem;font-weight:600}.qsa .st-segs{gap:4px;margin:0;padding:0;list-style:none;display:flex}.qsa .st-segs li{border-top:3px solid var(--line-2,var(--line-strong));flex:1 1 0;min-width:0;transition:border-color .3s}.qsa .st-segs li[data-state=done]{border-top-color:color-mix(in srgb, var(--tone,var(--accent)) 38%, var(--line-2,var(--line-strong)))}.qsa .st-segs li[data-state=active]{border-top-color:var(--tone,var(--accent))}.qsa .st-segs button{cursor:pointer;text-align:left;width:100%;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;margin:0;padding:8px 0 2px;font-size:.6rem;font-weight:600;line-height:1.3;transition:color .3s;display:block;overflow:hidden}.qsa .st-segs button:hover,.qsa .st-segs li[data-state=active] button{color:var(--text)}.qsa .st-segs button:focus-visible{outline-offset:2px}.qsa .st-caption{display:none}.qsa .st-cap{--cut:14px;--edge-w:1px;--edge-color:var(--line-2,var(--line-strong));box-shadow:inset 0 0 0 1px var(--line-2,var(--line-strong));border-left:3px solid var(--tone,var(--accent));clip-path:var(--notch);animation:qsa-st-cap-in .45s var(--ease) both;background:#060708e6;padding:14px 16px 16px;position:relative}@keyframes qsa-st-cap-in{0%{opacity:0;transform:translateY(10px)}}@media (max-width:1240px){.qsa .st-top,.qsa .st-top-fig{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.qsa .st-fig{display:none}}@media (max-width:1000px){.qsa .st{--st-rail-h:29px;--st-hud-h:36px;--st-sx:8px}.qsa .st-top,.qsa .st-top-fig{gap:var(--s4,24px);margin-bottom:var(--s4,24px);grid-template-columns:minmax(0,1fr)}.qsa .st-figs dt{font-size:1.9rem}.qsa .st-grid,.qsa .st-flip .st-grid{grid-template-columns:minmax(0,1fr);gap:0}.qsa .st-flip .st-steps{order:0}.qsa .st-pin{z-index:5;order:-1;justify-content:flex-start;gap:4px;height:auto;padding:8px 0 0}.qsa .st-stage{--cut:16px;height:auto}.qsa .st-screen{width:100%}.qsa :is(.st-live,.st-device){letter-spacing:.12em;padding:5px 8px;font-size:.56rem}.qsa .st-rail{grid-template-columns:minmax(0,1fr);height:auto}.qsa .st-count{display:none}.qsa .st-segs button{color:#0000;height:26px;padding:0;font-size:0}.qsa .st-segs button span{display:none}.qsa .st-caption{display:block}.qsa .st-cap-title{margin-bottom:8px;font-size:clamp(1.45rem,6vw,1.9rem)}.qsa .st-cap .st-idx{margin-bottom:10px}.qsa .st-cap .st-idx b{font-size:1.7rem}.qsa .st-cap .st-body p{margin-bottom:6px;font-size:.95rem;line-height:1.5}.qsa .st .st-steps{padding:0 0 10vh}.qsa .st .story-step{min-height:46vh}.qsa .st .story-step .st-card,.qsa .st .story-step.on .st-card{opacity:0;pointer-events:none;transition:none}}@media (max-width:560px){.qsa .st-figs>div{padding:14px 14px 13px}.qsa .st-points{padding:12px 14px 16px}}@media (prefers-reduced-motion:reduce){.qsa .st-live:before,.qsa .st-cap{animation:none}.qsa .st .st-card{transition:none}}.qsa section.sty{--sty-gap:clamp(24px, 3vw, 48px)}.qsa section.sty .sty-top{gap:0 var(--sty-gap);grid-template-columns:minmax(0,1fr) minmax(0,.5fr);align-items:end;display:grid}.qsa section.sty .sty-top .sec-head{align-self:start;margin-bottom:clamp(24px,4vh,40px)}.qsa section.sty .sty-fig{justify-content:flex-end;margin-top:calc(-1*clamp(24px,6vh,64px))}.qsa section.sty .sty-fig img{--fig-h:min(56vh, 560px)}.qsa section.sty .sty-stats{z-index:1;position:relative}.qsa section.sty .sty-sub{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 24px;margin:clamp(40px,7vh,72px) 0 18px;padding-bottom:14px;display:flex}.qsa section.sty .sty-sub-label{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;color:var(--text);align-items:baseline;gap:14px;font-size:clamp(1.7rem,2.4vw,2.5rem);font-weight:900;line-height:.9;display:inline-flex}.qsa section.sty .sty-sub-label b{font-family:var(--mono);letter-spacing:.16em;color:var(--tone);font-size:.74rem;font-weight:600}.qsa section.sty .sty-sub-label b:before{content:"["}.qsa section.sty .sty-sub-label b:after{content:"]"}.qsa section.sty .sty-sub-now{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--soft);align-items:center;gap:9px;font-size:.68rem;font-weight:600;display:inline-flex}.qsa section.sty .sty-sub-now i{background:var(--c,var(--tone));width:9px;height:9px}.qsa section.sty .tpl-grid{margin:0 0 var(--sty-gap);border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(10,minmax(0,1fr));gap:0;display:grid}.qsa section.sty .tpl{cursor:pointer;text-align:left;background:var(--panel);border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;color:var(--soft);box-shadow:none;border-radius:0;flex-direction:column;gap:0;margin:0;padding:0;transition:color .2s,background-color .2s;display:flex;position:relative;overflow:hidden;transform:none}.qsa section.sty .tpl img{aspect-ratio:480/281;object-fit:cover;opacity:.78;background:#0a0b0d;width:100%;height:auto;transition:opacity .25s;display:block}.qsa section.sty .tpl-name{border-top:1px solid var(--line);min-width:0;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;padding:9px 10px 10px;font-size:.62rem;font-weight:600;transition:background-color .2s,color .2s;display:flex;overflow:hidden}.qsa section.sty .tpl-name i{background:var(--c);flex:none;width:8px;height:8px}.qsa section.sty .tpl:after{content:"";pointer-events:none;transition:box-shadow .2s;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #0000}.qsa section.sty .tpl:hover{color:var(--text);background:#161a1ef5;transform:none}.qsa section.sty .tpl:hover img,.qsa section.sty .tpl.on img{opacity:1}.qsa section.sty .tpl.on{color:var(--ink);box-shadow:none}.qsa section.sty .tpl.on:after{box-shadow:inset 0 0 0 2px var(--tone)}.qsa section.sty .tpl.on .tpl-name{background:var(--tone);color:var(--ink);border-top-color:var(--tone)}.qsa section.sty .tpl.on .tpl-name i{box-shadow:0 0 0 1px var(--ink)}.qsa section.sty .tpl:focus-visible{outline:2px solid var(--tone);outline-offset:-2px}.qsa section.sty .styles-stage{gap:var(--sty-gap);grid-template-columns:minmax(0,1.65fr) minmax(280px,.55fr);align-items:start;display:grid}.qsa section.sty .styles-side{border-top:0;gap:0;padding:4px 22px 10px;display:grid}.qsa section.sty .opt{border-bottom:1px solid var(--line);padding:18px 0}.qsa section.sty .opt:last-child{border-bottom:0}.qsa section.sty .opt p{color:var(--soft);margin:12px 0 0;font-size:.92rem;line-height:1.5}.qsa section.sty .opt-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--soft);margin-bottom:12px;font-size:.66rem;font-weight:600;display:block}.qsa section.sty .opt .ticks{font-size:.92rem;line-height:1.5}.qsa section.sty .studio-block,.qsa section.sty .compare{border-top:0;margin-top:0;padding-top:0}.qsa section.sty :is(.studio-head,.compare-head) p{max-width:46em;color:var(--soft);margin:0 0 22px;font-size:1.02rem;line-height:1.6}.qsa section.sty .studio-grid{gap:var(--sty-gap);grid-template-columns:minmax(280px,.55fr) minmax(0,1.65fr);align-items:start;display:grid}.qsa section.sty .studio-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.qsa section.sty .studio-list li{border-bottom:1px solid var(--line)}.qsa section.sty .studio-list button{text-align:left;cursor:pointer;width:100%;color:var(--soft);font:inherit;background:0 0;border:0;border-left:3px solid #0000;grid-template-columns:34px minmax(0,1fr);column-gap:10px;margin:0;padding:13px 14px 13px 11px;transition:color .2s,background-color .2s,border-color .2s;display:grid}.qsa section.sty .studio-list .studio-n{font-family:var(--mono);letter-spacing:.14em;color:var(--mute);grid-row:span 2;padding-top:4px;font-size:.66rem;font-weight:600}.qsa section.sty .studio-list b{font-family:var(--display);letter-spacing:0;text-transform:uppercase;color:inherit;font-size:1.35rem;font-weight:900;line-height:1}.qsa section.sty .studio-list button>span:last-child{opacity:0;max-height:0;transition:max-height .35s var(--ease), opacity .3s, margin .3s;font-size:.9rem;line-height:1.5;overflow:hidden}.qsa section.sty .studio-list button:hover{color:var(--text);background:#0e111399}.qsa section.sty .studio-list button.on{color:var(--text);background:var(--panel);border-left-color:var(--tone)}.qsa section.sty .studio-list button.on .studio-n{color:var(--tone)}.qsa section.sty .studio-list button.on>span:last-child{opacity:1;max-height:96px;color:var(--soft);margin-top:6px}.qsa section.sty .compare-picks{gap:12px var(--sty-gap);grid-template-columns:1fr 1fr;margin-bottom:18px;display:grid}.qsa section.sty .tpl-select{display:block;position:relative}.qsa section.sty .tpl-select .opt-label{margin-bottom:8px}.qsa section.sty .tpl-select select{--cut:11px;appearance:none;cursor:pointer;background:var(--panel);width:100%;min-height:46px;box-shadow:inset 3px 0 0 var(--c), inset 0 0 0 1px var(--line-2);clip-path:var(--notch);color:var(--text);font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;border:0;border-radius:0;padding:10px 40px 10px 16px;font-size:.72rem;font-weight:600}.qsa section.sty .tpl-select select:hover{box-shadow:inset 3px 0 0 var(--c), inset 0 0 0 1px color-mix(in srgb, var(--tone) 60%, transparent)}.qsa section.sty .tpl-select:after{content:"";pointer-events:none;border-right:1.5px solid var(--tone);border-bottom:1.5px solid var(--tone);width:7px;height:7px;position:absolute;bottom:19px;right:18px;transform:rotate(45deg)}.qsa section.sty .tpl-select option{color:var(--text);text-transform:none;background:#121619}.qsa section.sty .compare-stage{position:relative}.qsa section.sty .compare-stage .demo-bar{display:none}.qsa section.sty .compare-top{clip-path:inset(0 0 0 var(--pos));pointer-events:none;position:absolute;inset:0}.qsa section.sty .compare-handle{top:0;bottom:0;left:var(--pos);z-index:4;pointer-events:none;justify-content:center;align-items:flex-start;width:0;display:flex;position:absolute}.qsa section.sty .compare-handle i{background:var(--text);width:2px;box-shadow:none;position:absolute;top:0;bottom:0;left:-1px}.qsa section.sty .compare-handle i:after{content:"⟷";background:var(--tone);width:40px;height:40px;color:var(--ink);border-radius:0;place-items:center;font-size:18px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qsa section.sty .compare-handle span{white-space:nowrap;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);background:#060708d6;border:0;padding:6px 10px;font-size:.62rem;font-weight:600;position:absolute;top:14px}.qsa section.sty .compare-handle span:first-child{right:14px}.qsa section.sty .compare-handle span:last-child{left:14px}.qsa section.sty .compare-range{z-index:5;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (max-width:1400px){.qsa section.sty .tpl-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1100px){.qsa section.sty .styles-stage,.qsa section.sty .studio-grid{grid-template-columns:minmax(0,1fr)}.qsa section.sty .studio-grid .demo{order:-1}}@media (max-width:1000px){.qsa section.sty .sty-top{grid-template-columns:minmax(0,1fr)}.qsa section.sty .sty-fig{display:none}}@media (max-width:760px){.qsa section.sty .tpl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.qsa section.sty .tpl-name{letter-spacing:.06em;gap:5px;padding:7px 6px 8px;font-size:.52rem}.qsa section.sty .tpl-name i{width:6px;height:6px}.qsa section.sty .styles-side{padding:2px 16px 6px}.qsa section.sty .compare-picks{gap:8px}.qsa section.sty .tpl-select select{letter-spacing:.08em;padding-left:12px;font-size:.62rem}.qsa section.sty .compare-handle span{padding:4px 7px;font-size:.52rem;top:8px}}@media (max-width:460px){.qsa section.sty .tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.qsa .world-story .clip{aspect-ratio:16/9;background:#07080a;position:relative;overflow:hidden}.qsa .world-story .clip video{object-fit:cover;width:100%;height:100%;display:block}.qsa .world-story .clip-soon{background:linear-gradient(#060708bd, #060708e0), var(--clip-bg,none) center / cover no-repeat;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.qsa .world-story .clip-soon-ico{border:1px solid var(--tone,var(--accent));width:92px;height:92px;color:var(--tone,var(--accent));place-items:center;display:grid}.qsa .world-story .clip-soon b{font-family:var(--display,inherit);text-transform:uppercase;color:var(--text);font-size:1.7rem;font-weight:900;line-height:.95}.qsa .world-story .clip-soon small{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-size:.66rem;font-weight:600}
.qsa .admin .admin-new{margin:0 var(--qsa-inline) 8px;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.qsa .admin .admin-new li{align-content:start;gap:8px;padding:18px 20px 20px;display:grid}.qsa .admin .admin-new b{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--tone);font-size:.68rem;font-weight:600}.qsa .admin .admin-new span{color:var(--soft);font-size:.9rem;line-height:1.5}@media (max-width:1000px){.qsa .admin .admin-new{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.qsa .admin .admin-new{grid-template-columns:1fr}}
.qsa .pg-keys{flex-wrap:wrap;gap:8px 16px;margin:14px 0 12px;display:flex}.qsa .pg-keys>span{color:var(--soft);white-space:nowrap;align-items:center;gap:7px;font-size:.9rem;display:inline-flex}.qsa .pg-keys kbd{min-width:0}.qsa .pg-note{font-family:var(--mono);letter-spacing:.04em;color:var(--mute);font-size:.7rem;line-height:1.6}