.preview-controls{right:var(--space-4);bottom:var(--space-4);z-index:50;align-items:flex-end;gap:var(--space-2);font-size:var(--text-sm);flex-direction:column-reverse;display:flex;position:fixed}.preview-controls__toggle{min-height:2.25rem;padding:0 var(--space-4);border-radius:var(--radius-pill);color:#fff;font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;background:#1f2937;border:0;box-shadow:0 6px 20px #0003}.preview-controls__panel{width:14rem;padding:var(--space-3);color:#e5e7eb;border-radius:var(--radius-md);background:#1f2937;box-shadow:0 10px 30px #00000040}.preview-controls__panel[hidden]{display:none}.preview-controls__title{margin-bottom:var(--space-2);font-weight:var(--font-weight-semibold);color:#fff}.preview-controls ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.preview-controls a{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:#e5e7eb;text-decoration:none;display:block}.preview-controls a:hover,.preview-controls a[aria-current=page]{color:#fff;background:#ffffff1f}.preview-controls__hub{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid #ffffff26}