.ts-studio{--ts-inspector-width:340px;grid-template-columns:var(--ts-inspector-width) minmax(0, 1fr);height:100dvh;padding-top:var(--docs-header-height);background:var(--mb-bg);color:var(--mb-label);grid-template-areas:"inspector preview";display:grid}.ts-inspector{overscroll-behavior:contain;border-inline-end:var(--mb-hairline) solid var(--mb-separator-strong);background:var(--mb-bg-sidebar);scrollbar-width:thin;grid-area:inspector;min-height:0;overflow-y:auto}.ts-inspector-inner{gap:var(--mb-space-7);padding:var(--mb-space-7) var(--mb-space-6) var(--mb-space-10);display:grid}.ts-intro h1{color:var(--site-label);font:600 var(--type-card) / var(--leading-tight) var(--font-display);letter-spacing:var(--type-card-track);margin:0}.ts-intro p{color:var(--site-label-secondary);font:400 var(--type-body-reduced) / var(--leading-read-reduced) var(--font-text);letter-spacing:var(--type-body-reduced-track);margin:10px 0 0}.ts-intro strong{color:var(--site-label);font-weight:600}.ts-section{gap:var(--mb-space-3);min-width:0;display:grid}.ts-section-header{justify-content:space-between;align-items:baseline;gap:var(--mb-space-4);padding-inline:var(--mb-space-2);display:flex}.ts-section-title{font:var(--mb-text-headline);color:var(--mb-label);margin:0}.ts-section-aside{font:var(--mb-text-subheadline);color:var(--mb-label-secondary)}.ts-section-footer{padding-inline:var(--mb-space-2);font:var(--mb-text-subheadline);color:var(--mb-label-secondary);text-wrap:pretty;margin:0}.ts-group{border-radius:var(--mb-radius-md);background:var(--lightningcss-light,var(--mb-bg))var(--lightningcss-dark,color-mix(in oklch, var(--mb-ink) 5%, transparent));min-width:0;box-shadow:0 0 0 var(--mb-hairline) var(--mb-separator);display:grid}.ts-row{justify-content:space-between;align-items:center;gap:var(--mb-space-5);min-height:38px;padding:var(--mb-space-3) var(--mb-space-5);font:var(--mb-text-body);display:flex;position:relative}.ts-row+.ts-row:before{content:"";inset:0 var(--mb-space-5) auto;height:var(--mb-hairline);background:var(--mb-separator);position:absolute}.ts-row-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ts-row-control{align-items:center;gap:var(--mb-space-4);flex:none;display:flex}.ts-row[data-stack]{align-items:stretch;gap:var(--mb-space-4);padding-block:var(--mb-space-5);flex-direction:column}.ts-hex{width:84px;font-family:var(--mb-font-mono);font-variant-numeric:tabular-nums;letter-spacing:0}.ts-hex[aria-invalid=true]{color:var(--mb-destructive-text)}.ts-slider-row{align-items:center;gap:var(--mb-space-5);display:flex}.ts-slider-row>.mb-slider{flex:1}.ts-value{min-width:36px;font-family:var(--mb-font-mono);text-align:end;color:var(--mb-label-secondary);font-variant-numeric:tabular-nums;font-size:12px}.ts-presets{gap:var(--mb-space-5) var(--mb-space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ts-preset{justify-items:center;gap:var(--mb-space-3);min-width:0;color:var(--mb-label-secondary);font:var(--mb-text-subheadline);cursor:default;background:0 0;border:0;outline:none;padding:0;display:grid}.ts-preset-swatch{aspect-ratio:4/3;border-radius:var(--mb-radius-md);width:100%;box-shadow:0 0 0 var(--mb-hairline) var(--mb-separator-strong), var(--mb-shadow-1);transition:box-shadow var(--mb-duration-fast) var(--mb-ease-out);grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.ts-preset-half{align-content:end;gap:3px;padding:6px 5px;display:grid;position:relative}.ts-preset-half>i{border-radius:2px;height:3px;display:block}.ts-preset-half>b{border-radius:3px;width:70%;height:7px;display:block}.ts-preset[data-checked]{color:var(--mb-label);font-weight:600}.ts-preset[data-checked] .ts-preset-swatch{box-shadow:0 0 0 2px var(--mb-bg-sidebar), 0 0 0 4px var(--mb-accent)}.ts-preset:focus-visible .ts-preset-swatch{box-shadow:0 0 0 2px var(--mb-bg-sidebar), 0 0 0 calc(2px + var(--mb-focus-ring-width)) var(--mb-focus-ring)}@media (hover:hover) and (pointer:fine){.ts-preset:hover:not([data-checked]) .ts-preset-swatch{box-shadow:0 0 0 var(--mb-hairline) var(--mb-separator-strong), var(--mb-shadow-2)}}.ts-contrast{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.ts-contrast-head,.ts-contrast-row{display:contents}.ts-contrast-head>span{padding:var(--mb-space-4) var(--mb-space-5) var(--mb-space-2);font:var(--mb-text-subheadline);color:var(--mb-label-secondary);text-align:center}.ts-contrast-head>span:first-child{text-align:start}.ts-contrast-row>*{padding-block:var(--mb-space-3);border-top:var(--mb-hairline) solid var(--mb-separator)}.ts-contrast-name{min-width:0;padding-inline-start:var(--mb-space-5);display:grid}.ts-contrast-name small{font:var(--mb-text-subheadline);color:var(--mb-label-secondary)}.ts-contrast-cell{padding-inline:var(--mb-space-2);justify-content:center;display:flex}.ts-contrast-cell:last-child{padding-inline-end:var(--mb-space-5)}.ts-ratio{border-radius:var(--mb-radius-full);min-width:62px;font:500 12px/16px var(--mb-font);font-variant-numeric:tabular-nums;letter-spacing:0;align-items:center;gap:4px;padding:2px 7px;display:inline-flex}.ts-ratio[data-pass]{background:color-mix(in oklch, var(--mb-green) 18%, transparent);color:var(--lightningcss-light,oklch(from var(--mb-green) calc(l - .12) c h))var(--lightningcss-dark,oklch(from var(--mb-green) calc(l + .08) c h))}.ts-ratio[data-fail]{background:color-mix(in oklch, var(--mb-red) 20%, transparent);color:var(--mb-destructive-text)}.ts-ratio svg{flex:none;width:12px;height:12px}.ts-code{border-radius:var(--mb-radius-md);box-shadow:0 0 0 var(--mb-hairline) var(--mb-separator);background:var(--lightningcss-light,#f7f9f7)var(--lightningcss-dark,#081710);margin:0;position:relative}.ts-code pre{max-height:280px;padding:var(--mb-space-5) var(--mb-space-5) var(--mb-space-5);font:400 11.5px/1.6 var(--font-mono);letter-spacing:0;color:var(--mb-label);tab-size:2;white-space:pre;scrollbar-width:thin;margin:0;overflow:auto}.ts-code-copy{background:var(--mb-material-thick);position:absolute;inset-block-start:var(--mb-space-3);inset-inline-end:var(--mb-space-3)}.ts-code .ts-tok-prop{color:var(--mb-accent-text)}.ts-code .ts-tok-str{color:var(--lightningcss-light,oklch(from var(--mb-green) calc(l - .1) c h))var(--lightningcss-dark,var(--mb-green))}.ts-code .ts-tok-punct{color:var(--mb-label-secondary)}.ts-code-dot{vertical-align:-.08em;width:.8em;height:.8em;box-shadow:inset 0 0 0 .5px var(--mb-separator-strong);border-radius:3px;margin-inline-end:.3em;display:inline-block}.ts-actions{gap:var(--mb-space-4);flex-wrap:wrap;display:flex}.ts-preview{grid-area:preview;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.ts-preview-bar{align-items:center;gap:var(--mb-space-4) var(--mb-space-6);min-height:48px;padding:var(--mb-space-3) var(--mb-space-6);border-bottom:var(--mb-hairline) solid var(--mb-separator-strong);background:var(--mb-bg);flex-wrap:wrap;display:flex}.ts-preview-title{align-items:baseline;gap:var(--mb-space-4);min-width:0;font:var(--mb-text-headline);margin-inline-end:auto;display:flex}.ts-preview-title span{text-overflow:ellipsis;white-space:nowrap;font:var(--mb-text-subheadline);color:var(--mb-label-secondary);overflow:hidden}.ts-stage{min-width:0;min-height:0;padding:var(--mb-space-9);color:var(--mb-label);background-color:color-mix(in oklch, var(--mb-accent) 14%, var(--mb-bg-secondary));background-image:radial-gradient(60% 75% at 4% 0%, color-mix(in oklch, var(--mb-accent) 78%, transparent), transparent 70%), radial-gradient(55% 70% at 100% 8%, color-mix(in oklch, var(--mb-accent-secondary) 66%, transparent), transparent 70%), radial-gradient(70% 60% at 78% 104%, color-mix(in oklch, var(--mb-accent) 52%, var(--mb-accent-secondary)), transparent 72%), radial-gradient(50% 60% at 18% 100%, color-mix(in oklch, var(--mb-accent-secondary) 40%, transparent), transparent 70%);transition:background-color var(--mb-duration-base) var(--mb-ease-out);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ts-stage-phones{justify-content:center;align-items:center;gap:48px;display:flex}.ts-mac-window{--mb-window-sidebar-width:clamp(176px, 18vw, 220px);width:100%;max-width:1120px;height:100%;max-height:700px}.ts-mac-body{container-type:inline-size}.ts-mac-content{gap:var(--mb-space-7);padding:var(--mb-space-7) var(--mb-space-8) var(--mb-space-8);display:grid}.ts-mac-heading{align-items:center;gap:var(--mb-space-4);flex-wrap:wrap;display:flex}.ts-mac-heading h2{font:var(--mb-text-title-1);letter-spacing:var(--mb-tracking-title);margin:0}.ts-mac-heading>div:first-child{gap:var(--mb-space-2);margin-inline-end:auto;display:grid}.ts-mac-heading p{font:var(--mb-text-callout);color:var(--mb-label-secondary);margin:0}.ts-cover{justify-content:space-between;align-items:flex-end;gap:var(--mb-space-5);min-height:132px;padding:var(--mb-space-6);border-radius:var(--mb-radius-lg);background:radial-gradient(60% 120% at 100% 0%, color-mix(in oklch, var(--mb-accent-secondary) 85%, transparent), transparent 70%), linear-gradient(120deg, oklch(from var(--mb-accent) calc(l - .16) c h), var(--mb-accent) 70%);color:#fff;display:flex;position:relative;overflow:hidden}.ts-cover strong{font:var(--mb-text-title-2);letter-spacing:var(--mb-tracking-title);text-shadow:0 1px 12px #00000040;display:block}.ts-cover small{font:var(--mb-text-callout);opacity:.92;text-shadow:0 1px 8px #00000040}.ts-mac-grid{gap:var(--mb-space-6);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;display:grid}@container (max-width:640px){.ts-mac-grid{grid-template-columns:minmax(0,1fr)}}.ts-panel{gap:var(--mb-space-6);padding:var(--mb-space-6);border-radius:var(--mb-group-radius);background:var(--mb-bg-secondary);box-shadow:0 0 0 var(--mb-hairline) var(--mb-separator);display:grid}.ts-panel-title{font:var(--mb-text-headline);margin:0}.ts-inline{align-items:center;gap:var(--mb-space-4);flex-wrap:wrap;display:flex}.ts-inline[data-end]{justify-content:flex-end}.ts-stats{gap:var(--mb-space-6);display:grid}.ts-phone-content{gap:var(--mb-space-6);padding:0 16px 120px;display:grid}.ts-phone-cover{border-radius:var(--mb-group-radius);background:radial-gradient(60% 120% at 100% 0%, color-mix(in oklch, var(--mb-accent-secondary) 85%, transparent), transparent 70%), linear-gradient(120deg, oklch(from var(--mb-accent) calc(l - .16) c h), var(--mb-accent) 70%);color:#fff;align-content:end;min-height:150px;padding:16px;display:grid}.ts-phone-cover strong{font:var(--mb-text-title-2);text-shadow:0 1px 12px #00000040}.ts-phone-cover small{font:var(--mb-text-subheadline);text-shadow:0 1px 8px #00000040}.ts-phone-buttons{gap:var(--mb-space-4);display:grid}.ts-ipad{grid-template-columns:320px minmax(0,1fr);height:100%;display:grid}.ts-ipad-sidebar{background:var(--mb-bg-sidebar);padding:32px 12px 20px;overflow:auto}.ts-ipad-sidebar h2{font:var(--mb-text-large-title);letter-spacing:var(--mb-tracking-large-title);margin:0 8px 12px}.ts-ipad-main{background:var(--mb-bg);min-width:0;overflow:hidden}.ts-ipad-main .ts-phone-content{width:100%;max-width:600px;margin-inline:auto;padding-top:8px}.ts-mac-heading-actions{align-items:center;gap:var(--mb-space-4);display:flex}@media (max-width:899px){.ts-studio{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""inspector";height:auto}.ts-inspector{border-inline-end:0;border-top:var(--mb-hairline) solid var(--mb-separator-strong);overflow:visible}.ts-stage{height:640px;padding:var(--mb-space-6)}.ts-preview-bar{padding-inline:var(--mb-space-6)}}