.config-studio-page{--studio-panel:#0b0b0c;--studio-panel-2:#111113;--studio-line:rgba(255,255,255,.12);--studio-muted:#918a82}
.config-studio-games{display:flex;overflow-x:auto;gap:5px;margin:0 0 14px;padding:5px;border:1px solid var(--studio-line);background:#080808;scrollbar-width:thin}.config-studio-games a{display:flex;min-width:75px;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border:1px solid transparent;color:#8f8981;font:700 10px var(--mono);letter-spacing:.08em;text-decoration:none;white-space:nowrap}.config-studio-games a span{display:none}.config-studio-games a:hover{border-color:var(--studio-line);color:#eee}.config-studio-games a.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,#090909);color:#fff}
.config-studio-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px;padding:26px 28px;border:1px solid var(--studio-line);background:linear-gradient(100deg,rgba(14,7,5,.98),rgba(10,10,11,.92)),var(--mw-game-hero) center/cover}.config-studio-head>div:first-child>span{color:var(--accent);font:700 9px var(--mono);letter-spacing:.16em}.config-studio-head h1{margin:7px 0;color:#f0e6d8;font:700 clamp(28px,4vw,46px)/1 var(--display)}.config-studio-head p{margin:0;color:#aaa097}.config-studio-head-actions{display:flex;flex-wrap:wrap;gap:8px}.config-studio-button{min-height:42px;padding:10px 16px;border:1px solid var(--accent);background:var(--accent);color:#070707;font:800 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.config-studio-button.is-secondary{background:transparent;color:#eee}.config-studio-button:hover{filter:brightness(1.14)}
.config-studio-message{margin:0 0 14px;padding:12px 15px;border:1px solid}.config-studio-message.is-success{border-color:#2f8058;background:#0d2118;color:#79e9ae}.config-studio-message.is-error{border-color:#8d3535;background:#281010;color:#ff9393}.config-studio-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:14px;align-items:start}.config-studio-form{display:grid;gap:9px}.config-studio-base{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;border:1px solid var(--studio-line);background:var(--studio-panel)}.config-studio-base label,.config-studio-fields>label,.config-save-panel label{display:grid;gap:7px;color:#a79e94;font:700 10px var(--mono);letter-spacing:.04em}.config-studio-page :is(input:not([type=checkbox]),select){width:100%;min-height:39px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:0;background:#080809;color:#ece5dc;outline:0}.config-studio-page :is(input,select):focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}
.config-studio-group{border:1px solid var(--studio-line);background:var(--studio-panel)}.config-studio-group>summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;color:#ece4da;font:700 13px var(--ui);cursor:pointer;list-style:none}.config-studio-group>summary::-webkit-details-marker{display:none}.config-studio-group>summary:after{margin-left:auto;color:var(--accent);content:'+'}.config-studio-group[open]>summary:after{content:'−'}.config-studio-group>summary b{display:grid;min-width:22px;height:22px;margin-left:9px;place-items:center;border-radius:11px;background:rgba(255,255,255,.08);color:#8f8880;font:700 9px var(--mono)}.config-studio-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;border-top:1px solid var(--studio-line);background:#080809}.config-studio-fields>label>output{color:var(--accent);font:700 11px var(--mono)}.config-studio-fields input[type=range]{height:5px;min-height:5px;padding:0;border:0;background:rgba(255,255,255,.14);accent-color:var(--accent)}.config-color-field{display:grid;grid-template-columns:55px 1fr;align-items:center;gap:8px}.config-color-field input[type=color]{height:39px;padding:4px}.config-color-field output{color:#bcb2a8;font:11px var(--mono)}.config-toggle{display:grid!important;grid-template-columns:36px 1fr;align-items:center;gap:9px}.config-toggle input{position:absolute;opacity:0}.config-toggle>span{position:relative;width:36px;height:20px;border-radius:10px;background:#343434}.config-toggle>span:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#9e9e9e;content:'';transition:.16s}.config-toggle input:checked+span{background:color-mix(in srgb,var(--accent) 55%,#222)}.config-toggle input:checked+span:after{left:19px;background:#fff}.config-toggle em{grid-column:2;color:#bdb5ac;font-style:normal}
.config-studio-fields.is-binds{grid-template-columns:repeat(3,minmax(0,1fr))}.config-bind-field input{cursor:pointer;text-align:center}.config-bind-field input.is-capturing{border-color:#66df9b;box-shadow:0 0 0 2px rgba(60,220,133,.18);color:#66df9b}.config-keyboard{display:grid;gap:5px;padding:16px;border-top:1px solid var(--studio-line);background:#050506}.config-keyboard>div{display:flex;justify-content:center;gap:4px}.config-keyboard button{min-width:43px;height:42px;padding:4px;border:1px solid rgba(255,255,255,.15);background:#101012;color:#aaa;font:700 9px var(--mono);cursor:pointer}.config-keyboard button[data-key=SPACE]{min-width:180px}.config-keyboard button.is-used{border-color:color-mix(in srgb,var(--accent) 65%,#333);color:#fff}.config-keyboard button b,.config-keyboard button small{display:block}.config-keyboard button small{max-width:60px;overflow:hidden;margin-top:2px;color:var(--accent);font-size:6px;text-overflow:ellipsis;white-space:nowrap}.config-bind-help{margin:0;padding:0 16px 16px;background:#050506;color:#7f7973;font-size:10px}
.config-studio-preview{position:sticky;top:18px;display:grid;gap:10px}.config-preview-stage{position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#090909}.config-preview-stage:before{position:absolute;z-index:-2;inset:0;background:var(--config-scene) center/cover;content:''}.config-preview-stage:after{position:absolute;z-index:6;inset:0;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,rgba(2,5,7,.14),transparent 34%,rgba(0,0,0,.22)),radial-gradient(circle at 50% 48%,transparent 48%,rgba(0,0,0,.48));content:'';pointer-events:none}.config-preview-scene,.config-preview-scene svg{position:absolute;z-index:0;inset:0;width:100%;height:100%}.config-preview-scene path{fill:rgba(255,82,45,.035)}.config-preview-scene line{stroke:rgba(255,112,74,.18);stroke-width:1}.config-preview-readout{position:absolute;z-index:7;top:12px;left:12px;display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid rgba(255,255,255,.09);background:rgba(2,3,4,.72);color:#d9dfe2;font:700 7px/1 var(--mono);letter-spacing:.1em}.config-preview-readout strong{color:#fff;font-size:8px}.config-preview-hud{position:absolute;z-index:5;right:18px;bottom:16px;left:18px;display:flex;align-items:end;justify-content:space-between;text-shadow:0 2px 6px #000}.config-preview-hud>span{font:700 15px var(--ui)}.config-preview-hud>b{font:800 32px var(--mono)}
.config-preview-stage.is-cs2:before{filter:saturate(.86) contrast(1.03) brightness(.82);transform:scale(1.01)}.config-preview-stage.is-cs2:after{background:linear-gradient(180deg,rgba(3,7,9,.22),transparent 25%,transparent 68%,rgba(0,0,0,.33)),radial-gradient(circle at 50% 48%,transparent 56%,rgba(0,0,0,.36))}.config-preview-stage.is-cs2 .config-preview-readout{top:11px;right:11px;left:auto;border-color:rgba(238,170,52,.32);color:#c9c6bb}.config-preview-stage.is-cs2 .config-preview-readout strong{color:#efb343}.config-cs2-topbar{position:absolute;z-index:4;top:10px;left:50%;display:grid;grid-template-columns:24px 42px 24px;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:3px;background:rgba(4,7,8,.76);color:#d4d8da;font:800 8px var(--mono);text-align:center;transform:translateX(-50%)}.config-cs2-topbar b{padding:6px 4px;border-right:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08);color:#f0c164;font-size:9px}.config-cs2-radar{position:absolute;z-index:4;top:12px;left:12px;width:66px;height:66px;overflow:hidden;border:1px solid rgba(214,222,221,.2);border-radius:50%;background:radial-gradient(circle,rgba(92,117,112,.28),rgba(7,12,13,.72) 70%),linear-gradient(35deg,transparent 48%,rgba(255,255,255,.12) 49% 51%,transparent 52%)}.config-cs2-radar:before,.config-cs2-radar:after{position:absolute;inset:12px;border:1px solid rgba(255,255,255,.12);transform:rotate(35deg);content:''}.config-cs2-radar:after{inset:25px;border-radius:50%;background:#d6b95a}.config-cs2-radar i{position:absolute;width:4px;height:4px;border-radius:50%;background:#72bddc;box-shadow:0 0 5px currentColor}.config-cs2-radar i:nth-child(1){top:16px;left:23px}.config-cs2-radar i:nth-child(2){top:35px;left:13px}.config-cs2-radar i:nth-child(3){right:15px;bottom:17px}.config-cs2-radar b{position:absolute;z-index:2;top:29px;left:30px;width:0;height:0;border-right:3px solid transparent;border-bottom:8px solid #f2d76e;border-left:3px solid transparent;transform:rotate(18deg)}
.config-crosshair{--cross-size:24px;--cross-thickness:2px;--cross-gap:6px;--cross-color:#ff4938;position:absolute;z-index:8;top:50%;left:50%;width:calc(var(--cross-size) + var(--cross-gap)*2);height:calc(var(--cross-size) + var(--cross-gap)*2);transform:translate(-50%,-50%);filter:drop-shadow(0 0 1px #000)}.config-crosshair i{position:absolute;background:var(--cross-color)}.config-crosshair i:nth-child(1),.config-crosshair i:nth-child(2){top:50%;width:calc(var(--cross-size)/2);height:var(--cross-thickness)}.config-crosshair i:nth-child(1){right:calc(50% + var(--cross-gap))}.config-crosshair i:nth-child(2){left:calc(50% + var(--cross-gap))}.config-crosshair i:nth-child(3),.config-crosshair i:nth-child(4){left:50%;width:var(--cross-thickness);height:calc(var(--cross-size)/2)}.config-crosshair i:nth-child(3){bottom:calc(50% + var(--cross-gap))}.config-crosshair i:nth-child(4){top:calc(50% + var(--cross-gap))}.config-crosshair b{display:none;position:absolute;top:50%;left:50%;width:var(--cross-thickness);height:var(--cross-thickness);transform:translate(-50%,-50%);border-radius:50%;background:var(--cross-color)}.config-crosshair.has-dot b{display:block}.config-crosshair.has-outline i,.config-crosshair.has-outline b{box-shadow:0 0 0 1px #000}.config-viewmodel{position:absolute;z-index:3;right:-9%;bottom:-23%;width:72%;height:auto;max-width:none;transform-origin:72% 88%;filter:drop-shadow(-12px 12px 18px rgba(0,0,0,.34));pointer-events:none;user-select:none}.config-preview-hud.is-cs2{z-index:5;right:16px;bottom:13px;left:16px;color:var(--config-hud-color,#e8e3da);font-family:var(--mono)}.config-cs2-health,.config-cs2-ammo{display:flex!important;align-items:center;gap:5px!important;padding:5px 8px;border-radius:2px;background:linear-gradient(90deg,rgba(3,5,6,.72),rgba(3,5,6,.28));color:inherit;font-family:var(--mono)!important;text-shadow:0 1px 3px #000}.config-cs2-health i{font-style:normal;font-size:12px}.config-cs2-health b,.config-cs2-ammo b{font-size:21px!important}.config-cs2-ammo{align-items:baseline;margin-left:auto}.config-cs2-ammo small{font-size:8px;opacity:.72}
.config-code-panel,.config-save-panel,.config-saved-list{border:1px solid var(--studio-line);background:var(--studio-panel)}.config-code-panel>header,.config-saved-list>header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--studio-line)}.config-code-panel header div{display:grid}.config-code-panel header span{color:var(--accent);font:700 8px var(--mono);letter-spacing:.14em}.config-code-panel header strong{color:#eee}.config-code-panel header small,.config-saved-list header span{color:#817b74;font:9px var(--mono)}.config-code-panel pre{max-height:330px;margin:0;padding:15px;overflow:auto;background:#050506;color:#b7d7c3;font:10px/1.6 var(--mono);white-space:pre-wrap}.config-save-panel{padding:14px}.config-save-panel form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.config-login-note p{margin:5px 0;color:#8f8880;font-size:11px}.config-login-note a{color:var(--accent)}.config-saved-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.config-saved-list article:last-child{border:0}.config-saved-list article div{display:grid;min-width:0}.config-saved-list article small{overflow:hidden;color:#807a73;font:8px var(--mono);text-overflow:ellipsis;white-space:nowrap}.config-saved-list article a,.config-saved-list article button{border:0;background:transparent;color:var(--accent);font:700 9px var(--mono);cursor:pointer}.config-saved-list article.is-archived{opacity:.5}
@media(max-width:1050px){.config-studio-layout{grid-template-columns:1fr}.config-studio-preview{position:static;grid-template-columns:1fr 1fr}.config-preview-stage{grid-column:1/-1}.config-save-panel,.config-saved-list{grid-column:1/-1}}
@media(max-width:720px){.config-studio-head{align-items:flex-start;flex-direction:column;padding:20px}.config-studio-head-actions{width:100%}.config-studio-head-actions button{flex:1}.config-studio-base,.config-studio-fields{grid-template-columns:1fr}.config-studio-fields.is-binds{grid-template-columns:repeat(2,minmax(0,1fr))}.config-studio-preview{grid-template-columns:1fr}.config-code-panel,.config-save-panel,.config-saved-list{grid-column:1}.config-keyboard{overflow-x:auto;align-items:center}.config-keyboard>div{width:max-content;min-width:100%}.config-save-panel form{grid-template-columns:1fr}.config-preview-stage{min-height:230px;aspect-ratio:auto}}

/* Crosshair arms stay geometrically centred at every thickness. */
.config-crosshair i:nth-child(1),.config-crosshair i:nth-child(2){transform:translateY(-50%)}
.config-crosshair i:nth-child(3),.config-crosshair i:nth-child(4){transform:translateX(-50%)}

/* Engine-specific in-game preview adapters. */
.config-preview-stage:before{transform:scale(var(--world-scale,1.02));transition:transform .22s ease,filter .22s ease}
.config-preview-stage:after{z-index:2;pointer-events:none}
.config-preview-stage.is-q1:before{filter:saturate(.68) contrast(1.12) brightness(.78)}
.config-preview-stage.is-q2:before{filter:saturate(.72) contrast(1.1) brightness(.76)}
.config-preview-stage.is-q3:before{filter:saturate(.9) contrast(1.07) brightness(.8)}
.config-preview-stage.is-ql:before{filter:saturate(.82) contrast(1.08) brightness(.78)}
.config-preview-stage.is-tw:before{filter:saturate(1.05) contrast(1.02) brightness(.9)}
.config-preview-stage.is-cs16:before{filter:saturate(.75) contrast(1.05) brightness(.8)}
.config-preview-stage.is-cs2:before{filter:saturate(.86) contrast(1.03) brightness(.82);transform:scale(var(--world-scale,1.02))}
.config-preview-stage.is-tw:after{background:linear-gradient(180deg,rgba(8,20,28,.08),transparent 72%,rgba(5,12,16,.24));box-shadow:inset 0 0 70px rgba(18,43,52,.22)}
.config-preview-stage.is-cs16:after{background:linear-gradient(180deg,rgba(31,27,16,.12),transparent 55%,rgba(0,0,0,.3)),radial-gradient(circle at 50% 48%,transparent 55%,rgba(0,0,0,.38))}
.config-viewmodel{--vm-x:0px;--vm-y:0px;--vm-scale:1;z-index:3;max-width:none;transform:translate3d(var(--vm-x),var(--vm-y),0) scale(var(--vm-scale));transition:transform .16s ease,opacity .14s ease;pointer-events:none;user-select:none}
.config-viewmodel.is-hidden{opacity:0;transform:translate3d(var(--vm-x),calc(var(--vm-y) + 24px),0) scale(.94)}
.config-preview-stage.is-q1 .config-viewmodel,.config-preview-stage.is-q2 .config-viewmodel,.config-preview-stage.is-q3 .config-viewmodel,.config-preview-stage.is-ql .config-viewmodel,.config-preview-stage.is-cs16 .config-viewmodel{right:0;bottom:0;width:100%;transform-origin:50% 100%;filter:drop-shadow(-8px 10px 12px rgba(0,0,0,.32))}
.config-preview-stage.is-q1 .config-viewmodel{bottom:-2%;transform-origin:50% 100%}
.config-preview-stage.is-q2 .config-viewmodel{right:-1%;bottom:-2%;transform-origin:80% 100%}
.config-preview-stage.is-q3 .config-viewmodel{right:-2%;bottom:-2%;transform-origin:78% 100%}
.config-preview-stage.is-ql .config-viewmodel{right:-2%;bottom:-2%;transform-origin:80% 100%}
.config-preview-stage.is-cs16 .config-viewmodel{right:-1%;bottom:-1%;transform-origin:78% 100%;filter:drop-shadow(-6px 8px 8px rgba(0,0,0,.24))}
.config-preview-stage.is-tw .config-viewmodel{right:auto;bottom:-7%;left:0;width:100%;transform-origin:35% 75%;filter:drop-shadow(0 7px 8px rgba(0,0,0,.24))}
.config-preview-stage.is-tw[data-skin="bluekitty"] .config-viewmodel{filter:hue-rotate(150deg) drop-shadow(0 7px 8px rgba(0,0,0,.24))}
.config-preview-stage.is-tw[data-skin="cammo"] .config-viewmodel{filter:hue-rotate(62deg) saturate(.55) drop-shadow(0 7px 8px rgba(0,0,0,.24))}
.config-preview-stage.is-tw[data-skin="coala"] .config-viewmodel{filter:grayscale(.75) sepia(.2) drop-shadow(0 7px 8px rgba(0,0,0,.24))}
.config-preview-stage.is-tw[data-skin="redstripe"] .config-viewmodel{filter:hue-rotate(-18deg) saturate(1.25) drop-shadow(0 7px 8px rgba(0,0,0,.24))}
.config-preview-stage.has-dynamic-camera:before{transform:scale(var(--world-scale,1.08)) translateX(-1.2%)}

.config-game-hud{position:absolute;z-index:5;right:0;bottom:0;left:0;color:#f0eadc;font-family:var(--mono);text-shadow:0 2px 4px #000;pointer-events:none}
.config-game-hud small{display:block;font:700 6px/1 var(--mono);letter-spacing:.08em;opacity:.72}
.config-game-hud b{display:block;font:800 20px/1 var(--mono)}
.config-game-hud.is-q1{display:grid;grid-template-columns:1fr 34px 1fr 1fr;align-items:center;gap:7px;padding:7px 12px;border-top:2px solid #796044;background:linear-gradient(180deg,rgba(38,31,22,.93),rgba(12,10,8,.96));color:#d8c79b}
.config-game-hud.is-q1>span{padding-left:8px;border-left:2px solid var(--hud-accent,#d54d3d)}
.config-game-hud.is-q1>i{display:grid;width:30px;height:30px;place-items:center;border:2px ridge #8c775c;background:#362c21;color:var(--hud-accent,#d54d3d);font:900 9px var(--mono)}
.config-game-hud.is-q2{display:flex;align-items:center;gap:20px;padding:7px 13px;border-top:1px solid rgba(204,129,65,.6);background:linear-gradient(90deg,rgba(29,22,16,.94),rgba(12,12,10,.78));color:#ef9e4b}
.config-game-hud.is-q2>span{min-width:62px}.config-game-hud.is-q2>i{color:#ff6b24;font-style:normal;font-size:18px}
.config-game-hud.is-q3,.config-game-hud.is-ql{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:0 12px 9px}
.config-game-hud.is-q3>span:not(.config-hud-name),.config-game-hud.is-ql>span:not(.config-hud-name){display:flex;align-items:baseline;gap:4px;padding:5px 8px;border:1px solid rgba(255,255,255,.12);background:rgba(2,3,4,.68)}
.config-game-hud.is-q3>span small,.config-game-hud.is-ql>span small{display:inline;color:var(--accent,#ff4938)}
.config-game-hud.is-q3 .config-hud-name,.config-game-hud.is-ql .config-hud-name{position:absolute;right:12px;bottom:11px;font:700 8px var(--mono);letter-spacing:.06em}
.config-game-hud.is-q3{color:#f2d7a5}.config-game-hud.is-ql{color:#cfe7ff}
.config-game-hud.is-tw{display:grid;grid-template-columns:1fr auto;align-items:end;padding:10px 13px;color:#fff;text-shadow:0 1px 2px #13212a}
.config-game-hud.is-tw>span{align-self:start;padding:5px 8px;border-radius:6px;background:rgba(17,35,43,.6);font:800 10px var(--ui)}
.config-game-hud.is-tw>b{color:#f05c57;font-size:12px;letter-spacing:2px}.config-game-hud.is-tw>small{grid-column:2;color:#e8b24d;font-size:6px;letter-spacing:2px}
.config-game-hud.is-cs16{display:flex;align-items:flex-end;gap:18px;padding:8px 13px;color:#f4a51f}
.config-game-hud.is-cs16>span{display:flex;align-items:baseline;gap:4px;padding:4px 6px;background:rgba(0,0,0,.38)}
.config-game-hud.is-cs16>span small{display:inline;font-size:10px}.config-game-hud.is-cs16 .config-cs16-money{margin-right:auto;font:800 13px var(--mono)}
.config-preview-stage.is-q1 .config-preview-readout{border-color:rgba(207,176,122,.32);color:#cdbb91}.config-preview-stage.is-q2 .config-preview-readout{border-color:rgba(230,133,61,.3);color:#df985b}.config-preview-stage.is-q3 .config-preview-readout{border-color:rgba(255,73,56,.28)}.config-preview-stage.is-ql .config-preview-readout{border-color:rgba(83,168,255,.3);color:#8ec9ff}.config-preview-stage.is-tw .config-preview-readout{border-color:rgba(102,205,223,.32);color:#a9edf5}.config-preview-stage.is-cs16 .config-preview-readout{border-color:rgba(244,165,31,.32);color:#f4b94f}
.config-preview-stage.is-cs16 .config-crosshair{filter:drop-shadow(1px 1px 0 #000)}

@media(max-width:720px){.config-game-hud.is-q1{grid-template-columns:1fr 28px 1fr 1fr;padding:5px 8px}.config-game-hud b{font-size:16px}.config-game-hud.is-q2{gap:10px;padding:5px 8px}.config-game-hud.is-q3 .config-hud-name,.config-game-hud.is-ql .config-hud-name{display:none}.config-game-hud.is-cs16{gap:8px;padding:6px}.config-game-hud.is-cs16 .config-cs16-money{font-size:10px}}