:root{--sd-bg:#0b0c0e;--sd-surface:#121316;--sd-surface-raised:#17181c;--sd-surface-hover:#1d1e23;--sd-border:#26272d;--sd-border-subtle:#1e2025;--sd-text:#f5f6f8;--sd-text-muted:#9aa0ab;--sd-text-subtle:#7b818c;--sd-accent:#8b7cf6;--sd-accent-text:#a99bff;--sd-accent-soft:#8b7cf629;--sd-accent-contrast:#10111a;--sd-danger:#cf3f3f;--sd-danger-text:#ff8a8a;--sd-success:#2f9e5b;--sd-focus-ring:#a99bff;--sd-radius:12px;--sd-rail-gap:20px}html{scroll-padding-top:max(72px, var(--sd-header-height,55px));scrollbar-color:var(--sd-text-subtle) var(--sd-bg)}html,body{background:var(--sd-bg);color:var(--sd-text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif}body{scrollbar-color:auto}.app{background:var(--sd-bg);min-height:100vh;color:var(--sd-text);grid-template-columns:276px minmax(0,1fr);display:grid}.top{z-index:5;background:var(--sd-surface);border-bottom:1px solid var(--sd-border-subtle);grid-column:1/-1;align-items:center;gap:12px;padding:10px 18px;display:flex;position:sticky;top:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:30;background:var(--sd-accent);color:var(--sd-accent-contrast);border-radius:8px;padding:8px 14px;font-weight:600;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip:focus{transform:none}.nav-toggle{display:none}.main:focus{outline:none}.table-scroll{overflow-x:auto}.table-scroll tbody th code{color:var(--sd-text);background:0 0;padding:0;font-weight:600}.table-scroll td .guidance{margin:0}.table-scroll td .guidance>:first-child{margin-top:0}.table-scroll td .guidance>:last-child{margin-bottom:0}.table-scroll td p{font-size:inherit}.table-scroll summary{cursor:pointer;min-block-size:24px}.mark{width:26px;height:26px;color:var(--sd-accent-contrast);background:var(--sd-accent);border-radius:7px;place-items:center;font-size:14px;font-weight:700;display:grid}.brand{letter-spacing:-.01em;font-weight:650}.brand-link{color:var(--sd-text);border-radius:7px;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.search{flex:0 430px;position:relative}.search input{box-sizing:border-box;border:1px solid var(--sd-text-subtle);background:var(--sd-bg);width:100%;color:var(--sd-text);font:inherit;border-radius:10px;padding:7px 10px;font-size:13px}.search input::placeholder{color:var(--sd-text-muted)}.search input:focus-visible{outline:2px solid var(--sd-focus-ring);outline-offset:1px}.spacer{flex:1}.chip{color:var(--sd-text-muted);padding:2px 0;font-size:11px}.tool{border:1px solid var(--sd-text-subtle);background:var(--sd-surface-raised);color:var(--sd-text);font:inherit;cursor:pointer;border-radius:8px;padding:5px 10px;font-size:12.5px;text-decoration:none}.tool:hover{background:var(--sd-surface-hover)}.tool:focus-visible,:where(.app) summary:focus-visible:where(:not(.story-lane *)),.table-scroll:focus-visible,.shot:focus-visible,:where(.app) a:focus-visible:where(:not(.story-lane *)){outline:2px solid var(--sd-focus-ring);outline-offset:2px}.rail-track{overflow-anchor:none;min-width:0}.nav-track{background:var(--sd-surface)}@media (width>=1001px){.rail-track{padding-block-start:var(--sd-rail-gap)}.rail-track>:is(.nav,.toc){top:calc(var(--sd-header-height,55px) + var(--sd-rail-gap));box-sizing:border-box;max-block-size:calc(100dvh - var(--sd-header-height,55px) - 2 * var(--sd-rail-gap));scrollbar-gutter:stable;position:sticky;overflow-y:auto}}.nav,.toc{scrollbar-width:thin;scrollbar-color:var(--sd-text-subtle) transparent}.nav{background:var(--sd-surface);border-right:0;padding:14px 12px 12px}.nav a{box-sizing:border-box;min-height:28px;color:var(--sd-text-muted);border-radius:8px;align-items:center;padding:4px 10px;font-size:13.5px;text-decoration:none;display:flex}.nav a:hover{background:var(--sd-surface-hover);color:var(--sd-text)}.nav a.on{background:var(--sd-accent-soft);color:var(--sd-text);font-weight:600}.grp{letter-spacing:.09em;text-transform:uppercase;color:var(--sd-text-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:36px;margin:3px 0 2px;padding:8px 10px;font-family:inherit;font-size:10.5px;font-weight:700;display:flex}.grp[aria-expanded=true]{background:var(--sd-surface-raised);color:var(--sd-text)}.grp:hover{background:var(--sd-surface-hover);color:var(--sd-text)}.grp-chevron{flex-shrink:0;transition:transform .15s}.grp[aria-expanded=true] .grp-chevron{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.grp-chevron{transition:none}}.grp:focus-visible{outline:2px solid var(--sd-focus-ring);outline-offset:2px}.main{min-width:0;padding:48px clamp(28px,4vw,64px) 160px}.crumb{color:var(--sd-text-muted);margin-bottom:10px;font-size:12.5px}:where(.app) h1:where(:not(.story-lane *)){letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(36px,3.5vw,52px);font-weight:650;line-height:1.12}:where(.app) h2:where(:not(.story-lane *)){letter-spacing:-.025em;margin:48px 0 16px;font-size:24px;font-weight:650;line-height:1.3}:where(.app) h3:where(:not(.story-lane *)){margin:0 0 6px;font-size:17px;line-height:1.4}:where(.app) p:where(:not(.story-lane *)),:where(.app) li:where(:not(.story-lane *)){color:var(--sd-text-muted);font-size:14.5px;line-height:1.65}.lede{max-width:64ch;font-size:18px;line-height:1.7}:where(.app) a:where(:not(.story-lane *)){color:var(--sd-accent-text)}:where(.app) code:where(:not(.story-lane *)){background:var(--sd-surface-raised);border:0;border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.card{margin:12px 0;padding:16px 0}.grid2{grid-template-columns:1fr 1fr;gap:24px 40px;display:grid}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:32px 0 48px;display:grid}.tile .num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:600}.tile b{margin:2px 0 4px;font-size:14px;display:block}.tile span{color:var(--sd-text-muted);font-size:13px}.summary-row{flex-wrap:wrap;align-items:center;gap:6px 18px;margin:4px 0 14px;display:flex}.story-failed{color:color-mix(in srgb, var(--sd-danger) 55%, var(--sd-text));font-size:13px}.skeleton{background:var(--sd-surface-raised);border-radius:6px;animation:1.4s ease-in-out infinite sd-pulse;display:block}.skeleton-stack{gap:10px;display:grid}.skeleton-page{gap:16px;margin:18px 0;display:grid}@keyframes sd-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skeleton{animation:none}}pre.code{background:var(--sd-surface);border-radius:var(--sd-radius);color:var(--sd-text);border:0;margin:10px 0;padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow:auto}.hint,:is(.table-scroll,.guidance-table)>table th+th,:is(.table-scroll,.guidance-table)>table td+td{border-left:0}code.type{white-space:pre-wrap;overflow-wrap:anywhere;max-inline-size:100%;display:inline-block}code.signature{white-space:pre;padding-bottom:4px;display:block;overflow-x:auto}.table-scroll>.props-table{table-layout:fixed;min-inline-size:640px}.props-table thead th:first-child{width:18%}.props-table thead th:nth-child(2){width:34%}.props-table thead th:nth-child(3){width:12%}.props-table thead th:nth-child(4){width:36%}.slots-table thead th:first-child,.slots-table thead th:nth-child(2){width:25%}.slots-table thead th:nth-child(3){width:50%}.api-part{min-width:0}.api-part-link{color:var(--sd-accent-text);font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0}.api-part-link:hover{text-decoration:underline}.api-part-link:focus-visible{outline:2px solid var(--sd-focus-ring)}.api-inherited{margin:16px 0 4px}.api-inherited>summary{cursor:pointer;color:var(--sd-text-muted);padding:4px 0;font-size:13px}.api-inherited>summary:focus-visible{outline:2px solid var(--sd-focus-ring)}.api-inherited .count{color:var(--sd-text-subtle)}.api-inherited .table-scroll{margin-top:8px}.api-inherited-group{border-top:1px solid var(--sd-border-subtle);margin-top:8px;padding-top:4px}.api-inherited-group>summary{cursor:pointer;color:var(--sd-text);padding:4px 0;font-size:13px}.api-inherited-group>summary:focus-visible{outline:2px solid var(--sd-focus-ring)}.table-scroll tbody th small{display:block}.props-table :is(th,td),.guidance :is(p,li,code),.api-part :is(p,li,code),.props-table :is(p,li,code){overflow-wrap:anywhere}.req{white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb, var(--sd-danger) 55%, var(--sd-text));margin-left:6px;font-size:10.5px;display:inline-block}.guidance{margin:18px 0 6px}.guidance h2{margin-top:26px}.guidance h3{margin:18px 0 4px;font-size:14px}:is(.table-scroll,.guidance-table)>table{border-collapse:collapse;width:100%;margin:16px 0;font-size:13.5px;line-height:1.6}:is(.table-scroll,.guidance-table)>table th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--sd-text-muted);background:var(--sd-surface);border-bottom:1px solid var(--sd-border);padding:12px 16px;font-size:11px}:is(.table-scroll,.guidance-table)>table tbody th{font-size:inherit;letter-spacing:normal;text-transform:none;color:var(--sd-text-muted);vertical-align:top;border-bottom:1px solid var(--sd-border-subtle);padding:14px 16px;font-weight:400}:is(.table-scroll,.guidance-table)>table td{border-bottom:1px solid var(--sd-border-subtle);vertical-align:top;color:var(--sd-text-muted);padding:14px 16px}.swatches{grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:12px;display:grid}.sw{border:1px solid var(--sd-border);border-radius:10px;overflow:hidden}.sw .c{height:54px}.sw .n{color:var(--sd-text-muted);padding:8px 10px;font-size:12px}.sw .n b{color:var(--sd-text);font-size:12.5px;display:block}.scale-row{border-bottom:1px solid var(--sd-border-subtle);align-items:baseline;gap:14px;padding:10px 0;display:flex}.scale-row .meta{width:200px;color:var(--sd-text-muted);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.scale-rows{grid-template-columns:minmax(0,1fr);gap:4px;margin:8px 0;display:grid}.space-row{border-bottom:1px solid var(--sd-border-subtle);align-items:center;gap:14px;padding:6px 0;display:flex}.space-row .meta{width:210px;color:var(--sd-text-muted);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.bar{background:var(--sd-accent);border-radius:4px;min-width:2px;height:14px}.bar-outline{border:1px dashed var(--sd-border);border-radius:4px;min-width:2px;height:14px}.radius-row,.shadow-row{flex-wrap:wrap;gap:18px;margin:10px 0;display:flex}.radius-cell,.shadow-cell{gap:8px;display:grid}.radius-cell .meta,.shadow-cell .meta{color:var(--sd-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.radius-box{background:var(--sd-accent-soft);border:1px solid var(--sd-border);width:64px;height:64px}.shadow-box{border-radius:var(--sd-radius);background:var(--sd-surface-raised);border:1px solid var(--sd-border);width:124px;height:76px}.motion-demo{background:var(--sd-accent);border-radius:4px;width:64px;height:14px;animation:1.2s ease-in-out infinite alternate sd-slide}@keyframes sd-slide{0%{transform:translate(0)}to{transform:translate(140px)}}@media (prefers-reduced-motion:reduce){.motion-demo{animation:none}}:where(.app) section>h3:where(:not(.story-lane *)){margin:22px 0 4px}.group-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:32px 40px;margin:24px 0;display:grid}.group-card{border-top:1px solid var(--sd-border);margin:0;padding:20px 0 0}.group-card h3{align-items:baseline;gap:8px;margin:0 0 12px;display:flex}.group-card .count{color:var(--sd-text-muted);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:600}.group-card ul{columns:1;margin:0;padding:0;list-style:none}.group-card li{padding:2px 0}.group-card li a{min-block-size:24px;color:var(--sd-text-muted);align-items:center;font-size:13.5px;text-decoration:none;display:inline-flex}.group-card li a:hover{color:var(--sd-accent-text);text-underline-offset:3px;text-decoration:underline}.group-card .hint{margin:8px 0 0}@media (width<=1000px){.app{grid-template-columns:minmax(0,1fr)}.top{flex-wrap:wrap;gap:8px 12px}.nav-toggle{display:inline-block}.nav-track{display:contents}.search{flex:100%;order:10}.nav{inset-inline:0;top:var(--sd-header-height,55px);z-index:4;box-sizing:border-box;max-height:min(60vh, calc(100dvh - var(--sd-header-height,55px)));overscroll-behavior-y:contain;border-right:0;border-bottom:1px solid var(--sd-border);padding-bottom:20px;display:none;position:fixed;overflow-y:auto}.nav.open{display:block}.main{padding:32px 20px 120px}.grid2{grid-template-columns:minmax(0,1fr)}.tiles{grid-template-columns:minmax(0,1fr);gap:20px;margin:24px 0 36px}.tile{grid-template-columns:80px minmax(0,1fr);column-gap:16px;margin:0;padding:0;display:grid}.tile .num{grid-row:span 2;font-size:28px}.scale-row,.space-row{flex-wrap:wrap}.scale-row .meta,.space-row .meta{overflow-wrap:anywhere;flex:0 auto;width:auto}.bar,.bar-outline{max-width:100%}}@media (hover:none),(pointer:coarse){.nav,.toc{scrollbar-width:auto}}@media (forced-colors:active){html,.nav,.toc{scrollbar-width:auto;scrollbar-color:auto}.nav a.on,.search-results li[aria-selected=true]{outline-offset:-1px;outline:1px solid}pre.code,.sd-controls{outline:1px solid}}:root,[data-theme=dark]{--ui-color-bg:#08090a;--ui-color-bg-soft:#0b0c0d;--ui-color-surface:#0f1011;--ui-color-surface-raised:#141516;--ui-color-surface-hover:#18191a;--ui-color-surface-inset:#050506;--ui-color-color-picker-checker-a:#050506;--ui-color-color-picker-checker-b:#141516;--ui-color-color-picker-white:#fff;--ui-color-color-picker-black:#000;--ui-color-border:#23252a;--ui-color-border-subtle:#1d1e22;--ui-color-border-strong:#3e3e44;--ui-color-border-control:#62666d;--ui-color-text:#f7f8f8;--ui-color-text-muted:#8a8f98;--ui-color-text-subtle:#757982;--ui-color-accent:#a78bff;--ui-color-accent-hover:#c7b7ff;--ui-color-accent-contrast:#141414;--ui-color-accent-text:#a78bff;--ui-color-accent-soft:#7747ff38;--ui-color-accent-soft-hover:#7747ff4d;--ui-color-accent-border:#7747ff80;--ui-color-voice-orb-cloud-listening:#6bdedb;--ui-color-voice-orb-cloud-thinking:#7975ed;--ui-color-voice-orb-cloud-speaking:#f3a1bd;--ui-color-danger:#cf3f3f;--ui-color-danger-hover:#c23b3b;--ui-color-danger-contrast:#fff;--ui-color-danger-text:#eb5757;--ui-color-danger-soft:#eb575714;--ui-color-danger-soft-hover:#eb57571f;--ui-color-danger-border:#eb575773;--ui-color-warning:#f2994a;--ui-color-warning-soft:#f2994a1f;--ui-color-success:#4cb782;--ui-color-success-soft:#4cb7821f;--ui-color-info:#4ea7fc;--ui-color-info-soft:#4ea7fc1f;--ui-color-focus-ring:#a78bff;--ui-color-signature-ink-black:#171717;--ui-color-signature-ink-blue:#1746a2;--ui-color-signature-ink-violet:#6230a3;--ui-color-card-face:#f4f4f5;--ui-color-card-ink:#000000de;--ui-color-card-red:#c8102e;--ui-color-chip-white:#e7e0d0;--ui-color-chip-red:#ad303b;--ui-color-chip-green:#217352;--ui-color-chip-black:#25272d;--ui-color-chip-purple:#7650a3;--ui-color-chip-gold:#b88b36;--ui-color-chip-spot:#fff0cc;--ui-color-chip-ink:#30271e;--ui-color-surface-glass:#141516eb;--ui-color-surface-highlight:#ffffff1f;--ui-color-surface-sheen:#a78bff0a;--ui-color-surface-holo-cyan:#6fd0cc0a;--ui-color-surface-holo-rose:#ff9b8f0a;--ui-color-scrim:#010203b8;--ui-color-syntax-keyword:#c4adff;--ui-color-syntax-string:#8fd4a4;--ui-color-syntax-constant:#f2b380;--ui-color-syntax-function:#82b6ff;--ui-color-syntax-type:#6fd0cc;--ui-color-syntax-tag:#ff9b8f;--ui-color-syntax-property:#e5c27f;--ui-color-syntax-comment:#8a8f98;--ui-color-syntax-punctuation:#a4a9b1;--ui-shadow-raised:0 1px 2px #0006;--ui-shadow-overlay:0 8px 24px #00000080;--ui-shadow-floating:0 16px 48px #0000008c;--ui-shadow-card-flight:0 10px 14px #0000004d;--ui-z-index-popover:100;--ui-z-index-modal:200;--ui-z-index-toast:300;--ui-z-index-card-flight:1000;--ui-card-material-blur:20px;--ui-card-material-tilt:14deg;--ui-card-material-perspective:800px;--ui-radius-sm:8px;--ui-radius-md:12px;--ui-radius-lg:18px;--ui-radius-xl:26px;--ui-radius-full:999px;--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-space-6:24px;--ui-space-8:32px;--ui-space-10:40px;--ui-space-12:48px;--ui-text-size-xs:.75rem;--ui-text-size-sm:.875rem;--ui-text-size-md:1rem;--ui-text-size-lg:1.125rem;--ui-text-size-xl:1.375rem;--ui-text-size-2xl:1.75rem;--ui-text-size-3xl:2.25rem;--ui-line-height-tight:1.2;--ui-line-height-base:1.5;--ui-line-height-relaxed:1.65;--ui-font-weight-regular:400;--ui-font-weight-medium:500;--ui-font-weight-semibold:600;--ui-font-weight-bold:700;--ui-editorial-headline-lead:clamp(1.85rem, 3.6vw, 3.35rem);--ui-editorial-headline-secondary:clamp(1.35rem, 2.2vw, 2.05rem);--ui-editorial-headline-standard:clamp(1.35rem, 1.6vw, 1.5rem);--ui-editorial-headline-brief:clamp(1.15rem, 1.35vw, 1.3rem);--ui-editorial-dek:clamp(1.05rem, 1.4vw, 1.3rem);--ui-editorial-summary:.98rem;--ui-editorial-lede:1.05rem;--ui-editorial-body:1rem;--ui-editorial-meta:.72rem;--ui-editorial-kicker:.68rem;--ui-editorial-measure:65ch;--ui-editorial-centered-measure:46ch;--ui-editorial-drop-cap:clamp(3.4rem, 8vw, 5.1rem);--ui-editorial-hit:.4rem;--ui-editorial-line-height-lead:1.12;--ui-editorial-line-height-secondary:1.18;--ui-editorial-line-height-brief:1.375;--ui-editorial-line-height-drop-cap:.78;--ui-editorial-tracking-headline:-.02em;--ui-editorial-tracking-secondary:-.015em;--ui-editorial-tracking-standard:-.01em;--ui-editorial-tracking-label:.12em;--ui-editorial-tracking-kicker:.18em;--ui-editorial-rule-thin:1px;--ui-editorial-rule-strong:2px;--ui-editorial-breakpoint-columns:640px;--ui-editorial-breakpoint-desktop:1024px;--ui-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ui-font-mono:ui-monospace, "SF Mono", Menlo, monospace;--ui-motion-duration-fast:.12s;--ui-motion-duration-base:.16s;--ui-motion-duration-slow:.24s;--ui-motion-duration-presence:1.2s;--ui-motion-duration-card-flip:.3s;--ui-motion-duration-card-deal:.38s;--ui-motion-duration-card-deal-stagger:70ms;--ui-motion-duration-card-play-own:.4s;--ui-motion-duration-card-play:.52s;--ui-motion-duration-played-pile:.19s;--ui-motion-duration-call-fade:3s;--ui-motion-duration-call-slam:.52s;--ui-motion-duration-call-shake:.42s;--ui-motion-duration-call-shake-delay:.22s;--ui-motion-ease-standard:cubic-bezier(.2, .6, .2, 1);--ui-motion-ease-presence:ease-in-out;--ui-motion-ease-card-flip:ease;--ui-motion-ease-played-pile:cubic-bezier(.2, .8, .2, 1);--ui-motion-ease-played-pile-shadow:ease;--ui-size-control-sm:2rem;--ui-size-control-md:2.5rem;--ui-size-control-lg:3rem;--ui-size-touch:44px;--ui-size-person-avatar-lg:72px;--ui-size-emblem-sm:24px;--ui-size-emblem-md:32px;--ui-size-emblem-lg:40px;--ui-size-emblem-xl:56px;--ui-size-game-card-sm:32px;--ui-size-game-card-md:72px;--ui-size-game-card-lg:112px;--ui-size-game-card-xl:160px;--ui-size-game-card-perspective:28rem;--ui-size-gallery-editor-tile:12rem;--ui-size-gallery-editor-tile-compact:8rem;--ui-size-gallery-editor-empty-upload:10rem;--ui-size-dialog-stack-breakpoint:640px;--ui-size-dialog-stack-sheet-peek:10px;--ui-size-dialog-stack-dialog-peek:14px}[data-theme=light]{--ui-color-bg:oklch(100% 0 0);--ui-color-bg-soft:oklch(98.4% 0 0);--ui-color-surface:oklch(100% 0 0);--ui-color-surface-raised:oklch(100% 0 0);--ui-color-surface-hover:oklch(97.2% 0 0);--ui-color-surface-inset:oklch(96% 0 0);--ui-color-color-picker-checker-a:oklch(96% 0 0);--ui-color-color-picker-checker-b:oklch(100% 0 0);--ui-color-color-picker-white:#fff;--ui-color-color-picker-black:#000;--ui-color-border:oklch(93.5% 0 0);--ui-color-border-subtle:oklch(96.5% 0 0);--ui-color-border-strong:oklch(82% 0 0);--ui-color-border-control:oklch(60% 0 0);--ui-color-text:oklch(15% 0 0);--ui-color-text-muted:oklch(46% 0 0);--ui-color-text-subtle:oklch(50% 0 0);--ui-color-accent:#7747ff;--ui-color-accent-hover:#6539f0;--ui-color-accent-contrast:#fff;--ui-color-accent-text:#5f2ee0;--ui-color-accent-soft:#7747ff1f;--ui-color-accent-soft-hover:#7747ff2e;--ui-color-accent-border:#7747ff66;--ui-color-voice-orb-cloud-listening:#219eaa;--ui-color-voice-orb-cloud-thinking:#6551cc;--ui-color-voice-orb-cloud-speaking:#d56d98;--ui-color-danger:oklch(50% .21 25);--ui-color-danger-hover:oklch(44% .2 25);--ui-color-danger-contrast:#fff;--ui-color-danger-text:oklch(50% .21 25);--ui-color-danger-soft:oklch(50% .21 25/.1);--ui-color-danger-soft-hover:oklch(50% .21 25/.14);--ui-color-danger-border:oklch(50% .21 25/.32);--ui-color-warning:oklch(46% .17 75);--ui-color-warning-soft:oklch(52% .17 75/.12);--ui-color-success:oklch(42% .19 150);--ui-color-success-soft:oklch(49% .19 150/.12);--ui-color-info:oklch(50% .2 260);--ui-color-info-soft:oklch(50% .2 260/.12);--ui-color-focus-ring:#7747ff;--ui-color-signature-ink-black:#171717;--ui-color-signature-ink-blue:#1746a2;--ui-color-signature-ink-violet:#6230a3;--ui-color-card-face:#f4f4f5;--ui-color-card-ink:#000000de;--ui-color-card-red:#c8102e;--ui-color-chip-white:#e7e0d0;--ui-color-chip-red:#ad303b;--ui-color-chip-green:#217352;--ui-color-chip-black:#25272d;--ui-color-chip-purple:#7650a3;--ui-color-chip-gold:#b88b36;--ui-color-chip-spot:#fff0cc;--ui-color-chip-ink:#30271e;--ui-color-surface-glass:#fffffff0;--ui-color-surface-highlight:#fffc;--ui-color-surface-sheen:#7747ff0a;--ui-color-surface-holo-cyan:#1a8aa00a;--ui-color-surface-holo-rose:#be3a730a;--ui-color-scrim:oklch(20% 0 0/.4);--ui-color-syntax-keyword:oklch(48% .2 290);--ui-color-syntax-string:oklch(47% .12 150);--ui-color-syntax-constant:oklch(50% .13 55);--ui-color-syntax-function:oklch(48% .16 255);--ui-color-syntax-type:oklch(48% .09 195);--ui-color-syntax-tag:oklch(50% .17 25);--ui-color-syntax-property:oklch(49% .1 80);--ui-color-syntax-comment:oklch(50% .01 260);--ui-color-syntax-punctuation:oklch(42% 0 0);--ui-shadow-raised:0 1px 2px oklch(0% 0 0/.05);--ui-shadow-overlay:0 6px 18px oklch(0% 0 0/.08), 0 1px 3px oklch(0% 0 0/.04);--ui-shadow-floating:0 20px 48px oklch(0% 0 0/.12), 0 3px 10px oklch(0% 0 0/.05);--ui-shadow-card-flight:0 10px 14px #0000004d}[data-appearance=contrast]{--ui-color-surface-raised:#202226;--ui-color-surface-hover:#30323b;--ui-color-surface-inset:#191b20;--ui-color-border:#3b3e47;--ui-color-border-subtle:#31333a;--ui-color-border-strong:#4c4f59;--ui-color-border-control:#7d808a;--ui-color-text-subtle:#9a9ea7}*,:before,:after{box-sizing:border-box}body{background-color:var(--ui-color-bg);color:var(--ui-color-text);font-family:var(--ui-font-sans);margin:0}.guidance p,.guidance ul,.guidance ol{margin:8px 0;line-height:1.6}.guidance li+li{margin-top:4px}.guidance a{color:var(--sd-accent-text)}.guidance pre.code{margin:12px 0}.guidance hr{border:0;border-top:1px solid var(--sd-border);margin:22px 0}.guidance-table{overflow-x:auto}.guidance-callout{--callout-tone:var(--sd-accent);border:0;border-left:3px solid var(--callout-tone);border-radius:0 var(--sd-radius) var(--sd-radius) 0;background:var(--sd-surface);margin:12px 0;padding:14px 18px}.guidance-callout>:first-child{margin-top:0}.guidance-callout>:last-child{margin-bottom:0}.guidance-callout-do{--callout-tone:var(--sd-success);background:color-mix(in srgb, var(--sd-success) 8%, var(--sd-surface))}.guidance-callout-dont{--callout-tone:var(--sd-danger-text,var(--sd-danger));background:color-mix(in srgb, var(--sd-danger) 8%, var(--sd-surface))}.guidance-callout-label{letter-spacing:.07em;text-transform:uppercase;color:var(--callout-tone);font-size:11px;font-weight:700}[data-toc-slot]{margin-left:auto}.toc-copy{min-block-size:24px;font:inherit;color:var(--sd-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;padding:2px 8px;display:inline-flex}.toc-copy:hover,.toc-copy:focus-visible{color:var(--sd-text);border-color:var(--sd-border)}.toc-sr,.toc-clipboard{clip-path:inset(50%);opacity:0;width:1px;height:1px;position:fixed;overflow:hidden}.toc-flash{animation:2.4s ease-out toc-flash}@keyframes toc-flash{0%,45%{box-shadow:0 0 0 3px var(--sd-accent,currentColor)}to{box-shadow:0 0 0 3px #0000}}@media (prefers-reduced-motion:reduce){.toc-flash{outline:2px solid var(--sd-accent,currentColor);animation:none}}.toc,.toc-track{display:none}.toc ul{margin:0;padding:0;list-style:none}.toc ul ul{border-left:1px solid var(--sd-border);margin:2px 0 6px 10px}.toc-link{white-space:nowrap;text-overflow:ellipsis;width:100%;min-width:0;min-block-size:24px;font:inherit;text-align:left;color:var(--sd-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 8px;display:block;overflow:hidden}.toc-link:hover{color:var(--sd-text)}.toc-link[aria-current=location]{color:var(--sd-text);font-weight:600}.toc-story{font-size:12px}.toc-sub{color:var(--sd-text-subtle);font-size:12.5px}.toc-mobile-slot{display:none}@media (width<=1179px){.toc-mobile-slot{margin:0 0 24px;display:block}.toc-mobile{border:1px solid var(--sd-border);border-radius:var(--sd-radius);background:var(--sd-surface)}.toc-mobile>summary{box-sizing:border-box;min-block-size:44px;color:var(--sd-text);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:600;list-style:none;display:flex}.toc-mobile>summary::-webkit-details-marker{display:none}.toc-mobile>summary:after{content:"";border-block-end:1.5px solid;border-inline-end:1.5px solid;block-size:7px;inline-size:7px;transition:transform .12s;transform:rotate(45deg)}.toc-mobile[open]>summary{border-bottom:1px solid var(--sd-border-subtle)}.toc-mobile[open]>summary:after{transform:rotate(225deg)}.toc-mobile nav{padding:6px 10px 12px;font-size:13px}.toc-mobile .toc-link{min-block-size:36px}}@media (prefers-reduced-motion:reduce){.toc-mobile>summary:after{transition:none}}@media (width>=1180px){.app.has-toc{grid-template-columns:276px minmax(0,1fr) 224px}.toc-track{grid-area:2/3;min-width:0;display:block}.toc{min-width:0;padding:34px 18px 40px 6px;font-size:12.5px;display:block}.toc-title{color:var(--sd-text-subtle);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px}}.sd-controls{min-width:0;color:var(--sd-text-muted);background:0 0;margin:0;padding:0 20px 18px;font-size:13px}.sd-controls-label{letter-spacing:.06em;text-transform:uppercase;margin:16px 0 10px;font-size:11px;font-weight:600}.sd-controls-fields{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.sd-control{min-width:0;flex-wrap:wrap;align-items:center;gap:8px;min-block-size:32px;display:flex}.sd-control input:not([type=checkbox]),.sd-control select,.sd-control textarea,.sd-controls-reset{font:inherit;color:var(--sd-text);background:var(--sd-surface);border:1px solid var(--sd-text-subtle);max-width:100%;box-sizing:border-box;border-radius:6px;min-block-size:32px;padding:5px 8px}.sd-control input:not([type=checkbox]){width:10rem}.sd-control textarea{resize:vertical;width:16rem;min-height:4rem}.sd-control textarea[aria-invalid=true]{border-color:var(--sd-danger)}.sd-control :is(input[type=checkbox],input[type=range]){accent-color:var(--sd-accent)}.sd-controls-reset{cursor:pointer;margin-left:auto}.sd-controls-reset:disabled{opacity:.5;cursor:default}.sd-controls :is(input,select,textarea,button):focus-visible{outline:2px solid var(--sd-focus-ring);outline-offset:2px}.sd-controls-note{color:var(--sd-text-muted);margin:12px 16px;font-size:13px}.frame{border:1px solid var(--sd-border-subtle);border-radius:var(--sd-radius);background:var(--sd-bg);margin:20px 0}.frame>.story-blurb{color:var(--sd-text-muted);margin:0;padding:12px 20px 0;font-size:.92em}.frame>header{background:var(--sd-surface);border-radius:var(--sd-radius) var(--sd-radius) 0 0;color:var(--sd-text);align-items:center;gap:10px;padding:8px 12px 8px 20px;font-size:13px;display:flex}.frame>header>span{overflow-wrap:anywhere;min-width:0}.sd-frame-actions{flex-shrink:0;align-items:center;gap:4px;margin-inline-start:auto;display:flex}.sd-frame-action{box-sizing:border-box;width:32px;height:32px;color:var(--sd-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.sd-frame-action:hover,.sd-frame-action[aria-expanded=true]{background:var(--sd-surface-hover);color:var(--sd-text)}.sd-frame-action:focus-visible{outline:2px solid var(--sd-focus-ring);outline-offset:2px}.sd-frame-copy{width:auto;min-width:32px;font:inherit;gap:6px;padding-inline:8px;font-size:12px}@media (width<=479px){.sd-frame-copy-link{width:32px;padding:0}.sd-frame-copy-link>span{display:none}}:is(.frame,.sd-story-stage)>.shot{min-inline-size:0;padding:36px 24px;display:block;overflow-x:auto}:is(.frame,.sd-story-stage)>.shot[data-layout=fullscreen]{padding:0}:is(.frame,.sd-story-stage)>.shot>.story-lane[data-layout=centered]{place-items:center;min-block-size:96px;display:grid}:is(.frame,.sd-story-stage)>.shot>.story-lane[data-layout=inline]{text-align:center}.sd-frame-code{border-top:1px solid var(--sd-border-subtle);background:var(--sd-surface);border-radius:0 0 var(--sd-radius) var(--sd-radius)}.sd-demo-code{border-radius:0 0 var(--sd-radius) var(--sd-radius);overflow:hidden}.frame .sd-demo-code>*,.frame .sd-demo-code>*>*,.frame .sd-demo-code pre{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0}.sd-demo-code>p{color:var(--sd-text-muted);padding:16px 20px;font-size:13px}.sd-frame-footbar{border-top:1px solid var(--sd-border-subtle);background:var(--sd-surface);align-items:center;gap:8px;padding:4px 12px 4px 20px;display:flex}.frame:not([data-code-open=true])>.sd-frame-footbar,.frame>.sd-frame-footbar-end{border-radius:0 0 var(--sd-radius) var(--sd-radius)}.frame[data-code-open=true]>.sd-frame-code{border-radius:0}.sd-frame-code-toggle{box-sizing:border-box;min-block-size:32px;color:var(--sd-text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;margin-inline-start:-8px;padding:0 8px;font-size:12.5px;display:inline-flex}.sd-frame-code-toggle:hover,.sd-frame-code-toggle[aria-expanded=true]{background:var(--sd-surface-hover);color:var(--sd-text)}.sd-frame-code-toggle:focus-visible{outline:2px solid var(--sd-focus-ring);outline-offset:2px}.search-dropdown{background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:var(--sd-radius);box-shadow:0 18px 40px color-mix(in srgb, var(--sd-bg) 70%, transparent);z-index:20;flex-direction:column;margin:0;padding:0;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.search-dropdown .search-results{box-shadow:none;z-index:auto;background:0 0;border:none;border-radius:0;max-height:320px;margin:0;padding:8px;list-style:none;position:static;overflow-y:auto}.search-dropdown .search-results li{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.search-results li[aria-selected=true]{background:var(--sd-accent-soft)}.search-result-main{text-overflow:ellipsis;white-space:nowrap;align-items:baseline;gap:4px;min-width:0;display:inline-flex;overflow:hidden}.search-result-name{color:var(--sd-text);font-size:13.5px}.search-result-sep{color:var(--sd-text-subtle);-webkit-user-select:none;user-select:none;font-size:12px}.search-result-story{color:var(--sd-text-muted);font-size:13px}.search-dropdown .search-results li span{margin-left:0}.search-dropdown .search-results li span.search-result-meta{color:var(--sd-text-muted);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:12px}.search mark{background:var(--sd-accent-soft);color:var(--sd-accent-text);border-radius:2px;padding:0 1px;font-weight:700}.search-empty{color:var(--sd-text-muted);text-align:center;padding:18px 14px;font-size:13px}.search-footer{border-top:1px solid var(--sd-border-subtle);color:var(--sd-text-muted);background:var(--sd-surface-raised);-webkit-user-select:none;user-select:none;justify-content:flex-end;align-items:center;gap:8px;padding:10px 16px;font-size:11px;display:flex}.sd-story-page{background:var(--sd-surface);height:100dvh;color:var(--sd-text);flex-direction:column;display:flex}.sd-story-bar{z-index:5;border-bottom:1px solid var(--sd-border-subtle);background:var(--sd-surface);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;display:flex;position:sticky;top:0}.sd-story-title{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px}.sd-story-title>span{color:var(--sd-text-muted);font-size:12px;display:block}.sd-story-widths{gap:4px;display:flex}.sd-story-bar .tool{box-sizing:border-box;align-items:center;min-height:32px;display:inline-flex}.sd-story-widths .tool[aria-pressed=true]{background:var(--sd-accent-soft);border-color:var(--sd-accent)}.sd-story-workspace{overscroll-behavior:contain;flex:1;min-width:0;min-height:0;overflow:auto}.sd-story-stage{background:var(--sd-bg);height:100%;min-height:100%;margin-inline:auto}.sd-story-stage>.shot{box-sizing:border-box;min-height:100%}.sd-story-stage>.shot[data-layout=centered]{display:grid}.sd-story-stage>.shot[data-layout=centered]>.story-lane{align-self:stretch;min-block-size:0}.sd-story-message{padding:24px}.sd-story-message h1{margin:0 0 20px;font-size:20px}@media (width<=480px){.sd-story-widths{flex-basis:100%;order:1;justify-content:center}}.guidance img{max-width:100%;height:auto}