.dq-style-toggle{align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);flex-shrink:0;margin-inline-start:auto;display:inline-flex}.dq-style-toggle button{min-width:44px;min-height:44px;padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--type-caption);cursor:pointer;background:0 0;border:1px solid #0000}.dq-style-toggle button[aria-pressed=true]{background:var(--color-surface);border-color:var(--color-copper)}.dq-style-toggle button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}[data-staff-header]{flex-wrap:wrap}[data-staff-header]>div:last-child{flex-wrap:wrap;max-width:100%}.dq-style-header{padding:var(--space-2) var(--space-4);justify-content:flex-end;display:flex}.dq-style-toggle--icons{border-radius:var(--radius-full,999px);gap:2px;margin-inline-start:0;padding:2px}.dq-style-toggle--icons button{border-radius:var(--radius-full,999px);min-width:32px;min-height:32px;color:var(--color-text-dim);justify-content:center;align-items:center;padding:0;display:inline-flex}.dq-style-toggle--icons button[aria-pressed=true]{color:var(--color-text)}@media (max-width:767px){.dq-style-toggle.dq-style-toggle--desk{display:none}}@media (max-width:1023px){.dq-utility-header .dq-style-toggle--icons{box-sizing:border-box;gap:2px;height:32px;padding:1px}.dq-utility-header .dq-style-toggle--icons button{box-sizing:border-box;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;position:relative}.dq-utility-header .dq-style-toggle--icons button:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dq-utility-header .dq-style-toggle--icons button:first-child:before{left:auto;right:auto;inset-inline-end:0;transform:translateY(-50%)}.dq-utility-header .dq-style-toggle--icons button:last-child:before{left:auto;right:auto;inset-inline-start:0;transform:translateY(-50%)}}
