.axo-view-toggle{display:inline-flex;gap:var(--axo-space-1);background:var(--axo-bg-subtle);padding:var(--axo-space-1);border-radius:var(--axo-radius-lg)}.axo-view-toggle__btn{display:flex;align-items:center;gap:var(--axo-space-2);padding:var(--axo-space-2) var(--axo-space-4);font-family:var(--axo-font-mono);font-size:var(--axo-text-sm);font-weight:var(--axo-weight-medium);color:var(--axo-text-secondary);background:transparent;border:none;border-radius:var(--axo-radius-md);cursor:pointer;transition:all var(--axo-transition-base);white-space:nowrap}.axo-view-toggle__btn:hover{color:var(--axo-text-primary);background:var(--axo-bg-card)}.axo-view-toggle__btn[data-state=on]{color:var(--axo-text-primary);background:var(--axo-bg-card);font-weight:var(--axo-weight-semibold);box-shadow:var(--axo-shadow-sm)}.axo-view-toggle__label{display:inline}@media(max-width:1024px){.axo-view-toggle__btn{padding:var(--axo-space-2) var(--axo-space-3)}.axo-view-toggle__label{display:none}}@media(max-width:640px){.axo-view-toggle{width:100%}.axo-view-toggle__btn{flex:1;justify-content:center}}