.tester-body{min-height:100vh;background:#f4f3f7;color:#23212b}.tester-main{margin:0;padding:0;max-width:none}.tester-header{z-index:30}.tester-hero{position:relative;isolation:isolate;min-height:380px;padding:138px max(28px,calc((100vw - 1180px)/2)) 75px;overflow:hidden;background:radial-gradient(circle at 72% 20%,#342465 0,#171326 35%,#090911 72%);color:#fff}.tester-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(#000,transparent)}.tester-glow{position:absolute;z-index:-1;right:0;top:0;width:470px;height:280px;border-radius:50%;background:#6748ec;filter:blur(135px);opacity:.3}.tester-hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.tester-eyebrow{margin:0 0 10px;color:#9687e4;font:500 9px "DM Mono";letter-spacing:1.2px}.tester-hero h1{margin:0 0 15px;font-size:48px;line-height:1.15;letter-spacing:-2.2px}.tester-hero h1 span{color:#9984ff}.tester-hero-inner>div:first-child>p:last-child{margin:0;color:#9995a5;font-size:13px}.tester-live{min-width:190px;padding:15px 17px;display:grid;grid-template-columns:8px 1fr;align-items:center;column-gap:9px;border:1px solid #ffffff15;border-radius:12px;background:#ffffff08;backdrop-filter:blur(15px)}.tester-live>i{width:7px;height:7px;border-radius:50%;background:#69dda9;box-shadow:0 0 12px #69dda9;animation:tester-pulse 1.7s infinite}.tester-live span{font-size:11px;font-weight:600}.tester-live small{grid-column:2;color:#777282;font-size:8px;margin-top:3px}
.tester-workspace{position:relative;z-index:3;width:min(1250px,calc(100% - 40px));margin:-42px auto 0;padding-bottom:80px}.tester-summary{display:grid;grid-template-columns:1.15fr 1fr .8fr 1fr;border:1px solid #e5e2eb;border-radius:15px;background:#fff;box-shadow:0 18px 50px #1c173013;overflow:hidden}.tester-summary article{position:relative;min-height:112px;padding:21px 23px;border-right:1px solid #eceaf0}.tester-summary article:last-child{border-right:0}.tester-summary article>span{display:block;margin-bottom:11px;color:#8c8997;font-size:9px}.tester-summary strong{font:600 24px "DM Mono";letter-spacing:-.8px}.tester-summary strong small{color:#9b97a4;font-size:10px}.tester-summary article>small{display:block;margin-top:7px;color:#9b97a4;font-size:8px}.progress{position:absolute;left:23px;right:23px;bottom:17px;height:4px;border-radius:10px;background:#eeecf2;overflow:hidden}.progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#765be9,#a896ff);box-shadow:0 0 8px #765be966;transition:width .25s}.status-value{display:flex!important;align-items:center;gap:7px;font:600 15px Inter!important;letter-spacing:0!important}.status-value i{width:7px;height:7px;border-radius:50%;background:#57c58f;box-shadow:0 0 8px #57c58f}.status-value.paused i{background:#d6a64e;box-shadow:none}
.tester-panel{margin-top:16px;padding:27px;border:1px solid #e5e2eb;border-radius:16px;background:#fff;box-shadow:0 14px 42px #1c17300c}.tester-panel-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.tester-panel-head h2{margin:0 0 6px;font-size:21px;letter-spacing:-.6px}.tester-panel-head>div:first-child>p:last-child{margin:0;color:#8c8997;font-size:10px}.tester-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tool-button{height:38px;padding:0 13px;border:1px solid #e3e0e9;border-radius:9px;background:#f8f7fa;color:#605d6b;font-size:10px;font-weight:600;cursor:pointer;transition:.18s}.tool-button:hover{border-color:#cfc5f5;background:#f1eeff;color:#6049cd}.tool-button span{margin-right:5px;color:#836ced}.tool-button.primary{border-color:#7358df;background:#7358df;color:#fff;box-shadow:0 8px 20px #7257f438}.tool-button.primary span{color:#fff}.tool-button.danger:hover{border-color:#efc9d0;background:#fff4f6;color:#b54158}.tester-board-stage{--kb-u:43px;--kb-key-height:43px;--kb-gap:5px;padding:27px;overflow-x:auto;border:1px solid #262131;border-radius:14px;outline:0;background:radial-gradient(circle at 50% 0,#211a38,#100e18 60%);box-shadow:inset 0 1px #ffffff0b}.tester-board-stage:focus{border-color:#6e58ce;box-shadow:0 0 0 3px #7257f41c,inset 0 1px #ffffff0b}.tester-board-stage .kb-board{gap:14px}.tester-board-stage .kb-top,.tester-board-stage .kb-body{gap:16px}.tester-board-stage .kb-key{border:1px solid #34303d;border-radius:7px;background:linear-gradient(155deg,#292631,#1b1921);color:#898491;box-shadow:0 3px 0 #09080d,0 7px 10px #0003;transition:background .12s,border-color .12s,color .12s,transform .08s,box-shadow .12s}.tester-board-stage .kb-key:after{content:attr(data-hits);right:4px;bottom:3px;color:#8a83a0;font-size:6px}.tester-board-stage .kb-key.is-down{z-index:3;border-color:#aa98ff;background:linear-gradient(145deg,#8d74ff,#5e43d1);color:#fff;box-shadow:0 0 18px #8067ee88,0 1px 0 #37227d;transform:translateY(2px)}.tester-board-stage .kb-key.is-tested{border-color:#3d7c61;background:linear-gradient(145deg,#234937,#172d24);color:#87dcb4;box-shadow:0 3px 0 #0b1812,0 0 10px #55c38f12}.tester-board-stage .kb-key.is-tested.is-down{border-color:#a998ff;background:linear-gradient(145deg,#8d74ff,#5e43d1);color:#fff;box-shadow:0 0 18px #8067ee88,0 1px 0 #37227d}.tester-board-stage.focus-pending .kb-key.is-tested{opacity:.22;filter:saturate(.3)}.tester-board-stage .kb-key.is-special:before{content:"DRV";position:absolute;left:3px;top:3px;color:#716b7c;font:500 5px "DM Mono"}.tester-legend{display:flex;align-items:center;gap:18px;padding:16px 2px 0;color:#7d7988;font-size:9px}.tester-legend span{display:flex;align-items:center;gap:6px}.tester-legend span i{width:9px;height:9px;border-radius:3px;background:#292631}.tester-legend .pressing{background:#7559df;box-shadow:0 0 8px #7559df}.tester-legend .passed{background:#28533e}.tester-legend p{margin:0 0 0 auto;color:#9a96a2}.tester-help{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.tester-help article{display:flex;gap:14px;padding:19px;border:1px solid #e5e2eb;border-radius:13px;background:#fff}.tester-help article>b{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#efecff;color:#6c52d6;font:600 9px "DM Mono"}.tester-help strong{font-size:11px}.tester-help p{margin:5px 0 0;color:#8d8997;font-size:9px;line-height:1.6}.complete-toast{position:fixed;z-index:80;right:26px;bottom:26px;min-width:310px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid #64c99955;border-radius:14px;background:#12231c;color:#fff;box-shadow:0 20px 55px #09091155;transform:translateY(140%);opacity:0;transition:.3s}.complete-toast.show{transform:translateY(0);opacity:1}.complete-toast>b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#55bd89;color:#fff}.complete-toast strong,.complete-toast span{display:block}.complete-toast strong{font-size:11px}.complete-toast span{margin-top:4px;color:#80aa96;font-size:8px}.complete-toast button{margin-left:auto;border:0;background:transparent;color:#779487;font-size:20px;cursor:pointer}@keyframes tester-pulse{50%{opacity:.35}}
@media(max-width:1080px){.tester-board-stage{--kb-u:38px;--kb-key-height:38px;--kb-gap:4px}.tester-summary{grid-template-columns:repeat(2,1fr)}.tester-summary article:nth-child(2){border-right:0}.tester-summary article:nth-child(-n+2){border-bottom:1px solid #eceaf0}}
@media(max-width:760px){.tester-header{width:calc(100% - 32px)}.tester-header nav{display:none}.tester-hero{min-height:340px;padding:120px 20px 65px}.tester-hero-inner{align-items:flex-start;flex-direction:column}.tester-hero h1{font-size:38px}.tester-live{display:none}.tester-workspace{width:calc(100% - 24px);margin-top:-34px;padding-bottom:45px}.tester-summary article{min-height:100px;padding:17px}.tester-summary strong{font-size:19px}.progress{left:17px;right:17px}.tester-panel{padding:18px 12px}.tester-panel-head{align-items:flex-start;flex-direction:column}.tester-actions{width:100%;justify-content:flex-start}.tool-button{flex:1;padding:0 8px}.tester-board-stage{--kb-u:34px;--kb-key-height:34px;--kb-gap:3px;padding:16px 12px}.tester-legend{align-items:flex-start;flex-wrap:wrap}.tester-legend p{width:100%;margin:0}.tester-help{grid-template-columns:1fr}.complete-toast{left:12px;right:12px;bottom:12px;min-width:0}}
@media(max-width:420px){.tester-summary{grid-template-columns:1fr 1fr}.tester-summary article{padding:14px}.tester-summary article>span{margin-bottom:8px}.tester-summary article>small{line-height:1.4}.tester-panel-head h2{font-size:18px}.tool-button span{display:none}}