*{box-sizing:border-box}html,body{height:100%;margin:0;background:#10120f;color:#eff3e8;font:14px/1.5 system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.lab-bar{height:66px;padding:0 24px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #3c4234}.lab-bar>a{color:#d9f55c;font-weight:600}.lab-bar h1{font-size:15px;font-weight:500;margin:0}.lab-bar>span{margin-left:auto;color:#a7b296;font-size:12px}.lab-bar button{background:#2c3425;border:1px solid #52613e;border-radius:20px;font-size:12px;padding:8px 13px}iframe{border:0;display:block;width:100%;height:calc(100% - 66px)}.demo-label{position:fixed;bottom:10px;right:10px;z-index:1000;background:#0c100deb;color:#d3e3bd;border:1px solid #53603d;padding:6px 10px;border-radius:5px;font:10px/1.5 system-ui;pointer-events:none}aside{position:fixed;z-index:1000;top:80px;right:20px;width:min(470px,calc(100% - 40px));padding:25px;background:#11190ffa;color:#eff3e8;border:1px solid #607544;box-shadow:0 20px 50px #0009;border-radius:9px}aside strong{font-size:22px;color:#d9f55c}aside p{font-size:14px;line-height:1.65;color:#c6d1ba}aside button{border:0;background:#d9f55c;color:#15200f;padding:10px 15px;border-radius:20px}button:focus-visible,a:focus-visible{outline:2px solid #d9f55c;outline-offset:4px}@media(max-width:650px){.lab-bar{padding:0 12px;gap:13px;height:82px;flex-wrap:wrap;align-content:center}.lab-bar h1{font-size:13px}.lab-bar>a{font-size:12px}.lab-bar>span{display:none}.lab-bar button{margin-left:auto;font-size:11px}iframe{height:calc(100% - 82px)}.demo-label{font-size:9px;max-width:200px}}
.lab-bar>a.working-launch{margin-left:auto;background:#d9f55c;color:#10120f;border-radius:22px;padding:9px 15px;font-weight:700;font-size:12px}@media(max-width:650px){.lab-bar:has(.working-launch){height:104px}.lab-bar:has(.working-launch)+aside+iframe{height:calc(100% - 104px)}.lab-bar>a.working-launch{margin-left:0;font-size:11px;padding:8px 12px}}

@media(max-width:1100px) and (max-height:550px) and (orientation:landscape){.lab-bar,.lab-bar:has(.working-launch){height:48px;flex-wrap:nowrap;padding:0 12px;gap:14px}.lab-bar h1{font-size:12px}.lab-bar>a.working-launch{margin-left:auto;font-size:11px;padding:6px 10px}iframe,.lab-bar:has(.working-launch)+aside+iframe{height:calc(100dvh - 48px)}.demo-label{font-size:8px;padding:3px 6px}}
.visual-tour{position:fixed;z-index:1100;bottom:20px;left:50%;transform:translateX(-50%);width:min(820px,calc(100% - 28px));background:#11180ff5;color:#eff3e8;border:1px solid #70824b;border-radius:18px;padding:22px;box-shadow:0 16px 70px #0009;display:flex;gap:20px;align-items:center}.visual-tour[hidden]{display:none}.visual-tour h2{font:500 21px/1.2 system-ui;margin:6px 0}.tour-step{font:10px/1.4 monospace;letter-spacing:.12em;color:#d9f55c;margin:0}.tour-description{font-size:11px;line-height:1.5;color:#bec8b5;margin:8px 0 0;max-width:490px}.tour-actions{display:flex;gap:8px;flex-shrink:0}.tour-actions button{padding:9px 12px;border-radius:20px;border:1px solid #6d7f52;background:#222d1b;font-size:12px}.tour-actions [data-next]{background:#d9f55c;color:#12170d}.tour-actions button:disabled{opacity:.35}.lab-bar .tour-launch{background:#d9f55c;color:#13190e;margin-left:auto;white-space:nowrap}@media(max-width:650px){.lab-bar:has(.tour-launch){height:106px}.lab-bar:has(.tour-launch)+aside+iframe{height:calc(100% - 106px)}.visual-tour{bottom:12px;padding:16px;display:block}.tour-actions{margin-top:13px}.visual-tour h2{font-size:18px}.tour-description{font-size:10px}}@media(max-height:550px) and (orientation:landscape){.visual-tour{padding:12px 18px;bottom:8px}.tour-description{display:none}.visual-tour h2{font-size:16px}.lab-bar:has(.tour-launch){height:48px}.lab-bar:has(.tour-launch)+aside+iframe{height:calc(100dvh - 48px)}}