:root{--bg:#070a12;--panel:#101827;--line:rgba(148,163,184,.18);--text:#eef5ff;--muted:#8fa3c3;--blue:#3578ff;--purple:#8b5cf6}
*{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden;background:var(--bg);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--text)}
#v64Shell{height:100vh;display:grid;grid-template-rows:54px minmax(0,1fr)}
#v64Bar{display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line);background:rgba(7,10,18,.96);box-shadow:0 10px 36px rgba(0,0,0,.28);z-index:10}
#v64Brand{display:flex;align-items:center;gap:10px;margin-right:auto;min-width:0}
#v64Logo{width:30px;height:30px;border-radius:11px;background:conic-gradient(from 180deg,#06b6d4,#6366f1,#ec4899,#22c55e,#06b6d4);box-shadow:0 0 24px rgba(53,120,255,.32)}
#v64Title{min-width:0} #v64Title b{display:block;font-size:14px;white-space:nowrap} #v64Title span{display:block;color:var(--muted);font-size:10px;margin-top:2px;white-space:nowrap}
.v64-nav{height:34px;padding:0 14px;border-radius:11px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:#dce8ff;font-weight:900;cursor:pointer;white-space:nowrap}
.v64-nav:hover{border-color:rgba(96,165,250,.42);background:rgba(53,120,255,.13)}
.v64-nav.active{background:linear-gradient(135deg,var(--blue),var(--purple));border-color:transparent;color:white;box-shadow:0 8px 22px rgba(53,120,255,.22)}
#v64Status{font-size:11px;color:#a7f3d0;padding:5px 9px;border-radius:999px;background:rgba(16,185,129,.09);border:1px solid rgba(16,185,129,.18);white-space:nowrap}
#v64Stage{min-height:0;position:relative;background:#050814}
#v64Frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#070a12}
#v64Loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#070a12;color:#b8c7e6;font-size:13px;font-weight:900;z-index:2}
#v64Loading.hide{display:none}
@media(max-width:760px){#v64Title span,#v64Status{display:none}#v64Bar{padding:0 8px;gap:6px}.v64-nav{padding:0 9px;font-size:12px}}

#v64Status{display:none!important}
#v64CanvasActions{display:none;align-items:center;gap:6px;margin-left:0;margin-right:4px;white-space:nowrap}
#v64CanvasActions.show{display:flex}
#v64CanvasActions button{height:32px;padding:0 11px;border-radius:10px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:#dce8ff;font:800 12px/1 inherit;cursor:pointer}
#v64CanvasActions button:hover{border-color:rgba(96,165,250,.42);background:rgba(53,120,255,.13)}
#v64CanvasActions button.on{border-color:rgba(34,197,94,.38);background:rgba(34,197,94,.14);color:#bbf7d0}
#v64CanvasActions button.danger{border-color:rgba(248,113,113,.24);background:rgba(248,113,113,.10);color:#fecaca}
@media(max-width:1100px){#v64CanvasActions button{padding:0 8px;font-size:11px}}

body.v201-home-mode #v64Shell{grid-template-rows:minmax(0,1fr)!important}
body.v201-home-mode #v64Bar{display:none!important}

/* V316 global token switcher */
.v316-token-switcher{position:relative;min-width:176px;max-width:260px}
.v316-token-trigger{height:34px;width:100%;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.055);color:#e8eefc;cursor:pointer}
.v316-token-trigger:hover{border-color:rgba(96,165,250,.42);background:rgba(53,120,255,.13)}
.v316-token-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.v316-token-dot{width:8px;height:8px;border-radius:50%;background:#64748b;flex:0 0 auto}
.v316-token-dot.ready{background:#22c55e}.v316-token-dot.error{background:#ef4444}.v316-token-dot.unchecked{background:#f59e0b}
.v316-token-menu{position:absolute;top:42px;right:0;width:300px;max-height:min(520px,calc(100vh - 90px));overflow:auto;padding:8px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:#121722;box-shadow:0 24px 80px rgba(0,0,0,.55);z-index:10020}
.v316-token-row,.v316-token-footer-action{width:100%;display:flex;align-items:center;gap:9px;padding:10px;border:0;border-radius:10px;background:transparent;color:#e5e7eb;text-align:left;cursor:pointer}
.v316-token-row:hover,.v316-token-footer-action:hover{background:rgba(255,255,255,.07)}
.v316-token-row[aria-current="true"]{background:rgba(53,120,255,.16)}
.v316-token-row-main{min-width:0;flex:1}.v316-token-row-name,.v316-token-row-provider{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v316-token-row-name{font-weight:800}.v316-token-row-provider{margin-top:2px;color:#94a3b8;font-size:11px}
.v316-token-check{color:#86efac;font-weight:900}.v316-token-divider{height:1px;margin:7px 4px;background:rgba(255,255,255,.08)}
@media(max-width:980px){.v316-token-switcher{min-width:120px;max-width:140px}.v316-token-menu{right:-90px}}