html,body{font-family:Noto Sans Thai,Sarabun,Leelawadee UI,Tahoma,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.tools button.on{background:var(--acc);color:#1a1200}#flies .fly{cursor:pointer;border-radius:6px;grid-template-columns:14px 1fr auto;align-items:center;gap:6px;padding:4px 6px;display:grid}#flies .fly:hover,#flies .fly.sel{background:#ffffff12}#flies .dot{border-radius:50%;width:10px;height:10px}.bar{background:#ffffff14;border-radius:3px;height:5px;margin-top:2px;overflow:hidden}.bar i{height:100%;display:block}.kv{grid-template-columns:auto 1fr;gap:2px 10px;font-size:12px;display:grid}.kv span:nth-child(odd){color:var(--dim)}a{color:var(--acc)}:root{--left:#6cb6ff;--right:#ff9f5a}#brainpanel{background:var(--panel);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:0;width:360px;display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow:hidden}#brainpanel[hidden]{display:none}#brainpanel.folded{width:auto;bottom:auto}#brainpanel.folded #bpBody,#brainpanel.folded #brain,#brainpanel.folded .lr{display:none}.fold{flex:none;padding:0 8px;font-size:14px;line-height:20px}#panel .hrow{align-items:center;gap:10px;display:flex}#panel .hrow h1{flex:1}#panel.folded{width:auto;padding-bottom:0;overflow:hidden}#panel.folded section,#panel.folded .sub{display:none}#panel.folded header{border-bottom:0;padding-bottom:14px}#brainpanel header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 12px;display:flex}#brainpanel h2{flex:1;margin:0;font-size:13px;font-weight:600}#brainpanel .lr{color:var(--dim);align-items:center;gap:4px;font-size:11px;display:inline-flex}#brainpanel .lr i{border-radius:2px;width:10px;height:3px;margin-left:4px;display:inline-block}#brainpanel .lr .l,#groups .v .l{background:var(--left);color:var(--left)}#brainpanel .lr .r,#groups .v .r{background:var(--right);color:var(--right)}#bpBody{flex:1;min-height:0;padding:10px 12px 6px;overflow:auto}.eyes{gap:8px;display:flex}.eyes figure{flex:1;margin:0}.eyes canvas{background:#05070c;border-radius:6px;width:100%;height:auto;display:block}.eyes figcaption{color:var(--dim);text-align:center;margin-top:2px;font-size:11px}#bpBody .note{margin:4px 0 8px}#groups .g{cursor:default;border-radius:6px;grid-template-columns:1fr 118px 64px;align-items:center;gap:2px 8px;padding:4px 6px;display:grid}#groups .g:hover{background:#ffffff0f}#groups .name{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex}#groups .name .lbl{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#groups .name small,#groups .name .q{flex:none}#groups .name i{border-radius:50%;flex:none;width:8px;height:8px}#groups .name small{color:var(--dim)}#groups .q{color:var(--dim);background:0 0;border:0;padding:0 2px;font-size:11px}#groups .q:hover{color:var(--fg);background:0 0}#groups canvas{width:118px;height:24px;display:block}#groups .v{font-variant-numeric:tabular-nums;text-align:right;font-size:11px;line-height:1.2}#groups .v .l,#groups .v .r{background:0 0;display:block}#groups .info{color:var(--dim);grid-column:1/-1;padding:2px 0 4px 14px;font-size:11.5px}#brain{border-top:1px solid var(--line);background:#05070c99;flex:none;width:100%;height:220px}#scaffolds{grid-template-columns:1fr 1fr;gap:1px 10px;font-size:12px;display:grid}#scaffolds .scf{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}canvas#c{touch-action:none;-webkit-tap-highlight-color:transparent}@media (width<=820px),(height<=500px){#panel,#brainpanel{overscroll-behavior:contain}#panel.folded,#brainpanel.folded{top:calc(8px + env(safe-area-inset-top))}#panel.folded{left:calc(8px + env(safe-area-inset-left))}#brainpanel.folded{right:calc(8px + env(safe-area-inset-right));max-width:55vw}#brainpanel.folded h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#panel:not(.folded),#brainpanel:not(.folded){width:auto;max-width:none;max-height:55dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);border-width:1px 0 0;border-radius:14px 14px 0 0;inset:auto 0 0}#panel:not(.folded){overflow:auto}#panel header{z-index:1;background:var(--panel);backdrop-filter:blur(10px);position:sticky;top:0}#brain{aspect-ratio:358/220;border-top:0;align-self:center;width:auto;height:150px}.fold{min-width:40px;min-height:40px;padding:0 10px;font-size:18px}button,select,input:not([type=checkbox]):not([type=range]){min-height:40px;font-size:16px}select{max-width:100%}input[type=range]{width:140px;min-height:40px}input[type=checkbox]{width:24px;height:24px}label{min-height:40px}.tools button{flex:30%}#scaffolds .scf,#flies .fly{min-height:40px}#groups .q{min-width:40px;min-height:40px}#groups .g{grid-template-columns:1fr 96px 64px}#groups canvas{width:96px}}#welcome{z-index:20;backdrop-filter:blur(4px);background:#080a0eb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#welcome[hidden]{display:none}#welcome .card{box-sizing:border-box;background:var(--panel,#161a22);width:440px;max-width:92vw;max-height:92vh;color:inherit;border:1px solid #ffffff24;border-radius:14px;outline:none;flex-direction:column;gap:10px;padding:22px 22px 16px;display:flex;overflow:auto}#welcome h2{margin:0 0 2px;font-size:22px}#welcome p{margin:0;line-height:1.55}#welcome .tip{color:var(--dim,#9aa);font-size:14px}#welcome #wStatus{color:var(--dim,#9aa);font-variant-numeric:tabular-nums;margin-top:4px;font-size:14px}#welcome #wStatus.err{color:#fb7185;font-size:15px;line-height:1.5}#welcome .wprog{align-items:center;gap:10px;display:flex}#welcome progress{flex:1;height:10px}#welcome #wPct{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2em}#welcome button{min-height:44px;font-size:16px}#welcome button:disabled{opacity:.55;cursor:wait}#welcome .link{color:var(--dim,#9aa);cursor:pointer;background:0 0;border:0;align-self:center;min-width:80px;text-decoration:underline}