*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:13px/1.5 -apple-system,Segoe UI,Microsoft YaHei,sans-serif;background:#111214;color:#d8dade}.app{display:flex;height:100%}.panel{width:290px;flex:none;padding:18px 16px 32px;overflow-y:auto;background:#17181b;border-right:1px solid #26282d}.panel h1{font-size:16px;margin:0 0 2px;color:#fff}.panel .sub{margin:0 0 18px;color:#7c828c;font-size:12px}.panel h2{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6f757f;margin:20px 0 8px;font-weight:600}.panel section:first-of-type h2{margin-top:0}label{display:block;margin:0 0 11px;color:#a8adb5;font-size:12px}label b{color:#e6564a;font-variant-numeric:tabular-nums}input[type=range]{width:100%;margin-top:5px;accent-color:#e6564a}label.chk{display:flex;align-items:center;gap:7px;margin-bottom:7px;cursor:pointer}input[type=checkbox]{accent-color:#e6564a}.btns{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}button{flex:1 1 auto;padding:6px 10px;border:1px solid #33363c;background:#212328;color:#d8dade;border-radius:5px;cursor:pointer;font-size:12px}button:hover{background:#2a2d33;border-color:#43474e}button.ghost{background:transparent}pre#stats{margin:0;font:11px/1.6 ui-monospace,Consolas,monospace;color:#8b919b;white-space:pre-wrap}pre#stats em{color:#e6564a;font-style:normal}.stage{flex:1;position:relative;min-width:0}canvas{display:block;width:100%;height:100%;cursor:crosshair}.hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);color:#4d525a;font-size:12px;pointer-events:none}.panel h2 .tag{float:right;font-size:10px;letter-spacing:0;text-transform:none;color:#e6564a;background:#e6564a1f;border:1px solid rgba(230,86,74,.3);border-radius:3px;padding:0 5px;font-weight:400}.btns.tight{align-items:center;gap:4px;margin:-4px 0 12px}.btns.tight button{flex:0 0 auto;padding:3px 9px;font-size:11px}.btns.tight button.on{background:#e6564a;border-color:#e6564a;color:#fff}.mini{color:#6f757f;font-size:11px;margin-right:2px}table.consts{width:100%;border-collapse:collapse;margin-bottom:10px}table.consts td{font:11px/1.5 ui-monospace,Consolas,monospace;padding:1px 0;color:#7c828c}table.consts td:nth-child(1){color:#9aa1ab}table.consts td:nth-child(2){color:#e6564a;text-align:right;padding-right:8px;white-space:nowrap}table.consts td:nth-child(3){font-family:inherit;font-size:10px;color:#5c626b}.pentype{display:flex;gap:6px;margin-bottom:6px}.pentype button{flex:1 1 0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;text-align:left;line-height:1.3}.pentype button b{font-size:12px;font-weight:600}.pentype button span{font-size:10px;color:#6f757f}.pentype button.on{background:#2b1f1e;border-color:#e6564a}.pentype button.on b{color:#ff8b80}.pentype button.on span{color:#b8817b}.note{margin:4px 0 0;font-size:11px;line-height:1.55;color:#6f757f;background:#1c1e22;border-left:2px solid #43474e;padding:6px 8px}.note code{color:#9aa1ab}.note b{color:#a8adb5}