/* Additions for the warp trial (style.css is the capture demo's sheet, copied). */
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}
.switch-row strong{display:block;font-size:13.5px;font-weight:500}
.switch-row small{display:block;margin-top:4px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.switch{flex:none;width:44px;min-width:44px;height:44px;position:relative;border:0;background:transparent}
.switch:hover{background:transparent}
.switch:before{content:'';position:absolute;inset:11px 0;background:#35445a;border-radius:20px;transition:background .2s}
.switch:after{content:'';position:absolute;width:16px;height:16px;top:14px;left:4px;background:#aab6c5;border-radius:50%;transition:transform .2s cubic-bezier(.16,1,.3,1)}
.switch[aria-checked=true]:before{background:#3f74b8}
.switch[aria-checked=true]:after{background:#eef5ff;transform:translateX(20px)}
/* Three page presets: one per row, so the longer labels fit. */
.presets{grid-template-columns:1fr}
.presets button{text-align:left;padding:0 14px}
.presets button[hidden]{display:none}