*{box-sizing:border-box}body{margin:0;background:#e9eceb;color:#17302f;font-family:Arial,sans-serif}header{height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #d9e0de}.brand{font-size:27px;font-weight:900;letter-spacing:-2px}.brand span{color:#b7d72d;font-size:20px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px}.headtitle{font-size:12px;letter-spacing:2px;font-weight:700}.headtitle span{display:block;font-size:8px;color:#87958f;margin-top:7px;letter-spacing:1.4px}button{border:1px solid #d3dcda;background:#fff;color:#203b37;border-radius:5px;padding:10px 13px;cursor:pointer;font:inherit;font-size:11px}button:hover{border-color:#729a85;background:#f2f6f0}button.selected{background:#244c42;color:#fff;border-color:#244c42}header button{background:#243f36;color:white;padding:12px 20px}main{display:flex;height:calc(100dvh - 82px)}aside{width:318px;flex-shrink:0;background:#fff;padding:29px 26px;overflow:auto;border-right:1px solid #d9e0de}.eyebrow{font-size:9px;letter-spacing:2px;color:#7a8e86}h1{font-size:31px;letter-spacing:-1px;line-height:1.1;margin:15px 0}.intro{font-size:12px;line-height:1.7;color:#7b8984}.segment{display:flex;background:#eef2ee;padding:4px;border-radius:6px;margin-top:23px}.segment button{width:50%;border:0;background:transparent}.segment .selected{background:white;color:#254d40;box-shadow:0 2px 7px #0001}.modelmeta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.8px;padding:13px 0;color:#78877e}section{border-top:1px solid #e6eae5;padding-top:5px;margin-top:9px}h2{font-size:10px;color:#a0af9e;font-weight:400;letter-spacing:1px;margin:17px 0}h2 span{color:#29483d;font-size:12px;font-weight:600;letter-spacing:0;margin-left:10px}label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:14px 0}input[type=checkbox]{appearance:none;width:29px;height:16px;border-radius:20px;background:#d9dfd9;cursor:pointer;position:relative;margin:0}input[type=checkbox]:before{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;left:2px;top:2px;transition:transform .2s}input:checked{background:#3a6e55}input:checked:before{transform:translateX(13px)}input:focus-visible,button:focus-visible{outline:2px solid #94b51b;outline-offset:3px}.views{display:grid;grid-template-columns:1fr 1fr;gap:7px}.views button{font-size:10px;padding:9px 4px}details{border-top:1px solid #e6eae5;padding-top:18px;margin-top:22px}summary{font-size:12px;cursor:pointer}.note{color:#8b9690;font-size:10px;line-height:1.6;margin-top:25px}#stage{position:relative;flex:1;min-width:0;background:radial-gradient(ellipse at center,#f0f3f0,#dce4e0)}canvas{display:block;width:100%;height:100%;touch-action:none}.stage-label{position:absolute;top:29px;left:30px;font-size:9px;letter-spacing:1.3px;display:flex;gap:10px;align-items:center;pointer-events:none}.stage-label #modeLabel{color:#7a8c83;border-left:1px solid #b6c6bb;margin-left:5px;padding-left:15px}.dot{width:5px;height:5px;border-radius:50%;background:#709951}.viewtools{position:absolute;right:26px;top:23px;display:flex;gap:7px}.viewtools button{background:#ffffffa6;font-size:10px}.bottom{position:absolute;bottom:22px;left:30px;right:28px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#71847a;pointer-events:none}#status{color:#335646}#loading{position:absolute;top:48%;left:40%;font-size:13px}#opacityRow{display:none}input[type=range]{width:100%;accent-color:#355f49}#dividerRow{display:none}@media(max-width:800px){header{height:67px;padding:0 15px}.headtitle{display:none}main{height:auto;flex-direction:column-reverse}#stage{height:58dvh;flex:none}aside{width:100%;height:auto}.bottom{font-size:7px;left:12px;right:12px}.bottom #status{display:none}.stage-label{top:18px;left:14px;font-size:7px}.viewtools{top:auto;bottom:43px;right:12px}h1{font-size:26px}}
#stage>svg{display:block;width:100%;height:100%;touch-action:none}