:root{--f:"Barlow Semi Condensed","Arial Narrow","Roboto Condensed",system-ui,sans-serif;--panel:#F6F8F7;--panel2:#ECF0EE;--ink:#1F262B;--ink2:#5A646B;--rule:#C6CECA;--marker:#2E6FE0;--marker-soft:rgba(46,111,224,.12);--scene:#DCE2DF;--ground:#C9D2CC;--shadow:0 8px 28px rgba(22,34,40,.14);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--panel:#20262B;--panel2:#283036;--ink:#E4E9E7;--ink2:#9CA7A2;--rule:#3B454B;--marker:#5C94FF;--marker-soft:rgba(92,148,255,.16);--scene:#161B1F;--ground:#232B30;--shadow:0 8px 28px rgba(0,0,0,.45)}}:root[data-theme=dark]{--panel:#20262B;--panel2:#283036;--ink:#E4E9E7;--ink2:#9CA7A2;--rule:#3B454B;--marker:#5C94FF;--marker-soft:rgba(92,148,255,.16);--scene:#161B1F;--ground:#232B30;--shadow:0 8px 28px rgba(0,0,0,.45)}*,*:before,*:after{box-sizing:inherit}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{height:100%;margin:0;background:var(--scene);color:var(--ink);font:400 15px/1.35 var(--f);overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}#stage{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}#stage canvas{display:block;width:100%;height:100%;outline:none}.panel{background:var(--panel);border:1px solid var(--rule);border-radius:8px;box-shadow:var(--shadow)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rule);background:var(--panel);border-radius:4px;padding:7px 11px;font-weight:500;font-size:15px;line-height:1.1;cursor:pointer;white-space:nowrap;min-height:36px}.btn:hover{background:var(--panel2)}.btn[aria-pressed=true]{background:var(--marker);border-color:var(--marker);color:#fff}.btn:focus-visible,.item:focus-visible,input:focus-visible{outline:2px solid var(--marker);outline-offset:2px}.btn.icon{padding:7px 10px;font-size:18px;line-height:1}.btn.danger{color:#c23b32}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .btn.danger{color:#ff7a6e}}#top{position:fixed;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 0;display:flex;gap:10px;align-items:flex-start;pointer-events:none;z-index:5}#top>*{pointer-events:auto}.brand{padding:6px 12px 7px;display:flex;flex-direction:column;justify-content:center;min-height:44px}.brand b{font-weight:700;font-size:19px;letter-spacing:.01em;line-height:1.05}.brand span{font-size:13px;color:var(--ink2);display:flex;align-items:center;gap:6px}.brand i{display:inline-block;width:10px;height:10px;border-radius:2px;background:var(--marker)}.seg{display:flex;padding:3px;gap:3px}.seg .btn{border-color:transparent;background:transparent;min-width:92px}.seg .btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--panel)}.tools{display:flex;gap:6px;padding:3px;flex-wrap:wrap;margin-left:auto}.tools .btn{border-color:transparent}.tools .btn[aria-pressed=true]{border-color:var(--marker)}.dot{width:10px;height:10px;border-radius:50%;background:var(--rule);align-self:center;margin:0 4px 0 6px;flex:none}.dot.on{background:var(--marker);box-shadow:0 0 0 3px var(--marker-soft)}.dot[hidden]{display:none}#cat{position:fixed;left:12px;top:calc(env(safe-area-inset-top,0px) + 70px);bottom:calc(env(safe-area-inset-bottom,0px) + 12px);width:252px;display:flex;flex-direction:column;z-index:4;overflow:hidden}.cat-head{padding:12px 12px 8px;border-bottom:1px solid var(--rule)}.cat-head h2{margin:0 0 8px;font-size:17px;font-weight:600}.cat-head input{width:100%;padding:7px 9px;border:1px solid var(--rule);border-radius:4px;background:var(--panel2)}#catList{overflow:auto;padding:6px 8px 14px;flex:1}#catList h3{font-size:13px;font-weight:600;color:var(--ink2);margin:12px 4px 4px}.item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-radius:4px;padding:6px;cursor:pointer;min-height:40px}.item:hover{background:var(--marker-soft)}.fpw{width:46px;height:34px;display:flex;align-items:center;justify-content:center;flex:none}.fp{border:1.5px solid var(--ink);border-radius:1px;background:var(--panel2)}.item span{display:flex;flex-direction:column;line-height:1.15}.item small{color:var(--ink2);font-size:13px}#catClose{display:none}.tabs{display:flex;gap:2px;background:var(--panel2);border-radius:6px;padding:3px;margin-bottom:8px;flex:1}.tab{flex:1;border:0;background:transparent;border-radius:4px;padding:7px 4px;font-weight:600;font-size:15px;cursor:pointer;color:var(--ink2)}.tab[aria-selected=true]{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #0000001f}.tab:focus-visible{outline:2px solid var(--marker);outline-offset:1px}.tool-set{padding:4px 4px 2px}.tool-set .grid{grid-template-columns:1fr 1fr}.tool-set select,.grid select{width:100%;padding:6px 7px;border:1px solid var(--rule);border-radius:4px;background:var(--panel2);color:var(--ink);font-size:15px}.tool-set .btn{width:100%;margin-top:8px}.item[aria-pressed=true]{background:var(--marker-soft);box-shadow:inset 3px 0 0 var(--marker)}.fp.op{height:5px!important;border-width:1.5px;background:var(--marker-soft);border-color:var(--marker)}.fp.wallic{height:6px!important;width:40px!important;background:var(--ink)}.grid.g2{grid-template-columns:1fr 1fr}.inch{display:grid;grid-template-columns:auto 1fr auto;gap:6px 10px;align-items:center;margin-top:10px;font-size:14px;color:var(--ink2)}.inch input[type=range]{accent-color:var(--marker);width:100%}.inch input[type=number]{width:62px;padding:5px 6px;border:1px solid var(--rule);border-radius:4px;background:var(--panel2);color:var(--ink);font-size:15px}.inch small{grid-column:1/-1;font-size:13px}.inch[hidden]{display:none}.span2{grid-column:span 2}.btn:disabled{opacity:.4;cursor:default}#props input:disabled,#props select:disabled{opacity:.45}#toolbar{position:fixed;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top,0px) + 70px);z-index:6;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 14px;max-width:calc(100% - 24px);font-size:15px}#toolbar[hidden]{display:none}#toolbar .btn{background:var(--marker);border-color:var(--marker);color:#fff;font-weight:600}#measure{position:fixed;z-index:8;pointer-events:none;background:var(--ink);color:var(--panel);font-weight:600;font-size:14px;padding:3px 7px;border-radius:4px;transform:translate(14px,-130%)}#measure[hidden]{display:none}#props{position:fixed;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);width:300px;padding:12px;z-index:4;max-height:calc(100% - 90px);overflow:auto}#props[hidden]{display:none}#props h2{margin:0;font-size:17px;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph{display:flex;align-items:center;gap:8px;margin-bottom:10px}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.grid label{display:flex;flex-direction:column;min-width:0;font-size:13px;color:var(--ink2);gap:3px}.grid input{width:100%;padding:6px 7px;border:1px solid var(--rule);border-radius:4px;background:var(--panel2);color:var(--ink);font-size:15px}.grid input[type=color]{padding:2px;height:34px}.row{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.row .btn{flex:1}.note{font-size:13px;color:var(--ink2);margin-top:8px}#mini{position:fixed;left:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);width:230px;height:170px;z-index:3;cursor:crosshair}#mini[hidden]{display:none}#joy{position:fixed;left:24px;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);width:124px;height:124px;border-radius:50%;background:#7f8c8c2e;border:1.5px solid var(--rule);z-index:6;touch-action:none}#joy[hidden]{display:none}#knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--panel);border:1.5px solid var(--ink2);box-shadow:var(--shadow)}#hint{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 14px);padding:7px 12px;font-size:14px;color:var(--ink2);z-index:2;max-width:min(560px,calc(100% - 600px));text-align:center;pointer-events:none}#hint:empty{display:none}#cross{position:fixed;left:50%;top:50%;width:14px;height:14px;margin:-7px;pointer-events:none;z-index:2;opacity:.55}#cross:before,#cross:after{content:"";position:absolute;background:var(--ink)}#cross:before{left:6px;top:0;width:2px;height:14px}#cross:after{top:6px;left:0;height:2px;width:14px}#cross[hidden]{display:none}#menu{position:fixed;right:12px;top:calc(env(safe-area-inset-top,0px) + 70px);width:300px;padding:14px;z-index:7}#menu[hidden]{display:none}#menu h2{font-size:17px;margin:0 0 10px;font-weight:600}.opt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--rule)}.opt:last-of-type{border-bottom:0}.opt input[type=range]{width:130px;accent-color:var(--marker)}.opt input[type=checkbox]{width:20px;height:20px;accent-color:var(--marker)}#menu .row .btn{flex:1 1 100%}dialog{border:1px solid var(--rule);border-radius:8px;background:var(--panel);color:var(--ink);padding:16px;width:min(560px,calc(100% - 24px));box-shadow:var(--shadow)}dialog::backdrop{background:#0a101473}dialog h2{margin:0 0 6px;font-size:18px}dialog p{margin:0 0 10px;color:var(--ink2)}dialog textarea{width:100%;height:190px;border:1px solid var(--rule);border-radius:4px;background:var(--panel2);padding:8px;font:13px/1.4 ui-monospace,Menlo,Consolas,monospace;resize:vertical}#toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 76px);transform:translate(-50%);padding:8px 14px;z-index:9;font-weight:500;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}#fabCat,body.walk #cat{display:none}body.walk #cat.open{display:flex}body.walk #fabCat{display:block;position:fixed;left:12px;top:calc(env(safe-area-inset-top,0px) + 70px);z-index:3;background:var(--marker);border-color:var(--marker);color:#fff;font-weight:600}body.walk #cat.open{top:calc(env(safe-area-inset-top,0px) + 116px)}@media (max-width:900px){#hint{display:none}}@media (max-width:760px){#top{flex-wrap:wrap;gap:6px;padding-left:8px;padding-right:8px}.brand{min-height:40px;padding:4px 10px}.brand b{font-size:17px}.seg .btn{min-width:0;padding:7px 10px}.tools{margin-left:0;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tools::-webkit-scrollbar{display:none}#cat,body.walk #cat.open{left:0;right:0;width:auto;top:auto;bottom:0;max-height:58%;border-radius:12px 12px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(105%);transition:transform .22s ease}#cat.open{transform:none}body.walk #cat{display:flex}#catClose{display:inline-flex}.cat-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cat-head h2{margin:0;flex:1}.cat-head input{order:3}#fabCat,body.walk #fabCat{display:block;position:fixed;left:auto;top:auto;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);z-index:3;background:var(--marker);border-color:var(--marker);color:#fff;padding:11px 16px;font-weight:600}#props{left:0;right:0;width:auto;bottom:0;border-radius:12px 12px 0 0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}#mini{left:auto;right:10px;top:calc(env(safe-area-inset-top,0px) + 108px);bottom:auto;width:150px;height:112px}#menu{left:8px;right:8px;width:auto;top:calc(env(safe-area-inset-top,0px) + 104px)}#toolbar{top:calc(env(safe-area-inset-top,0px) + 106px);width:calc(100% - 16px)}.tabs{order:-1;flex:1 1 100%}}@media (prefers-reduced-motion: reduce){#cat,#toast{transition:none}}