*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--tx);user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}#app{grid-template-rows:auto 1fr;height:100dvh;display:grid}.titleblock{background:var(--panel);border-bottom:1px solid var(--line);scrollbar-width:none;align-items:center;gap:14px;padding:8px 14px;display:flex;overflow-x:auto}.titleblock::-webkit-scrollbar{display:none}.tb-name{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--tx);white-space:nowrap;flex:none;font-size:12px;text-decoration:none}a.tb-name:hover{color:var(--acc)}.tb-sub{font-family:var(--mono);letter-spacing:.14em;color:var(--mut);text-transform:uppercase;white-space:nowrap;font-size:10px}.tb-rule{background:var(--line2);flex:1;min-width:8px;height:1px}.tb-legal{flex:none;align-items:center;gap:12px;display:flex}.tb-legal a{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);white-space:nowrap;font-size:10px;text-decoration:none}.tb-legal a:hover{color:var(--tx)}.tbtns{flex:none;align-items:center;gap:6px;display:flex}.tbtns button{flex:none}button{font-family:var(--sans);color:var(--tx);background:var(--panel2);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:7px;padding:7px 10px;font-size:12px;line-height:1}button:hover{border-color:var(--line2);background:#27313a}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--acc);outline-offset:1px}.icobtn{justify-content:center;align-items:center;width:34px;height:32px;padding:0;display:inline-flex}.icobtn svg{width:16px;height:16px}.main{grid-template-columns:58px 1fr 268px;min-height:0;display:grid}.tools{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:6px;padding:10px 0;display:flex}.tool{justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.tool svg{width:20px;height:20px;stroke:var(--tx);fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.tool.on{background:var(--acc);border-color:var(--acc)}.tool.on svg{stroke:#fff}.tool small{font-family:var(--mono);color:var(--mut);font-size:8px;position:absolute;bottom:1px;right:3px}.tool.on small{color:#dbe8ff}.tsep{background:var(--line);width:26px;height:1px;margin:4px 0}.stage{background:var(--paper);min-width:0;min-height:0;position:relative;overflow:hidden}canvas{touch-action:none;display:block}.cmdline{border-top:1px solid var(--line);font-family:var(--mono);color:var(--mut);backdrop-filter:blur(6px);background:#10151ae8;align-items:center;gap:10px;padding:6px 10px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.cmdline b{color:var(--tx);font-weight:600}.drawbar{border:1px solid var(--line2);backdrop-filter:blur(6px);background:#10151af2;border-radius:9px;align-items:center;gap:6px;padding:6px 8px;display:none;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0006}.drawbar.on{display:flex}.drawbar{flex-wrap:wrap;justify-content:center;max-width:94%}.drawbar button.on{background:var(--acc);border-color:var(--acc);color:#fff}.drawbar label{font-family:var(--mono);color:var(--mut);letter-spacing:.08em;font-size:10px}.drawbar input{width:62px}input,select{font-family:var(--mono);color:var(--tx);border:1px solid var(--line2);background:#0d1216;border-radius:6px;width:100%;padding:6px 7px;font-size:12px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--acc);padding:0}.insp{background:var(--panel);border-left:1px solid var(--line);padding:12px;overflow-y:auto}.sect{margin-bottom:16px}.sect h3{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mut);border-bottom:1px solid var(--line);margin-bottom:8px;padding-bottom:6px;font-size:10px;font-weight:600}.row{align-items:center;gap:8px;margin-bottom:7px;display:flex}.row label{color:var(--mut);flex:0 0 84px;font-size:12px}.row .val{font-family:var(--mono);color:var(--tx);font-size:12px}.grp{gap:6px;display:flex}.grp button{flex:1}.hint{color:var(--mut);font-size:11.5px;line-height:1.5}.hint kbd{font-family:var(--mono);border:1px solid var(--line2);color:var(--tx);background:#0d1216;border-radius:4px;padding:1px 4px;font-size:10px}.danger{color:#ff9c9c;border-color:#7a3030}.danger:hover{background:#3a1f1f;border-color:#a04141}.badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--acc);font-size:10px}.chips{flex-wrap:wrap;gap:5px;display:flex}.chips button{font-family:var(--mono);padding:6px 8px;font-size:11px}.chips button.on{background:var(--acc);border-color:var(--acc);color:#fff}.sheettoggle{display:none}@media (width<=880px){.main{grid-template-rows:1fr auto auto;grid-template-columns:1fr}.tools{border-right:none;border-top:1px solid var(--line);flex-direction:row;order:2;justify-content:center;padding:6px;overflow-x:auto}.tsep{width:1px;height:26px;margin:0 4px}.insp{border-left:none;border-top:1px solid var(--line);order:3;max-height:44dvh}.insp.collapsed{border-top:none;max-height:0;padding:0;overflow:hidden}.stage{order:1}.sheettoggle{display:inline-flex}.tb-sub{display:none}.tbtns{order:2}.tb-legal{order:3;margin-left:6px}}.titleblock{padding-top:calc(8px + env(safe-area-inset-top));padding-left:calc(14px + env(safe-area-inset-left));padding-right:calc(14px + env(safe-area-inset-right))}.cmdline{padding-bottom:calc(6px + env(safe-area-inset-bottom));padding-left:calc(10px + env(safe-area-inset-left));padding-right:calc(10px + env(safe-area-inset-right))}@media (width<=880px){.insp{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.tools{padding-bottom:calc(6px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}