@layer components{.shell-tb{align-items:center;gap:var(--space-2);min-width:0;min-height:40px;font:17px / 22px var(--font-hand);color:var(--ink);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;padding:0 10px;text-decoration:none;display:flex}.shell-tb:hover,.shell-tb[aria-expanded=true]{color:var(--ink);background:var(--surface-050)}.shell-tb[aria-expanded=true]{border-color:var(--border)}.shell-menu{z-index:40;padding:var(--space-2);font-family:var(--font-hand);color:var(--ink);background:var(--surface-200);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px)}.shell-mi{width:100%;min-height:44px;padding:0 var(--space-4) 0 12px;font:17px / 22px var(--font-hand);color:var(--ink);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;align-items:center;gap:10px;text-decoration:none;display:flex}.shell-mi:hover{color:var(--ink);background:var(--surface-050)}.shell-mi[aria-checked=true]{background:var(--gold-wash)}.shell-group{padding:var(--space-4) 12px var(--space-1);font:14px / 18px var(--font-hand);color:var(--ink-muted)}.shell-rule{height:1px;margin:var(--space-2) 0;background:var(--hairline)}.shell-nav{min-height:40px;font:17px / 22px var(--font-hand);color:var(--ink-muted);border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:12px;padding:0 12px;text-decoration:none;display:flex}.shell-nav:hover{color:var(--ink);background:var(--surface-050)}.shell-nav[aria-current=page]{color:var(--ink);background:var(--gold-wash);border-color:var(--gold)}.shell-nav[aria-current=page]>.gm-icon{color:var(--gold)}.shell-tb:focus-visible,.shell-mi:focus-visible,.shell-nav:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shell-token{width:32px;height:32px;font:700 13px / 1 var(--font-display);color:var(--ink);background:var(--surface-200);border:2px solid var(--border);border-radius:var(--radius-round);background-position:50%;background-size:cover;flex:none;place-items:center;display:grid;position:relative;overflow:visible}.shell-live{background:var(--gold);border:2px solid var(--surface-200);border-radius:var(--radius-round);width:10px;height:10px;position:absolute;top:-2px;right:-2px}.shell-kbd{font:14px / 18px var(--font-hand);color:var(--ink-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 6px}}
