:root{--ink:#18212e;--paper:#fff;--desk:#edf0f4;--rule:#d5dbe3;--muted:#586374;--pen:#2546c8;--pen-strong:#1b3699;--marker-yellow:#ffe55c;--marker-green:#b7f0c1;--marker-pink:#ffc6dd;--danger:#a3261f;--danger-surface:#fdeceb;--book:"Literata", Georgia, "Times New Roman", serif;--ui:"Atkinson Hyperlegible", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:16px;--measure:1120px;--focus:0 0 0 3px var(--paper), 0 0 0 5px var(--pen);color:var(--ink);background:var(--desk);font-family:var(--ui);font-synthesis:none;-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:var(--desk);margin:0}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}:where(a,button,input,select,textarea,summary):focus-visible{box-shadow:var(--focus);outline:0}h1,h2,h3{font-family:var(--book);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600}p{margin:0}.button{min-height:46px;color:var(--ink);background:var(--paper);border:1px solid var(--rule);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.button:hover{border-color:var(--muted)}.button:disabled{opacity:.6;cursor:progress}.button--primary{color:var(--paper);background:var(--pen);border-color:var(--pen)}.button--primary:hover{background:var(--pen-strong);border-color:var(--pen-strong)}.home{min-height:100dvh}.home-bar{z-index:10;max-width:calc(var(--measure) + 2 * var(--gutter));padding:10px var(--gutter);background:color-mix(in srgb, var(--desk) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex;position:sticky;top:0}.brand{color:var(--ink);font-family:var(--book);border-radius:6px;align-items:center;gap:10px;font-size:19px;font-weight:600;text-decoration:none;display:inline-flex}.brand__mark{width:30px;height:30px;color:var(--ink);background:var(--marker-yellow);border-radius:6px 6px 6px 2px;place-items:center;font-size:17px;display:grid}.home-bar nav{gap:4px;display:none}.home-bar nav a{color:var(--muted);border-radius:999px;padding:8px 12px;font-size:15px;text-decoration:none}.home-bar nav a:hover{color:var(--ink);background:var(--paper)}.hero,.section{max-width:calc(var(--measure) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto}.hero{gap:32px;padding-top:28px;padding-bottom:48px;display:grid}.hero h1{letter-spacing:-.025em;max-width:13ch;font-size:clamp(36px,10vw,64px);line-height:1.08}.hero__marked{background-image:linear-gradient(100deg, transparent .2em, color-mix(in srgb, var(--marker-yellow) 88%, transparent) .35em, color-mix(in srgb, var(--marker-yellow) 96%, transparent) calc(100% - .3em), transparent calc(100% - .15em));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 72%;background-repeat:no-repeat;background-size:100% .42em;animation:.9s cubic-bezier(.5,0,.2,1) .25s both marker-sweep}@keyframes marker-sweep{0%{background-size:0% .42em}}.hero__lead{max-width:34rem;color:var(--muted);margin-top:18px;font-size:18px;line-height:1.6}.hero__actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.hero__actions .button{flex:200px}.hero-page{margin:0}.hero-page__sheet{color:#29313d;background:var(--paper);max-width:440px;box-shadow:0 1px 0 var(--rule), 0 18px 40px -18px #18212e59;font-family:var(--book);border-radius:3px;margin:0 auto;padding:28px 26px 22px;font-size:15px;line-height:1.75;position:relative}.hero-page__sheet p+p{margin-top:12px}.hero-page__running{color:var(--muted);border-bottom:1px solid var(--rule);font-family:var(--ui);margin-bottom:14px;padding-bottom:8px;font-size:12px}.hero-page mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.05em 0}.ink-yellow{background:color-mix(in srgb, var(--marker-yellow) 85%, transparent)}.ink-green{background:color-mix(in srgb, var(--marker-green) 90%, transparent)}.ink-underline{text-underline-offset:4px;-webkit-text-decoration:underline #d0386f;text-decoration:underline #d0386f;text-decoration-thickness:2px}.hero-page__muted{color:#6b7380}.hero-page__note{color:#3d2c00;font-family:var(--ui);background:#fff4bf;border-left:3px solid #e3b500;align-items:center;gap:6px;margin-top:16px;padding:6px 10px;font-size:13px;display:inline-flex}.hero-page__stamp{color:#14532d;font-family:var(--ui);background:#dcfce7;border:1.5px solid #16a34a;border-radius:4px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;bottom:18px;right:22px;transform:rotate(-4deg)}.hero-page__folio{color:var(--muted);font-family:var(--ui);text-align:center;margin-top:18px;font-size:12px}.section{border-top:1px solid var(--rule);padding-top:40px;padding-bottom:40px}.section h2{font-size:clamp(26px,6vw,34px);line-height:1.2}.section__intro p{max-width:40rem;color:var(--muted);margin-top:8px}.section>h2,.section__intro{margin-bottom:22px}.demo-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.demo-list button{width:100%;height:100%;color:var(--ink);background:var(--paper);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:10px;grid-template-columns:44px 1fr 18px;align-items:center;gap:14px;padding:16px;transition:border-color .15s;display:grid}.demo-list button:hover{border-color:var(--rule)}.demo-list button>.lexvision-icon{color:var(--muted)}.demo-list__glyph{width:44px;height:44px;color:var(--ink);border-radius:8px;place-items:center;display:grid}.demo-list__glyph--scale{background:var(--marker-yellow)}.demo-list__glyph--studio{background:var(--marker-pink)}.demo-list__glyph--compat{background:var(--marker-green)}.demo-list__glyph--sync{background:#d4dcff}.demo-list__glyph--book{background:var(--desk)}.demo-list__copy{gap:3px;display:grid}.demo-list__copy strong{font-size:17px;line-height:1.3}.demo-list__copy span{color:var(--muted);font-size:15px}.open-pdf{gap:18px;display:grid}.open-pdf .section__intro{margin-bottom:4px}.drop-zone{color:var(--muted);background:var(--paper);border:2px dashed var(--rule);text-align:center;border-radius:12px;justify-items:center;gap:12px;padding:28px 16px;transition:border-color .15s,background-color .15s;display:grid}.drop-zone.is-dragging{background:color-mix(in srgb, var(--pen) 6%, var(--paper));border-color:var(--pen)}.drop-zone p{gap:2px;display:grid}.drop-zone strong{color:var(--ink);font-size:17px}.url-form{gap:8px;display:grid}.url-form label{font-weight:700}.url-form__field{gap:8px;display:flex}.url-form__field input{min-width:0;min-height:46px;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:10px;flex:1;padding:0 14px;font-size:16px}.url-form__field input:focus-visible{border-color:var(--pen)}.url-form__field input[aria-invalid=true]{border-color:var(--danger)}.form-error{color:var(--danger);background:var(--danger-surface);border-radius:8px;padding:10px 14px;font-size:15px}.compare__table{gap:10px;display:grid}.compare__head{display:none}.compare__row{background:var(--paper);border-radius:10px;gap:10px;padding:16px;display:grid}.compare__row [role=rowheader]{font-family:var(--book);font-size:18px;font-weight:600}.compare__row [role=cell]{color:#2f3946;font-size:15px}.compare__row [role=cell]:before{content:attr(data-label);color:var(--muted);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.compare__ahead{background:var(--paper);border-left:4px solid var(--marker-pink);border-radius:0 10px 10px 0;margin-top:22px;padding:18px 18px 18px 20px}.compare__ahead h3{font-size:19px}.compare__ahead ul{color:#2f3946;margin:10px 0 0;padding-left:20px}.compare__ahead li+li{margin-top:4px}.home-footer{max-width:calc(var(--measure) + 2 * var(--gutter));padding:24px var(--gutter) 40px;color:var(--muted);border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 auto;font-size:14px;display:flex}@media (width>=720px){:root{--gutter:32px}.home-bar nav{display:flex}.hero__actions .button{flex:none}.demo-list{grid-template-columns:repeat(2,1fr)}.demo-list li:first-child{grid-column:1/-1}.open-pdf{grid-template-columns:1fr 1fr;align-items:start;column-gap:32px}.open-pdf .section__intro,.open-pdf .form-error{grid-column:1/-1}.drop-zone{padding:36px 24px}.url-form{align-self:center}.compare__table{background:var(--paper);border-radius:12px;gap:0;overflow:hidden}.compare__head,.compare__row{border-radius:0;grid-template-columns:180px 1fr 1fr;gap:24px;padding:16px 22px;display:grid}.compare__head{color:var(--muted);border-bottom:1px solid var(--rule);font-size:14px;font-weight:700}.compare__row+.compare__row{border-top:1px solid var(--desk)}.compare__row [role=rowheader]{font-size:16px}.compare__row [role=cell]:before{content:none}}@media (width>=980px){.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;padding-top:56px;padding-bottom:72px}.hero-page__sheet{padding:34px 32px 26px;transform:rotate(1.2deg)}.demo-list{grid-template-columns:repeat(3,1fr)}.demo-list li:first-child{grid-column:span 2}}.playground{height:100dvh;color:var(--playground-text);background:var(--playground-background);flex-direction:column;transition:color .18s,background-color .18s;display:flex}.playground-header{z-index:60;min-height:52px;color:var(--playground-text);background:var(--playground-surface);border-bottom:1px solid var(--playground-border);align-items:center;gap:8px;padding:6px 10px;transition:color .18s,background-color .18s,border-color .18s;display:flex}.playground-back{min-width:40px;height:40px;color:var(--playground-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.playground-back:hover{border-color:var(--playground-border)}.playground-back:focus-visible,.playground-theme-select:focus-visible{box-shadow:0 0 0 2px var(--playground-surface), 0 0 0 4px var(--playground-accent)}.playground-back__brand{font-family:var(--book);font-size:16px;font-weight:600;display:none}.playground-title{min-width:0;font-family:var(--ui);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;font-weight:700;overflow:hidden}.playground-error{color:var(--danger);background:var(--danger-surface);border-bottom:1px solid color-mix(in srgb, var(--danger) 25%, transparent);padding:10px 16px;font-size:14px}.viewer-shell{background:var(--playground-background);flex:1;min-height:0}.viewer-shell>.lexvision-viewer{height:100%}.playground-theme-select{width:52px;height:40px;color:var(--playground-text);border:1px solid var(--playground-border);cursor:pointer;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:2px;padding:0;display:flex}.playground-theme-select:hover,.playground-theme-select[data-state=open]{background:color-mix(in srgb, var(--playground-accent) 8%, transparent);border-color:color-mix(in srgb, var(--playground-accent) 50%, var(--playground-border))}.playground-theme-positioner{z-index:100;outline:0}.playground-theme-popup{width:210px;max-height:min(460px, var(--radix-select-content-available-height));color:var(--playground-text);background:var(--playground-surface);border:1px solid var(--playground-border);transform-origin:var(--radix-select-content-transform-origin);border-radius:10px;padding:5px;overflow-y:auto;box-shadow:0 16px 40px #14233033}.playground-theme-option{cursor:pointer;border-radius:6px;outline:0;grid-template-columns:16px 1fr 18px;align-items:center;gap:8px;min-height:40px;padding:0 10px;font-size:14px;display:grid}.playground-theme-option[data-highlighted],.playground-theme-option[data-state=checked]{background:color-mix(in srgb, var(--playground-accent) 10%, transparent)}.playground-theme-option__dot{background:var(--theme-accent);border:1px solid color-mix(in srgb, var(--theme-accent) 65%, var(--playground-border));border-radius:50%;width:12px;height:12px}.playground-theme-option__check{color:var(--playground-accent);place-items:center;display:grid}.panes{flex-direction:column;height:100%;min-height:0;display:flex}.panes__switch{background:color-mix(in srgb, var(--playground-text) 7%, transparent);border-radius:10px;flex:none;gap:4px;margin:8px 10px;padding:4px;display:flex}.panes__switch button{min-height:36px;color:var(--playground-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;font-size:14px;font-weight:700}.panes__switch button[aria-pressed=true]{color:var(--playground-text);background:var(--playground-surface);box-shadow:0 1px 3px #14233026}.panes__pane{flex:1;min-width:0;min-height:0;display:none}.panes__pane.is-active{flex-direction:column;display:flex}.panes__pane>*{flex:1;min-height:0}.sync-demo__device{flex-direction:column;min-width:0;display:flex}.sync-demo__device>header{background:var(--playground-surface);border-bottom:1px solid var(--playground-border);flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 12px;font-size:14px;display:flex}.sync-demo__device>header>span{min-width:0;color:var(--playground-muted);flex:1}.sync-demo__device>header>button{min-height:36px;color:var(--playground-text);border:1px solid var(--playground-border);cursor:pointer;background:0 0;border-radius:8px;padding:0 12px;font-weight:700}.sync-demo__device>header>button[aria-pressed=true]{color:#fff;background:#8b5a12;border-color:#8b5a12}.sync-demo__device>.lexvision-viewer{flex:1;min-height:0}.scale-demo{flex-direction:column;height:100%;display:flex}.scale-demo--seeding{place-items:center;padding:24px 16px;display:grid}.scale-seeding{background:var(--playground-surface);border:1px solid var(--playground-border);border-radius:12px;gap:12px;width:min(520px,100%);padding:24px;display:grid}.scale-seeding__kicker{color:var(--playground-muted);font-size:14px}.scale-seeding strong{font-family:var(--book);font-size:21px;font-weight:600;line-height:1.3}.scale-seeding progress{appearance:none;background:color-mix(in srgb, var(--playground-text) 10%, transparent);border:0;border-radius:999px;width:100%;height:10px;overflow:hidden}.scale-seeding progress::-webkit-progress-bar{background:0 0}.scale-seeding progress::-webkit-progress-value{background:var(--playground-accent)}.scale-seeding progress::-moz-progress-bar{background:var(--playground-accent)}.scale-seeding>span:last-child{color:var(--playground-muted);font-size:14px}.scale-metrics{background:var(--playground-surface);border-bottom:1px solid var(--playground-border);gap:10px;padding:10px 12px;display:grid}.scale-metrics__intro{flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:14px;display:flex}.scale-metrics__intro small{color:var(--playground-muted);font-size:13px}.scale-device{border-radius:999px;padding:2px 9px;font-size:13px;font-weight:700}.scale-device--new{color:#3d2c00;background:var(--marker-yellow)}.scale-device--returning{color:#0e3d1c;background:var(--marker-green)}.scale-metrics__values{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.scale-metrics__values>div{flex-direction:column-reverse;justify-content:flex-end;gap:2px;display:flex}.scale-metrics__values dt{color:var(--playground-muted);font-size:12px;line-height:1.3}.scale-metrics__values dd{font-family:var(--book);font-variant-numeric:tabular-nums;margin:0;font-size:22px;font-weight:600;line-height:1.15}.scale-metrics__actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.scale-metrics__actions button{min-height:40px;color:var(--playground-text);border:1px solid var(--playground-border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.scale-metrics__actions button:hover:not(:disabled){border-color:var(--playground-accent)}.scale-metrics__actions button:disabled{opacity:.5;cursor:default}.scale-history{background:var(--playground-surface);border-bottom:1px solid var(--playground-border);font-variant-numeric:tabular-nums;gap:8px;margin:0;padding:8px 12px;font-size:12px;list-style:none;display:flex;overflow-x:auto}.scale-history li{color:var(--playground-muted);border:1px solid var(--playground-border);border-radius:8px;flex:none;grid-template-columns:auto auto;gap:0 10px;padding:6px 10px;display:grid}.scale-history li>span:first-child{color:var(--playground-text);grid-column:1/-1;font-weight:700}.scale-demo__viewer{flex:1;min-height:0}.scale-demo__viewer>.lexvision-viewer{height:100%}.compat-demo__viewer{flex-direction:column;display:flex}.compat-demo__viewer>.lexvision-viewer{flex:1;min-height:0}.compat-service{background:var(--playground-surface);flex-direction:column;min-height:0;display:flex;overflow:hidden}.compat-service>header{border-bottom:1px solid var(--playground-border);gap:8px;padding:14px 16px;display:grid}.compat-service__kicker{color:var(--playground-muted);font-size:13px}.compat-service>header>strong{font-family:var(--book);font-size:19px;font-weight:600}.compat-service>header>p{color:var(--playground-muted);font-size:14px}.compat-service__actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.compat-service__actions button,.studio-reset,.studio-code>button{min-height:38px;color:var(--playground-text);border:1px solid var(--playground-border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.compat-service__actions button:hover,.studio-reset:hover,.studio-code>button:hover{border-color:var(--playground-accent)}.compat-service__tabs,.studio-panel__tabs{border-bottom:1px solid var(--playground-border);flex:none;gap:4px;padding:8px 12px 0;display:flex}.compat-service__tabs button,.studio-panel__tabs button[role=tab]{min-height:40px;color:var(--playground-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.compat-service__tabs button[aria-selected=true],.studio-panel__tabs button[aria-selected=true]{color:var(--playground-text);border-bottom-color:var(--playground-accent)}.compat-service__tabs span{background:color-mix(in srgb, var(--playground-text) 9%, transparent);text-align:center;border-radius:999px;min-width:22px;padding:0 6px;font-size:12px}.compat-requests,.compat-records{flex:1;min-height:0;margin:0;padding:6px 0;list-style:none;overflow-y:auto}.compat-requests li{grid-template-columns:auto 1fr auto;align-items:center;gap:2px 10px;padding:8px 16px;font-size:13px;display:grid}.compat-requests li+li,.compat-records li+li{border-top:1px solid color-mix(in srgb, var(--playground-border) 60%, transparent)}.compat-requests code,.compat-records code,.compat-records pre,.studio-code pre{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.compat-requests code{overflow-wrap:anywhere;font-size:12px}.compat-requests small{color:var(--playground-muted);grid-column:2/-1;font-size:12px}.compat-method{border-radius:5px;padding:1px 7px;font-size:11px;font-weight:700}.compat-method--get{color:#183a8c;background:#dfe7ff}.compat-method--post{color:#0e4b25;background:#d6f5df}.compat-method--delete{color:#7d1b1b;background:#fde0e0}.compat-status{color:var(--playground-muted);font-variant-numeric:tabular-nums}.compat-records li{gap:6px;padding:10px 16px;display:grid}.compat-records li>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.compat-records code{overflow-wrap:anywhere;font-size:12px}.compat-records pre{background:color-mix(in srgb, var(--playground-text) 5%, transparent);white-space:pre-wrap;word-break:break-all;border-radius:6px;margin:0;padding:8px 10px;font-size:11px;line-height:1.5;overflow-x:auto}.compat-origin{border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.compat-origin--webviewer{color:#3d2c00;background:var(--marker-yellow)}.compat-origin--lexvision{color:#0e3d1c;background:var(--marker-green)}.studio-preview{flex-direction:column;display:flex}.studio-preview>.lexvision-viewer{flex:1;min-height:0}.studio-panel{background:var(--playground-surface);flex-direction:column;min-height:0;display:flex}.studio-panel__tabs{align-items:center}.studio-reset{margin-bottom:6px;margin-left:auto}.studio-settings,.studio-code{flex:1;min-height:0;padding:4px 16px 24px;overflow-y:auto}.studio-group{border:0;border-bottom:1px solid color-mix(in srgb, var(--playground-border) 70%, transparent);margin:0;padding:16px 0}.studio-group:last-child{border-bottom:0}.studio-group legend{float:left;width:100%;font-family:var(--book);margin-bottom:10px;padding:0;font-size:16px;font-weight:600}.studio-group legend+*{clear:both}.studio-swatches{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.studio-swatches button{min-height:36px;color:var(--playground-text);border:1px solid var(--playground-border);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex}.studio-swatches button[aria-pressed=true]{border-color:var(--playground-accent);box-shadow:inset 0 0 0 1px var(--playground-accent)}.studio-swatches span{border:1px solid #00000026;border-radius:50%;width:14px;height:14px}.studio-row{align-items:center;gap:12px;min-height:44px;font-size:14px;display:flex}.studio-row>span{flex:1}.studio-row input[type=color]{border:1px solid var(--playground-border);background:0 0;border-radius:6px;width:44px;height:32px;padding:2px}.studio-row input[type=range]{width:140px;accent-color:var(--playground-accent)}.studio-row output{min-width:40px;color:var(--playground-muted);font-variant-numeric:tabular-nums;text-align:right}.studio-row input[type=number],.studio-row select{width:90px;min-height:36px;color:var(--playground-text);border:1px solid var(--playground-border);background:0 0;border-radius:6px;padding:0 8px}.studio-segmented{background:color-mix(in srgb, var(--playground-text) 6%, transparent);border-radius:9px;flex-wrap:wrap;gap:4px;margin:4px 0 8px;padding:3px;display:flex}.studio-segmented button{min-height:34px;color:var(--playground-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:0 10px;font-size:13px;font-weight:700}.studio-segmented button[aria-checked=true]{color:var(--playground-text);background:var(--playground-surface);box-shadow:0 1px 3px #14233026}.studio-checks{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:2px 12px;display:grid}.studio-checks label{cursor:pointer;align-items:center;gap:8px;min-height:36px;font-size:14px;display:flex}.studio-checks input{width:18px;height:18px;accent-color:var(--playground-accent);margin:0}.studio-code>p{color:var(--playground-muted);margin:12px 0;font-size:14px}.studio-code pre{color:#e6ebf2;background:#18212e;border-radius:8px;margin:0 0 12px;padding:14px;font-size:12px;line-height:1.6;overflow-x:auto}.studio-slot{font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}@media (width>=721px){.playground-header{padding:6px 14px}.playground-back__brand{display:inline}.playground-back{border-right-color:var(--playground-border);border-radius:8px 0 0 8px}.playground-title{color:var(--playground-muted);padding-left:6px;font-weight:400}.panes{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.panes__switch{display:none}.panes__pane,.panes__pane.is-active{flex-direction:column;display:flex}.sync-demo{background:var(--playground-border);gap:1px}.compat-demo,.studio{grid-auto-columns:1fr minmax(320px,380px)}.compat-demo .panes__pane+.panes__pane,.studio .panes__pane+.panes__pane{border-left:1px solid var(--playground-border)}.scale-metrics{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:12px 16px}.scale-metrics__intro{gap:2px;display:grid}.scale-metrics__intro .scale-device{justify-self:start}.scale-metrics__values{gap:24px}.scale-metrics__values dd{font-size:26px}.scale-metrics__actions{grid-template-columns:none;grid-auto-flow:row}}@media (width>=1100px){.scale-metrics__actions{grid-auto-flow:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}