.bench-app{--mint:#b8f078;--dim:#849390;color:#edf3eb;min-height:100svh;font-family:var(--font-sans), sans-serif;background:#101916;padding:0 38px;overflow:hidden}.bench-app button,.bench-app a{-webkit-tap-highlight-color:transparent}.bench-app button{cursor:pointer}.bench-app button:disabled{opacity:.5;cursor:wait}.bench-app button:focus-visible,.bench-app a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.bench-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:24px;height:96px;display:flex}.bench-brand{letter-spacing:.09em;align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.bench-brand-icon{color:#121d15;background:var(--mint);border-radius:12px 12px 19px;place-items:center;width:39px;height:44px;display:grid}.bench-brand small{letter-spacing:.2em;color:var(--dim);margin-top:4px;font-size:8px;display:block}.bench-header-center{letter-spacing:.19em;color:#97a99e;align-items:center;gap:9px;font-size:10px;display:flex}.bench-header-center>span{background:var(--mint);border-radius:50%;width:5px;height:5px}.bench-lessons{color:#c6d2c9;align-items:center;gap:10px;font-size:11px;display:flex}.bench-layout{grid-template-columns:290px minmax(0,1fr);gap:30px;max-width:1660px;min-height:calc(100svh - 159px);margin:auto;display:grid}.bench-sidebar{z-index:2;padding:45px 0 25px;position:relative}.bench-eyebrow{letter-spacing:.16em;align-items:center;gap:13px;font-size:9px;display:flex}.bench-eyebrow>span{color:var(--mint);border:1px solid #b8f07840;border-radius:4px;padding:4px 7px}.bench-eyebrow b{color:var(--dim);font-weight:400}.bench-sidebar h1{letter-spacing:-.06em;margin:23px 0 19px;font-size:clamp(40px,4.4vw,64px);font-weight:700;line-height:1.35}.bench-sidebar h1 em{color:var(--mint);font-style:normal}.bench-intro{color:#98aaa0;letter-spacing:.025em;font-size:12px;line-height:2.05}.bench-config{max-width:264px;margin-top:31px}.bench-control-title{color:#d2dcd4;align-items:center;gap:10px;margin:22px 0 11px;font-size:11px;display:flex}.bench-control-title>span{color:#718177;font-family:monospace;font-size:10px}.bench-tabs{background:#080f0c;border:1px solid #ffffff0e;border-radius:11px;gap:5px;padding:5px;display:flex}.bench-tabs button{color:#92a297;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:9px;padding:12px 7px;font-size:12px;transition:background .2s,color .2s;display:flex}.bench-tabs button[aria-pressed=true]{color:#d7f6b4;background:#304335;box-shadow:0 2px 8px #0004}.bench-tabs svg{fill:#152319;stroke:currentColor;stroke-width:1.8px;width:40px;height:22px}.bench-power{color:#bbc5bc;background:#202c24;border:1px solid #71836c60;border-radius:10px;align-items:center;gap:10px;width:100%;padding:15px;font-size:12px;transition:all .2s;display:flex}.bench-power>i{background:#536056;border-radius:15px;width:33px;height:19px;margin-left:auto;padding:3px}.bench-power>i>b{background:#cad2c8;border-radius:50%;width:13px;height:13px;transition:transform .2s;display:block}.bench-power.is-on{background:var(--mint);color:#1b3015;border-color:var(--mint);box-shadow:0 0 28px #b8f07812}.bench-power.is-on>i{background:#24451d}.bench-power.is-on>i>b{background:#daf6c4;transform:translate(14px)}.bench-control-hint{color:#74897b;margin:9px 0;font-size:10px}.bench-observation{border-top:1px solid #ffffff12;gap:11px;max-width:270px;min-height:99px;margin-top:26px;padding-top:20px;display:flex}.bench-observation-icon{color:var(--mint);padding-top:2px}.bench-observation b{font-size:11px;font-weight:500}.bench-observation p{color:#90a094;margin-top:7px;font-size:10px;line-height:1.9}.bench-challenge{color:#bfccbd;align-items:center;gap:10px;margin:20px 0 0 30px;font-size:11px;display:flex}.bench-stage{background:radial-gradient(at 48%,#2b3930 0%,#18221c 60%,#101916 90%);min-width:0;min-height:650px;position:relative}.bench-stage>div:has(>canvas){inset:0;position:absolute!important}.bench-scene-top{z-index:2;letter-spacing:.11em;color:#829387;pointer-events:none;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:30px;left:15px;right:5px}.bench-scene-top>div{align-items:center;gap:8px;display:flex}.live-dot{border:1px solid #8b988b;border-radius:50%;width:6px;height:6px}.live-dot.on{background:var(--mint);border-color:var(--mint);box-shadow:0 0 9px #b8f07866}.bench-camera-tools{z-index:3;flex-direction:column;gap:7px;display:flex;position:absolute;top:83px;right:6px}.bench-camera-tools button{color:#aabbac;background:#17221bd9;border:1px solid #ffffff13;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.bench-camera-tools button:hover,.bench-camera-tools button[aria-pressed=true]{color:var(--mint);border-color:#b8f07866}.bench-scene-bottom{color:#8c9b8e;pointer-events:none;justify-content:space-between;gap:10px;font-size:9px;display:flex;position:absolute;bottom:105px;left:15px;right:8px}.bench-scene-bottom>span:first-child{align-items:center;gap:8px;display:flex}.bench-scene-bottom i{background:#879786;border-radius:50%;width:2px;height:2px}.bench-scene-bottom>span:last-child{letter-spacing:.2em;font-size:8px}.bench-flow-dock{white-space:nowrap;z-index:3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2b23ed;border:1px solid #a7c69426;border-radius:13px;align-items:center;padding:6px;display:flex;position:absolute;bottom:29px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0004}.bench-flow-dock button{color:#afbfaf;border-radius:7px;align-items:center;gap:9px;padding:12px;font-size:11px;display:flex}.bench-flow-dock button.active{color:var(--mint);background:#b8f0780c}.bench-small-toggle{border:1px solid #6e826c;border-radius:10px;width:22px;height:12px;margin-left:5px}.bench-small-toggle:after{content:"";background:#81977c;border-radius:50%;width:6px;height:6px;margin:2px;transition:transform .2s;display:block}.active .bench-small-toggle:after{background:var(--mint);transform:translate(10px)}.bench-current{color:#9db29b;border-left:1px solid #ffffff12;align-items:center;gap:7px;margin-left:4px;padding:0 12px;font-size:10px;display:flex}.bench-current b{color:var(--mint);margin-left:9px;font-family:monospace;font-size:16px}.bench-footer{color:#6f8374;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:20px;min-height:63px;font-size:9px;display:flex}.bench-footer>span:first-child{white-space:nowrap;align-items:center;gap:7px;display:flex}.bench-footer-dot{background:#a0c68b;border-radius:50%;width:4px;height:4px}.bench-footer p{font-size:8px;line-height:1.7}.bench-footer>span:last-child{letter-spacing:.16em;white-space:nowrap;font-size:8px}.bench-loading{color:#adbfaa;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:12px;display:flex;position:absolute;inset:0}.bench-loading>span{border:1px solid #b8f07830;border-top-color:#b8f078;border-radius:50%;width:30px;height:30px;animation:1s linear infinite bench-spin}@keyframes bench-spin{to{transform:rotate(360deg)}}@media (min-width:1450px){.bench-layout{grid-template-columns:320px minmax(0,1fr)}.bench-sidebar{padding-top:65px}.bench-config{margin-top:44px}.bench-stage{min-height:740px}}@media (max-width:1000px){.bench-app{padding:0 24px}.bench-layout{grid-template-columns:235px minmax(0,1fr);gap:8px}.bench-sidebar h1{font-size:48px}.bench-scene-top>span,.bench-header-center,.bench-scene-bottom>span:last-child{display:none}.bench-current{padding:0 7px}.bench-flow-dock button{padding:10px 8px}.bench-stage{min-height:690px}.bench-footer>span:last-child{display:none}}@media (max-width:700px){.bench-app{padding:0 18px}.bench-header{height:77px}.bench-brand{gap:9px;font-size:15px}.bench-brand-icon{border-radius:9px 9px 15px;width:32px;height:37px}.bench-brand small{font-size:6px}.bench-lessons{gap:3px;font-size:9px}.bench-layout{min-height:unset;flex-direction:column;gap:0;display:flex}.bench-sidebar{display:contents}.bench-eyebrow{order:0;margin-top:22px;font-size:8px}.bench-sidebar h1{order:1;margin:14px 0 0;font-size:36px;line-height:1.4}.bench-sidebar h1 br{display:none}.bench-intro{order:2;margin-top:7px;font-size:10px;line-height:1.8}.bench-intro br{display:none}.bench-stage{order:3;height:400px;min-height:400px;margin:0 -18px}.bench-scene-top{font-size:8px;top:18px;left:18px}.bench-scene-top>span{margin-right:12px;font-size:8px;display:block}.bench-camera-tools{gap:5px;top:48px;right:15px}.bench-camera-tools button{border-radius:7px;width:31px;height:31px}.bench-camera-tools svg{width:15px}.bench-scene-bottom{font-size:8px;bottom:68px;left:18px}.bench-flow-dock{padding:4px;bottom:10px}.bench-current{gap:4px;padding:0 6px;font-size:8px}.bench-current b{margin-left:4px}.bench-flow-dock button{gap:6px;padding:10px 7px;font-size:10px}.bench-flow-dock svg{width:15px}.bench-small-toggle{margin-left:0}.bench-config{order:4;grid-template-columns:1fr 1fr;gap:9px 12px;max-width:none;margin-top:9px;display:grid}.bench-control-title{margin:0;font-size:10px}.bench-config>.bench-control-title:nth-of-type(3){grid-area:1/2}.bench-tabs{grid-area:2/1;padding:4px}.bench-tabs button{gap:5px;padding:10px 5px;font-size:11px}.bench-tabs svg{width:30px}.bench-power{grid-area:2/2;gap:7px;padding:10px;font-size:10px}.bench-power>svg{width:16px}.bench-control-hint{grid-area:3/2;margin:0;font-size:8px}.bench-observation{max-width:none;min-height:unset;order:5;margin-top:15px;padding-top:18px}.bench-observation b{font-size:11px}.bench-observation p{margin-top:4px;font-size:10px}.bench-challenge{order:6;margin:15px 0 23px 31px;font-size:10px}.bench-footer{min-height:65px;padding:15px 0;display:block}.bench-footer p{margin-top:9px;font-size:8px}}@media (prefers-reduced-motion:reduce){.bench-app *{transition:none!important;animation:none!important}}.bench-app{overflow:clip}.bench-layout{border-top:1px solid #385039;max-width:1240px;min-height:0;padding-top:20px}.bench-sidebar{padding-top:15px}.bench-sidebar h2{margin:16px 0 8px;font-size:25px;font-weight:700;line-height:1.4}.bench-config{margin-top:20px}.bench-observation{min-height:0;margin-top:18px;padding-top:15px}.bench-stage{min-height:550px}@media (max-width:700px){.bench-layout{padding-top:0}.bench-sidebar h2{order:1;margin-top:9px;font-size:20px}.bench-eyebrow{margin-top:18px}.bench-config{order:3;margin-top:14px}.bench-stage{order:4;height:350px;min-height:350px}.bench-observation{order:5;margin-top:0}.bench-challenge{order:6}}@media (max-width:360px){.bench-tabs button{white-space:nowrap;flex-direction:column;gap:3px;padding:6px 2px}.bench-tabs svg{width:28px;height:16px}.bench-power{gap:5px;padding:8px}.bench-power>svg{display:none}.bench-power>span{white-space:nowrap}.bench-power>i{flex-shrink:0}}