.cheat-demo{min-width:0;min-height:610px;position:relative;z-index:4;overflow:hidden;border:1px solid #2bdd6252;border-radius:18px;background:linear-gradient(145deg,#07110b,#040806);box-shadow:0 36px 90px #0009;contain:layout paint;animation:cheatDemoIn .65s cubic-bezier(.2,.8,.2,1) both}
.cheat-demo::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#34f26b08 1px,transparent 1px),linear-gradient(90deg,#34f26b08 1px,transparent 1px),radial-gradient(circle at 72% 22%,#34f26b12,transparent 32%);background-size:36px 36px,36px 36px,auto}
.cheat-demo-topbar,.cheat-demo-footer{height:44px;padding:0 17px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b3523;background:#07100bcf;color:#728178;font-size:7px;font-weight:900;letter-spacing:.13em}
.cheat-demo-topbar span,.cheat-demo-topbar b,.cheat-demo-footer span{display:flex;align-items:center;gap:7px}.cheat-demo-topbar>span i,.cheat-demo-topbar>b i,.cheat-demo-footer i,.cheat-demo-live i{width:6px;height:6px;border-radius:50%;background:#34f26b;box-shadow:0 0 12px #34f26b}
.cheat-demo-topbar b{color:#34f26b}.cheat-demo-window{height:520px;position:relative;z-index:1;display:grid;grid-template-columns:146px minmax(0,1fr)}
.cheat-demo-sidebar{padding:15px 10px 12px;display:flex;min-width:0;flex-direction:column;border-right:1px solid #1d2f23;background:#080d0a}
.cheat-demo-brand{padding:4px 7px 18px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #17241b}.cheat-demo-brand>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #34f26b7a;border-radius:9px;background:#0d2515;color:#34f26b;font-size:10px;font-weight:900}.cheat-demo-brand>div,.cheat-demo-profile>span{display:flex;min-width:0;flex-direction:column;gap:3px}.cheat-demo-brand b,.cheat-demo-profile b{color:#e4eee7;font-size:8px}.cheat-demo-brand small,.cheat-demo-profile small{color:#536159;font-size:6px;letter-spacing:.08em}
.cheat-demo-sidebar nav{margin-top:13px;display:flex;flex-direction:column;gap:5px}.cheat-demo-sidebar nav button{height:42px;padding:0 10px;display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:9px;background:transparent;color:#68766d;font:inherit;font-size:8px;font-weight:800;text-align:left;cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .16s}.cheat-demo-sidebar nav button:hover{color:#b9c7bd;background:#0d1710}.cheat-demo-sidebar nav button.active{border-color:#34f26b38;background:linear-gradient(90deg,#11321b,#0b1710);color:#34f26b;box-shadow:inset 2px 0 #34f26b}.cheat-demo-sidebar nav button i{width:22px;height:22px;display:grid;place-items:center;border:1px solid #29372e;border-radius:6px;font-size:11px;font-style:normal}.cheat-demo-sidebar nav button.active i{border-color:#34f26b66;background:#102719}.cheat-demo-profile{margin-top:auto;padding:12px 7px 2px;display:flex;align-items:center;gap:8px;border-top:1px solid #17241b}.cheat-demo-profile>i{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#14331d;color:#34f26b;font-size:8px;font-style:normal;font-weight:900}
.cheat-demo-content{min-width:0;padding:18px;background:#050906a8}.cheat-demo-heading{height:50px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #1c2b21}.cheat-demo-heading small{color:#34f26b;font-size:6px;font-weight:900;letter-spacing:.14em}.cheat-demo-heading h3{margin:5px 0 0;color:#edf5ef;font-size:18px;letter-spacing:-.04em}.cheat-demo-live{padding:6px 8px;display:flex;align-items:center;gap:6px;border:1px solid #34f26b3e;border-radius:99px;background:#0c2013;color:#77ef98;font-size:6px;font-weight:900;letter-spacing:.1em}
.cheat-pane{padding-top:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;animation:cheatPaneIn .24s ease both}.cheat-pane[hidden]{display:none}.cheat-setting-card{min-width:0;min-height:158px;padding:13px;border:1px solid #1f3025;border-radius:11px;background:linear-gradient(145deg,#0b130e,#080d0a);box-shadow:inset 0 1px #ffffff05}.cheat-setting-card>header{min-height:34px;margin-bottom:11px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid #18261d}.cheat-setting-card>header>div{display:flex;min-width:0;flex-direction:column;gap:3px}.cheat-setting-card>header b{color:#dce7df;font-size:9px}.cheat-setting-card>header small{color:#5e6d63;font-size:7px}.cheat-setting-card>header>strong{color:#34f26b;font-size:9px}.cheat-card-wide{grid-column:1/-1;min-height:100px}
.cheat-switch{position:relative;flex:0 0 30px;width:30px;height:17px}.cheat-switch input,.cheat-check input{position:absolute;opacity:0;pointer-events:none}.cheat-switch i{position:absolute;inset:0;border-radius:99px;background:#222e27;cursor:pointer;transition:.18s}.cheat-switch i::after{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#78857c;transition:.18s}.cheat-switch input:checked+i{background:#176d31;box-shadow:0 0 14px #34f26b20}.cheat-switch input:checked+i::after{left:16px;background:#34f26b}
.cheat-check{height:27px;display:flex;align-items:center;gap:8px;color:#89968d;font-size:8px;cursor:pointer}.cheat-check>i{width:14px;height:14px;display:grid;place-items:center;border:1px solid #344139;border-radius:4px;background:#0b120e}.cheat-check input:checked+i{border-color:#34f26b;background:#34f26b}.cheat-check input:checked+i::after{content:"✓";color:#061008;font-size:9px;font-weight:900}
.cheat-range{display:block;margin-top:11px}.cheat-range>span{display:flex;align-items:center;justify-content:space-between}.cheat-range b,.cheat-range output{color:#89968d;font-size:7px}.cheat-range output{color:#34f26b}.cheat-range input{width:100%;height:3px;margin:9px 0 0;display:block;accent-color:#34f26b;cursor:pointer}
.cheat-color{height:31px;display:flex;align-items:center;justify-content:space-between;color:#89968d;font-size:8px}.cheat-color input{width:25px;height:20px;padding:0;border:1px solid #344139;border-radius:5px;background:transparent;cursor:pointer}.cheat-color input::-webkit-color-swatch-wrapper{padding:2px}.cheat-color input::-webkit-color-swatch{border:0;border-radius:3px}
.cheat-choice-row,.cheat-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cheat-choice-grid{grid-template-columns:repeat(2,1fr)}.cheat-choice-row button,.cheat-choice-grid button{min-height:31px;border:1px solid #28362e;border-radius:7px;background:#0a110d;color:#748078;font:inherit;font-size:7px;font-weight:800;cursor:pointer}.cheat-choice-row button.active,.cheat-choice-grid button.active{border-color:#34f26b70;background:#102719;color:#34f26b}
.cheat-key{padding:7px 12px;border:1px solid #34f26b55;border-radius:7px;background:#0f2416;color:#34f26b;font:inherit;font-size:7px;font-weight:900;cursor:pointer}.cheat-config-status{color:#34f26b;font-size:6px;font-weight:900;letter-spacing:.1em}.cheat-config-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cheat-config-list>button{min-width:0;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:7px;border:1px solid #25352a;border-radius:8px;background:#09100c;color:#718078;text-align:left;cursor:pointer}.cheat-config-list>button.active{border-color:#34f26b77;background:#102719}.cheat-config-list span{display:flex;min-width:0;flex-direction:column;gap:3px}.cheat-config-list b{color:#cfd9d2;font-size:7px}.cheat-config-list small{overflow:hidden;color:#5c6961;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.cheat-config-list i{color:#34f26b;font-size:6px;font-style:normal;font-weight:900}.cheat-save-config{width:100%;height:35px;margin-top:9px;border:0;border-radius:8px;background:#34f26b;color:#061008;font:inherit;font-size:7px;font-weight:900;letter-spacing:.08em;cursor:pointer}.cheat-save-config:hover{background:#63ff8d}.cheat-config-status.saved{animation:cheatSaved .45s ease}
.cheat-demo-footer{height:44px;border-top:1px solid #1b3523;border-bottom:0}
@keyframes cheatDemoIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes cheatPaneIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes cheatSaved{50%{color:#fff;text-shadow:0 0 12px #34f26b}}
@media(max-width:1100px){.cheat-demo{min-height:570px}.cheat-demo-window{height:480px}.cheat-setting-card{min-height:145px}}
@media(max-width:700px){.cheat-demo{min-height:610px}.cheat-demo-window{height:520px;grid-template-columns:1fr;grid-template-rows:auto 1fr}.cheat-demo-sidebar{padding:9px;border-right:0;border-bottom:1px solid #1d2f23}.cheat-demo-brand,.cheat-demo-profile{display:none}.cheat-demo-sidebar nav{margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.cheat-demo-sidebar nav button{height:42px;padding:0;justify-content:center}.cheat-demo-sidebar nav button span{display:none}.cheat-demo-content{padding:12px}.cheat-demo-heading{height:43px}.cheat-setting-card{padding:10px}.cheat-config-list{grid-template-columns:1fr}}
@media(max-width:480px){.cheat-demo{min-height:690px}.cheat-demo-window{height:600px}.cheat-pane{grid-template-columns:1fr}.cheat-card-wide{grid-column:auto}.cheat-setting-card{min-height:0}.cheat-demo-topbar>span{display:none}}
@media(prefers-reduced-motion:reduce){.cheat-demo,.cheat-pane,.cheat-config-status.saved{animation:none!important}.cheat-demo *{transition:none!important}}