.sdk-live{padding:0 0 34px;border-bottom:1px solid var(--line)}.sdk-app-window{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.sdk-window-bar{display:flex;min-height:52px;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.sdk-window-event{display:grid;justify-items:end;gap:5px}.sdk-window-event>span{color:var(--muted);font:500 8px/1 var(--font-ui);letter-spacing:.08em;text-transform:none}.sdk-window-event code{color:var(--ink);font:400 9px/1 var(--font-ui);animation:sdk-signal-in .18s cubic-bezier(.16,.84,.44,1) both}.sdk-live-brand{display:flex;align-items:center;gap:9px}.sdk-live-brand img{width:18px;height:16px;filter:brightness(0) invert(1)}.sdk-live-brand b{font:500 15px/1 Instrument Sans,sans-serif;letter-spacing:-.02em}.sdk-stage{position:relative;min-height:250px;padding:28px}.sdk-user-message{width:fit-content;max-width:min(440px,86%);margin:0 0 42px auto;padding:11px 14px 12px;border:1px solid var(--ink);border-radius:14px 14px 3px;background:var(--ink);color:var(--paper);transform-origin:bottom right}.sdk-user-message.is-current{border-color:var(--ink);color:var(--paper);animation:sdk-message-in .52s cubic-bezier(.19,1,.22,1) both;will-change:transform,opacity,clip-path}.sdk-user-message p{margin:0;color:inherit;font:500 14px/1.35 var(--font-display)}.sdk-assistant-cycle{position:relative;min-height:42px}.sdk-status{min-height:42px;display:grid;align-items:center;transition:opacity .2s ease-out;will-change:transform,opacity}.sdk-assistant-cycle.is-streaming-answer .sdk-status{opacity:0}.sdk-status-copy{color:var(--ink);font:400 16px/1.4 Instrument Sans,sans-serif;letter-spacing:-.025em}.sdk-sample-answer{position:absolute;top:0;left:0;max-width:42ch;margin:0;color:var(--ink);font:400 16px/1.5 Instrument Sans,sans-serif;letter-spacing:-.015em}.sdk-answer-token{display:inline;animation:sdk-answer-token-in .15s cubic-bezier(.165,.84,.44,1) both}.sdk-answer-cursor{display:inline-block;width:1px;height:1em;margin-left:3px;background:currentColor;opacity:.7;vertical-align:-.12em;animation:sdk-answer-cursor-blink .9s steps(1,end) infinite}.sdk-progress{position:absolute;right:0;bottom:0;left:0;display:block;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;animation:sdk-progress var(--stage-duration) linear both;will-change:transform}.sdk-steps{display:grid;min-height:156px;margin:34px 0 0;padding:0;list-style:none;perspective:900px}.sdk-steps li{position:relative;z-index:var(--stack-z);grid-area:1 / 1;height:108px;border:1px solid var(--line);border-radius:10px;background:var(--paper);opacity:calc(1 - var(--stack-offset) * .12);transform:translateY(calc(48px - var(--stack-offset) * 8px)) scale(calc(1 - var(--stack-offset) * .008));transform-origin:bottom center;transition:transform .36s cubic-bezier(.215,.61,.355,1),opacity .28s ease-out,border-color .18s ease;will-change:transform,opacity}.sdk-steps li:after{position:absolute;pointer-events:none;content:""}.sdk-steps li:after{z-index:0;inset:0;border-radius:inherit;background:#f2f2ed12;opacity:0;transform:scale(.995)}.sdk-steps li.is-active{border-color:var(--ink)}.sdk-steps li.is-exiting{z-index:calc(var(--stack-z) + 1);border-color:var(--ink)}.sdk-steps li.is-exiting,.sdk-steps li.is-past{pointer-events:none;opacity:0;transform:translateY(68px) scale(.985)}.sdk-event-content{opacity:0;transition:opacity .16s ease-out}.sdk-steps li.is-active .sdk-event-content{opacity:1;transition-delay:.12s}.sdk-steps button{position:relative;z-index:1;display:grid;grid-template-columns:58px minmax(0,1fr);width:100%;min-height:106px;align-items:center;gap:18px;padding:0 20px;border:0;background:transparent;color:var(--muted);text-align:left}.sdk-step-number{font:500 10px/1 var(--font-ui);letter-spacing:.04em}.sdk-step-meta{display:grid;gap:7px}.sdk-step-meta b{color:inherit;font:500 14px/1 Instrument Sans,sans-serif}.sdk-step-meta code{overflow:hidden;color:inherit;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.sdk-step-meta small{color:var(--muted);font:400 11px/1.3 Instrument Sans,sans-serif}.sdk-steps li.is-active button,.sdk-steps button:hover{color:var(--ink)}@keyframes sdk-message-in{0%{opacity:.2;clip-path:inset(14% 0 0 18% round 16px 16px 3px 16px);transform:translate3d(16px,12px,0) scale(.955)}to{opacity:1;clip-path:inset(0 round 14px 14px 3px 14px);transform:translateZ(0) scale(1)}}@keyframes sdk-signal-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes sdk-answer-token-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes sdk-answer-cursor-blink{0%,46%{opacity:.7}47%,to{opacity:0}}@keyframes sdk-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sdk-connection{position:relative;opacity:1;transform:scaleY(1);transform-origin:top;transition:opacity .24s ease-out,transform .24s cubic-bezier(.215,.61,.355,1)}.sdk-connection[data-outbound]{transform-origin:bottom}.sdk-connection[data-changing]{opacity:0;transform:scaleY(0)}.sdk-causal-link{--packet-cycle: 1.2s;--packet-delay: .32s;--packet-ease: cubic-bezier(.215,.61,.355,1);position:relative;display:flex;justify-content:center;height:var(--sdk-link-height,76px)}.sdk-causal-link i{position:relative;display:block;width:6px;height:100%;overflow:hidden}.sdk-causal-link[data-outbound] i{transform:rotate(180deg)}.sdk-causal-link i:before,.sdk-causal-link i:after{content:"";position:absolute;top:0;left:0;width:1px;animation-duration:var(--packet-cycle);animation-delay:var(--packet-delay);animation-timing-function:var(--packet-ease);animation-fill-mode:both}.sdk-causal-link i:before{left:2.5px;height:100%;background:var(--line);animation-name:sdk-track-draw}.sdk-causal-link i:after{width:6px;height:6px;border-radius:100px;transform-origin:top center;background:var(--ink);animation-name:sdk-packet-travel}.sdk-causal-link:before,.sdk-causal-link:after{content:"";position:absolute;z-index:1;pointer-events:none;animation-duration:var(--packet-cycle);animation-delay:var(--packet-delay);animation-timing-function:var(--packet-ease);animation-fill-mode:both}.sdk-causal-link:before{top:-3px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--ink);animation-name:sdk-packet-source}.sdk-causal-link:after{bottom:-1px;left:calc(50% - 36px);width:72px;height:2px;background:linear-gradient(90deg,transparent,var(--ink),transparent);animation-name:sdk-packet-land}.sdk-causal-link[data-outbound]:before{top:auto;bottom:-3px}.sdk-causal-link[data-outbound]:after{top:-1px;bottom:auto}.sdk-causal-link[data-streaming] i:after,.sdk-causal-link[data-streaming]:before,.sdk-causal-link[data-streaming]:after{animation-iteration-count:infinite}@keyframes sdk-track-draw{0%,18%{opacity:0;transform:translateY(calc(18px - var(--sdk-link-height,76px)))}19%{opacity:1}68%,to{opacity:1;transform:translateY(0)}}@keyframes sdk-packet-travel{0%{opacity:0;transform:translateY(0) scale(.35)}12%{opacity:1;transform:translateY(0) scale(1)}18%{opacity:1;transform:translateY(0) scaleX(.166667) scaleY(3)}68%{opacity:1;transform:translateY(calc(var(--sdk-link-height,76px) - 18px)) scaleX(.166667) scaleY(3)}74%,to{opacity:0;transform:translateY(calc(var(--sdk-link-height,76px) - 6px)) scale(.35)}}@keyframes sdk-packet-source{0%{opacity:0;transform:scale(.35)}12%{opacity:.9;transform:scale(1)}20%,to{opacity:0;transform:scale(.35)}}@keyframes sdk-packet-land{0%,68%{opacity:0;transform:scaleX(.08)}74%{opacity:1;transform:scaleX(.3)}to{opacity:0;transform:scaleX(1)}}.sdk-demo[data-paused] .sdk-causal-link:before,.sdk-demo[data-paused] .sdk-causal-link i:before{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.sdk-steps li,.sdk-event-content,.sdk-connection{transition:none}.sdk-causal-link i:before,.sdk-causal-link i:after,.sdk-causal-link:before,.sdk-causal-link:after{animation:none}.sdk-causal-link i:after,.sdk-causal-link:before,.sdk-causal-link:after{opacity:0}}.sdk-causal-link:before{content:none}.sdk-status-step{grid-area:1 / 1;opacity:0;transform:translateY(-2px);transition:opacity .2s ease-out,transform .24s cubic-bezier(.215,.61,.355,1)}.sdk-status-step.is-current{opacity:1;transform:translateY(0);transition-delay:80ms}.sdk-sample-answer{animation:sdk-answer-reveal .24s ease-out .2s both}@keyframes sdk-answer-reveal{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.sdk-status,.sdk-status-step{transition:none}.sdk-sample-answer{animation:none}}.site-header{display:flex;align-items:center;min-height:80px;gap:24px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:8px;flex:none}.wordmark-mark{width:23px;height:23px;fill:currentColor}.wordmark-type{font:550 19px/1 "Bricolage Grotesque",var(--font-display, "Instrument Sans"),sans-serif;letter-spacing:-.04em}.wordmark-type strong{font-weight:750}.site-nav{display:flex;align-items:center;gap:26px;margin-left:auto;color:var(--muted);font-size:13px}.site-nav a{display:inline-flex;align-items:center;min-height:44px;gap:5px}.nav-version{padding:3px 5px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:10px;line-height:1;font-variant-numeric:tabular-nums}.site-nav a[aria-current],.nav-github{color:var(--ink)}.theme-button{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted)}.theme-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}.site-header{font-family:Inter,sans-serif;line-height:1.4}.site-header a{text-decoration:none}.site-header button{cursor:pointer}.site-header :focus-visible{outline:2px solid var(--ink);outline-offset:5px}.site-header .arrow-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}@media(max-width:1000px){.site-nav{gap:20px}}@media(max-width:760px){.site-header{flex-wrap:wrap;gap:0;padding:15px 0 4px;min-height:102px}.wordmark{margin-right:auto}.wordmark-type{font-size:18px}.theme-button{width:44px;height:36px}.site-nav{order:3;width:100%;margin-left:0;justify-content:space-between;gap:16px;font-size:11px}.site-nav a{min-height:44px}.site-nav .arrow-icon{width:13px;height:13px}}@media(max-width:420px){.nav-version{font-size:9px;padding:3px 4px}}:root{--paper: #0e0e0d;--surface: #151513;--surface-soft: #111110;--ink: #f2f2ed;--muted: #a3a39a;--line: rgb(242 242 237 / 15%);--accent: #f2f2ed;--ease-out: cubic-bezier(.19, 1, .22, 1)}.site{min-height:100vh;background:var(--paper);color:var(--ink);color-scheme:dark}.site.light{--paper: #f2f1ec;--surface: #fafaf6;--surface-soft: #eae9e3;--ink: #181815;--muted: #626359;--line: rgb(24 24 21 / 18%);--accent: #181815;color-scheme:light}.site-shell{width:min(1160px,calc(100% - 96px));margin:0 auto}.site ::selection{background:var(--ink);color:var(--paper)}.site *{scrollbar-color:var(--muted) var(--paper);scrollbar-width:thin}.site input{caret-color:var(--ink)}.site a,.site button,.site input,.site select,.site summary{-webkit-tap-highlight-color:transparent}.site button,.site select{color:inherit}.site button{font-family:inherit}.site button:disabled{cursor:wait;opacity:.5}.site :focus-visible{outline:2px solid var(--ink);outline-offset:5px}.site section[id],.site article[id]{scroll-margin-top:32px}h1,h2,h3,p{margin:0}.site h1,.site h2{font-family:var(--font-display);font-weight:550;letter-spacing:-.04em;text-wrap:balance}.site h1 em,.site h2 em{color:var(--muted);font:inherit}.site h3{font-size:15px;font-weight:550;line-height:1.4}.site p{line-height:1.6}.site a{text-underline-offset:4px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;z-index:100;top:12px;left:12px;padding:12px 18px;background:var(--ink);color:var(--paper)}.arrow-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none}.intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:54px;padding:80px 0 0}.intro h1{font-size:clamp(44px,5.1vw,68px);line-height:1.02}.intro-copy>p{max-width:43ch;color:var(--muted);font-size:15px}.hero-actions{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-top:22px}.primary-button{display:inline-flex;min-height:44px;justify-content:center;align-items:center;gap:22px;padding:0 17px;border:1px solid transparent;border-radius:8px;background:var(--ink);color:var(--paper)!important;font-size:13px;font-weight:550;line-height:1.2;text-decoration:none;transition:opacity .16s ease,transform .16s var(--ease-out)}.primary-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}.text-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 8px;border:0;background:transparent;color:var(--muted)!important;font-size:12px}.text-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}.text-link{display:inline-flex;min-height:44px;align-items:center;gap:10px;font-size:13px}.copy-control{position:relative;display:inline-flex;flex-direction:column;max-width:100%}.copy-button{display:inline-flex;min-height:44px;align-items:center;gap:10px;padding:0 12px;border:0;border-radius:8px;background:transparent;font-size:12px}.copy-label{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.copy-label svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3}.npm-install .copy-button{padding:0 12px;border:1px solid var(--line)}.npm-install code{font-size:11px;white-space:nowrap}.install-prompt{color:var(--muted);font-size:12px}.npm-install .copy-label{width:15px;overflow:hidden;font-size:0;gap:0}.npm-install .copy-label svg{flex:none}.copy-error{max-width:28ch;margin:8px 0;font-size:12px;line-height:1.5;color:#ec9b91}.copy-button[data-copied] .copy-label{color:var(--ink)}.sdk-demo{margin:0 auto;padding-top:28px}.demo-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 0 10px}.demo-caption p{font-size:13px;color:var(--ink)}.demo-caption>span{font-size:11px;color:var(--muted)}.demo-diagram{max-width:920px;margin:0 auto}.sdk-steps{min-height:132px;margin:0 auto;width:calc(100% - 44px)}.sdk-steps li{height:84px;border-radius:12px}.sdk-steps li.is-active{border-color:color-mix(in srgb,var(--ink) 45%,transparent)}.sdk-event-content{display:flex;align-items:center;width:100%;min-height:82px;gap:28px;padding:0 26px}.sdk-step-number{color:var(--ink);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.sdk-step-number>span{color:var(--muted);font-size:10px}.sdk-step-meta{gap:7px}.sdk-step-meta b{font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--ink)}.sdk-step-meta code{font:11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.sdk-event-detail{margin-left:auto;max-width:28ch;text-align:right;color:var(--muted);font-size:11px;line-height:1.5}.sdk-causal-link{--sdk-link-height: 44px}.sdk-live{padding:0;border:0}.sdk-app-window{position:relative;background:var(--surface-soft);border-radius:14px}.sdk-window-bar{display:grid;min-height:52px;grid-template-columns:1fr auto 1fr;gap:18px;padding:0 24px}.window-dots{display:inline-flex;gap:6px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#d57a70}.window-dots i:nth-child(2){background:#cfb369}.window-dots i:nth-child(3){background:#81a782}.sdk-live-brand{display:inline-flex;align-items:center;justify-self:center;gap:9px;color:var(--muted);font-size:12px}.sdk-live-brand .source-preview{width:19px;height:19px}.sdk-window-label{justify-self:end;font-size:10px;color:var(--muted)}.sdk-stage{min-height:206px;padding:25px 30px}.sdk-user-message{max-width:85%;margin-bottom:24px;border:0;background:var(--ink);color:var(--paper);padding:11px 14px}.sdk-user-message p{font-size:13px}.sdk-sample-answer{max-width:48ch;font-size:16px;line-height:1.6}.sdk-status-copy{font-family:var(--font-ui)}.sdk-progress{background:var(--muted);opacity:.5}.sdk-demo[data-paused] *,.sdk-demo[data-paused] *:after{animation-play-state:paused}.demo-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:920px;margin:8px auto 0}.playback-controls{display:flex;gap:4px}.playback-controls .text-button{width:44px;height:44px;padding:0;border-radius:8px}.demo-footer .arrow-icon{width:14px;height:14px}.reduced-label{align-self:center;font-size:11px;color:var(--muted)}.playground-section{margin-top:128px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:64px;margin-bottom:42px}.section-heading h2{font-size:clamp(36px,4.2vw,54px);line-height:1.06}.section-heading p{max-width:39ch;color:var(--muted);font-size:14px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto 1fr;grid-template-areas:"preview controls" "output controls";column-gap:44px;align-items:start}.workbench>.preview-stage{grid-area:preview}.playground-controls{grid-area:controls}.configuration-output{grid-area:output;min-width:0}.preview-stage{display:flex;flex-direction:column;min-height:220px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.preview-stage.is-drop-target{outline:2px solid var(--ink);outline-offset:4px}.preview-bar,.preview-stage-foot{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 18px 0 24px;gap:12px}.preview-bar{color:var(--ink);font-size:12px}.preview-mark-name{display:inline-block;max-width:18ch;overflow:hidden;color:var(--muted);vertical-align:bottom;text-overflow:ellipsis;white-space:nowrap}.motion-dot{width:5px;height:5px;border-radius:50%;background:var(--muted);opacity:.4}.motion-dot.is-on{background:var(--ink);opacity:1}.preview-art{display:flex;flex:1;align-items:flex-start;justify-content:center;flex-direction:column;padding:12px 24px 22px;gap:15px}.preview-scale{color:var(--muted);font-size:11px}.preview-stage-foot{min-height:44px;color:var(--muted);font-size:10px}.preview-stage-foot .text-button{font-size:10px}.size-comparison{padding:24px 0 0}.comparison-heading{display:flex;align-items:baseline;justify-content:space-between;font-size:12px;color:var(--ink)}.comparison-heading small{color:var(--muted);font-size:10px}.usage-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:16px}.usage-card{display:flex;min-height:86px;flex-direction:column;align-items:center;justify-content:flex-end;gap:16px;padding:0 8px 16px}.usage-card small{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.playground-controls{min-width:0}.control-section{padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.control-section h3{display:block;font-size:13px;font-weight:550;margin-bottom:14px}.source-preview{display:grid;width:25px;height:25px;place-items:center;flex:none}.source-preview-mark{display:block;width:100%;height:100%;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.appearance-controls{padding-bottom:14px;margin-bottom:0}.setting-cell{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:10px;flex-wrap:wrap}.setting-cell>span{display:grid;gap:4px}.setting-cell b{font-size:11px;font-weight:400}.setting-cell small{color:var(--muted);font-size:10px}.hex-input{width:9ch;height:23px;padding:0;border:0;background:transparent;color:var(--muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.hex-input[aria-invalid=true]{color:#ec9b91}.color-picker{position:relative;display:flex;align-items:center;gap:4px}.color-swatch{width:40px;height:40px;border:6px solid var(--paper);border-radius:50%;outline:1px solid var(--line);outline-offset:-5px;padding:0}.color-swatch:disabled{opacity:.25;cursor:default}.ink-toggle{position:relative;display:grid;width:44px;height:44px;place-items:center;cursor:pointer}.ink-toggle input{position:absolute;width:1px;height:1px;opacity:0}.ink-toggle i{position:relative;width:26px;height:16px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.ink-toggle i:after{position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:var(--muted);content:"";transition:transform .16s var(--ease-out)}.ink-toggle input:checked+i{background:var(--ink)}.ink-toggle input:checked+i:after{background:var(--paper);transform:translate(10px)}.ink-toggle input:focus-visible+i{outline:2px solid var(--ink);outline-offset:4px}.field-error{width:100%;color:#ec9b91!important;font-size:11px;line-height:1.5}.setting-cell>.field-error{order:3;margin:-4px 0 8px}.light .field-error,.light .copy-error{color:#9e3430!important}.hex-picker{position:absolute;z-index:20;top:calc(100% + 9px);right:0;width:246px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.color-field{position:relative;height:130px;border-radius:5px;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);touch-action:none;cursor:crosshair}.color-field-thumb{position:absolute;width:10px;height:10px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.hue-range{width:100%;height:24px;margin:10px 0;appearance:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red) center / 100% 8px no-repeat;cursor:pointer}.hue-range::-webkit-slider-thumb{appearance:none;width:12px;height:16px;border:2px solid white;border-radius:4px;background:transparent}.hue-range::-moz-range-thumb{width:10px;height:14px;border:2px solid white;border-radius:4px;background:transparent}.hex-picker-field{display:flex;align-items:center;gap:10px;font-size:11px}.hex-picker-field input{width:100%;min-width:0;height:36px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);padding:0 8px;font-size:12px}.picker-footer{display:flex;justify-content:space-between;align-items:center}.hex-picker-label{font-size:10px;color:var(--muted)}.hex-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hex-presets button{height:44px;border:1px solid var(--line);border-radius:6px}.hex-presets button.chosen{outline:1px solid var(--ink);outline-offset:3px}.fine-tuning>summary{display:flex;min-height:78px;align-items:center;justify-content:space-between;list-style:none;cursor:pointer}.fine-tuning>summary::-webkit-details-marker{display:none}.fine-tuning summary>span{display:grid;gap:6px;font-size:13px;font-weight:550}.fine-tuning summary small{font-size:11px;font-weight:400;color:var(--muted)}.fine-tuning summary svg{width:16px;height:16px;stroke:var(--muted);stroke-width:1.3;fill:none}.fine-tuning[open] summary svg{transform:rotate(180deg)}.tuning-body{padding:0 0 12px}.parameter-control{padding:12px 0}.parameter-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;font-size:11px}.parameter-heading>span{display:inline-flex;align-items:center;gap:8px}.parameter-heading output{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.auto-button{min-height:30px;padding:0 7px;border:0;background:transparent;color:var(--muted)!important;font-size:10px}.auto-button[aria-pressed=true]{color:var(--ink)!important;text-decoration:underline;text-underline-offset:4px}.parameter-slider{--range-progress: 0%;width:100%;height:30px;margin:5px 0 0;appearance:none;background:transparent;cursor:ew-resize}.parameter-slider::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--ink) 0 var(--range-progress),var(--line) var(--range-progress) 100%)}.parameter-slider::-moz-range-track{height:2px;background:linear-gradient(90deg,var(--ink) 0 var(--range-progress),var(--line) var(--range-progress) 100%)}.parameter-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-5px;border:2px solid var(--paper);border-radius:50%;outline:1px solid var(--ink);background:var(--ink)}.parameter-slider::-moz-range-thumb{width:9px;height:9px;border:2px solid var(--paper);border-radius:50%;outline:1px solid var(--ink);background:var(--ink)}.shape-control{padding-top:12px;font-size:11px}.shape-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:12px}.shape-picker button{display:flex;min-height:54px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:4px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:10px;text-transform:capitalize}.shape-picker button[aria-pressed=true]{border-color:var(--line);background:var(--surface);color:var(--ink)}.shape-swatch{width:9px;height:9px;background:currentColor}.shape-swatch--circle{border-radius:50%}.shape-swatch--diamond{transform:rotate(45deg) scale(.85)}.shape-swatch--plus{background:linear-gradient(currentColor,currentColor) center / 100% 2px no-repeat,linear-gradient(currentColor,currentColor) center / 2px 100% no-repeat}.editor-window{overflow:hidden;margin-top:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.editor-window-bar{display:flex;min-height:55px;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border-bottom:1px solid var(--line)}.integration-switch{display:flex;gap:12px}.integration-switch button{min-height:44px;padding:0 5px;border:0;background:transparent;color:var(--muted);font-size:11px}.integration-switch button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:8px;text-decoration-color:var(--line)}.editor-code{max-height:460px;margin:0;padding:24px 0;overflow:auto;color:var(--ink);font:12px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2;counter-reset:line}.code-line{display:block;position:relative;width:max-content;min-width:100%;padding:0 24px 0 50px;counter-increment:line;white-space:pre}.code-line:before{position:absolute;left:14px;width:20px;color:var(--muted);content:counter(line);text-align:right;font-size:10px}.code-string{color:#bfd59f}.code-keyword{color:#c3b2dc}.code-number{color:#e5c27f}.light .code-string{color:#456129}.light .code-keyword{color:#6b428a}.light .code-number{color:#825d16}.code-note{color:var(--muted);font-size:11px;margin-top:12px}.code-note a{color:var(--ink);text-decoration:underline}.implementation-section{padding:0;margin-top:128px}.implementation-section .npm-install{margin-top:22px}.integration-paths{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.integration-paths>a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0}.integration-paths>a+a{padding-left:40px;margin-left:40px;border-left:1px solid var(--line)}.integration-paths h3{font-size:16px}.integration-paths p{color:var(--muted);font-size:12px;margin-top:7px}.resource-library{margin-top:80px}.resource-library h2{font-size:26px;letter-spacing:-.025em}.resource-grid{margin-top:24px}.resource-grid a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:66px;border-bottom:1px solid var(--line);font-size:13px}.resource-grid a>span:last-child{display:inline-flex;align-items:center;gap:20px;color:var(--muted);font-size:11px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:116px;margin-top:100px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.site-footer>a{display:inline-flex;min-height:44px;align-items:center;gap:8px;color:var(--ink)}.site-footer .arrow-icon{width:14px;height:14px}.site-footer nav{display:flex;gap:24px}.site-footer nav a{display:inline-flex;min-height:44px;align-items:center}.changelog-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:80px;padding:84px 0 82px}.changelog-intro h1{font-size:clamp(46px,5vw,64px);line-height:1.05}.changelog-intro p{color:var(--muted);max-width:37ch;font-size:15px}.changelog-intro .text-link{margin-top:16px}.release-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:80px;border-top:1px solid var(--line)}.release-index{align-self:start;position:sticky;top:32px;padding-top:44px}.release-index h2{font:550 14px/1.4 var(--font-ui);letter-spacing:0}.release-index nav{display:grid;margin-top:20px}.release-index a{display:flex;align-items:center;gap:14px;min-height:44px;color:var(--muted);font-size:12px}.release-index small{font-size:10px;color:var(--ink)}.release-entry{padding:44px 0 70px}.release-entry+.release-entry{padding-top:64px;border-top:1px solid var(--line)}.release-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;font-size:12px}.release-meta time{color:var(--muted);font-size:11px}.latest-label{margin-left:auto;font-size:10px;color:var(--muted)}.release-entry h2{font-size:38px;line-height:1.12}.release-summary{max-width:64ch;color:var(--muted);margin-top:18px;font-size:15px}.release-changes{display:grid;gap:30px;margin:42px 0 26px}.release-change{display:grid;grid-template-columns:74px 1fr;gap:18px}.change-category{padding-top:3px;color:var(--muted);font-size:10px}.release-change h3{font-size:14px}.release-change p{max-width:65ch;margin-top:7px;color:var(--muted);font-size:13px}.release-entry>.text-link{color:var(--muted);font-size:11px}.changelog-close{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding-top:40px;border-top:1px solid var(--line)}.changelog-close p{font-size:18px}@media(hover:hover)and (pointer:fine){.site-nav a:hover,.site-footer a:hover,.text-button:hover,.text-link:hover{color:var(--ink)!important}.primary-button:hover{opacity:.85}.theme-button:hover,.copy-button:hover{background:var(--surface)}.resource-grid a:hover,.integration-paths>a:hover{color:var(--muted)}}.control-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.control-heading>h3{margin:0;font-size:13px;font-weight:550}.control-heading .upload-button{padding:0;font-size:11px;color:var(--ink)!important}.mark-picker{position:relative}.mark-picker-trigger{display:flex;align-items:center;width:100%;min-height:52px;gap:12px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}.mark-picker-trigger>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:13px}.mark-picker-trigger>svg{width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:1.3}.mark-picker-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.mark-gallery{position:absolute;z-index:30;top:calc(100% + 8px);left:0;right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.mark-gallery>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;min-height:76px;padding:8px 3px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:10px}.mark-gallery>button[aria-pressed=true]{border-color:var(--muted);background:var(--paper);color:var(--ink)}.mark-gallery>button:focus-visible{outline-offset:1px}@media(hover:hover)and (pointer:fine){.mark-picker-trigger:hover,.mark-gallery>button:hover{border-color:var(--muted);color:var(--ink)}}.mark-control .field-error{margin-top:10px}.activity-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.activity-options button{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:40px;padding:10px 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);color:var(--muted);font-size:11px;cursor:pointer}.activity-options button small{font-size:10px}.activity-options button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}@media(hover:hover)and (pointer:fine){.activity-options button:hover:not([aria-pressed=true]){border-color:var(--muted);color:var(--ink)}}.primary-button:active{transform:scale(.98)}@media(max-width:1000px){.site-shell{width:calc(100% - 64px)}.intro{grid-template-columns:1fr;gap:20px}.intro h1{font-size:48px}.hero-actions{gap:10px}.workbench{grid-template-columns:minmax(0,1fr) 280px;column-gap:28px}.section-heading{gap:40px}.release-layout{grid-template-columns:170px minmax(0,1fr);gap:40px}.changelog-intro{gap:40px}}@media(max-width:760px){.site-shell{width:calc(100% - 40px)}.intro{grid-template-columns:1fr;padding:64px 0 0;gap:22px}.intro h1{font-size:clamp(34px,8.8vw,58px);line-height:1.04}.intro-copy>p{max-width:44ch;font-size:13px}.hero-actions{margin-top:18px;gap:8px}.hero-actions>.primary-button{padding:0 12px;gap:10px}.primary-button{font-size:12px;padding:0 13px;gap:14px}.npm-install .copy-button{padding:0 10px;gap:7px}.npm-install code{font-size:10px}.demo-caption{align-items:flex-start;flex-direction:column;gap:5px;padding-bottom:8px}.demo-caption p{font-size:12px}.demo-caption>span{font-size:10px}.sdk-steps{width:calc(100% - 18px);min-height:124px}.sdk-steps li{height:76px}.sdk-event-content{min-height:74px;gap:18px;padding:0 16px}.sdk-event-detail{display:none}.sdk-step-meta b{font-size:12px}.sdk-step-meta code{font-size:9px}.sdk-step-number{font-size:11px}.sdk-causal-link{--sdk-link-height: 30px}.sdk-window-bar{min-height:46px;padding:0 14px;gap:9px}.sdk-live-brand{gap:7px;font-size:10px}.sdk-live-brand .source-preview{width:16px;height:16px}.sdk-window-label{font-size:9px}.window-dots{gap:4px}.window-dots i{width:6px;height:6px}.sdk-stage{min-height:210px;padding:20px 18px}.sdk-user-message{max-width:94%;padding:10px 12px;margin-bottom:25px}.sdk-user-message p{font-size:12px}.sdk-status-copy{font-size:13px!important}.sdk-sample-answer{font-size:14px}.demo-footer{align-items:flex-start;flex-direction:column;gap:0;margin-top:5px}.playback-controls{gap:8px}.playground-section{margin-top:96px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.section-heading h2{font-size:clamp(34px,8vw,48px)}.section-heading p{font-size:13px}.workbench{display:flex;flex-direction:column;gap:24px}.preview-stage,.playground-controls,.configuration-output{width:100%}.configuration-output{display:grid;gap:20px}#configuration-code{min-width:0}.preview-stage{min-height:200px}.preview-bar,.preview-stage-foot{padding-left:16px;padding-right:12px}.preview-mark-name{max-width:14ch}.preview-art{padding:6px 20px 12px;gap:8px}.preview-stage-foot{font-size:9px}.size-comparison{padding-top:20px}.comparison-heading{font-size:11px}.comparison-heading small{font-size:9px}.control-section{padding-bottom:20px;margin-bottom:20px}.activity-options button{min-height:44px;font-size:12px}.setting-cell{min-height:68px}.setting-cell b{font-size:12px}.hex-input{height:28px;font-size:12px}.color-swatch{width:44px;height:44px}.fine-tuning>summary{min-height:76px}.parameter-control{padding:16px 0}.parameter-slider{height:44px}.auto-button{min-height:44px}.implementation-section{margin-top:96px}.integration-paths{grid-template-columns:1fr}.integration-paths>a{padding:25px 0}.integration-paths>a+a{margin:0;padding-left:0;border-left:0;border-top:1px solid var(--line)}.resource-library{margin-top:60px}.resource-library h2{font-size:23px}.resource-grid a{font-size:12px}.resource-grid a>span:last-child{font-size:10px;gap:10px}.site-footer{flex-wrap:wrap;gap:6px 20px;margin-top:70px;padding:22px 0;font-size:10px}.site-footer>span{order:3;width:100%}.site-footer nav{gap:17px}.changelog-intro{grid-template-columns:1fr;gap:24px;padding:44px 0}.changelog-intro h1{font-size:clamp(34px,8.8vw,52px)}.changelog-intro p{font-size:14px}.release-layout{grid-template-columns:1fr;gap:0}.release-index{position:static;padding-top:24px}.release-index nav{display:flex;gap:28px;margin-top:8px}.release-entry{padding-top:32px;padding-bottom:38px}.release-entry+.release-entry{padding-top:40px}.release-meta{gap:12px;margin-bottom:18px}.latest-label{margin-left:0}.release-entry h2{font-size:30px}.release-summary{font-size:14px}.release-changes{gap:28px;margin-top:32px}.release-change{grid-template-columns:1fr;gap:7px}.release-change p{font-size:13px}.changelog-close{align-items:flex-start;flex-direction:column;gap:20px}}@media(max-width:360px){.site-shell{width:calc(100% - 32px)}.hero-actions{gap:8px}.hero-actions>.primary-button{min-height:42px;padding:0 11px;gap:7px}.hero-actions .npm-install .copy-button{min-height:42px;padding:0 8px}.hero-actions .npm-install .install-prompt{display:none}.hero-actions .npm-install code{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-button,.ink-toggle i:after{transition:none}.sdk-user-message.is-current,.sdk-answer-token,.sdk-answer-cursor,.sdk-progress,.sdk-steps li,.sdk-steps li.is-active,.sdk-steps li.is-exiting,.sdk-steps.is-restarting li.is-active,.sdk-steps.is-restarting li.is-future,.sdk-steps li:after,.sdk-causal-link i:after{animation:none;transition:none}.sdk-status{transition:none}.sdk-causal-link i:after,.sdk-progress{opacity:0}.sdk-steps li.is-active{transform:translateY(48px);opacity:1}}.size-comparison{padding-top:0;margin-top:12px}.size-comparison>summary{display:flex;align-items:center;gap:16px;min-height:52px;color:var(--muted);font-size:11px;list-style:none;cursor:pointer}.size-comparison>summary::-webkit-details-marker,.appearance-controls>summary::-webkit-details-marker{display:none}.size-comparison>summary>span{margin-left:auto;font-size:10px}.size-comparison>summary:after,.appearance-controls>summary:after{content:"";width:6px;height:6px;flex:none;border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);transform:rotate(45deg);margin:-4px 3px 0 0}.size-comparison[open]>summary:after,.appearance-controls[open]>summary:after{transform:rotate(225deg);margin-top:3px}.size-comparison .usage-grid{margin-top:5px}.appearance-controls{padding-bottom:0}.appearance-controls[open]{padding-bottom:12px}.appearance-controls>summary{display:flex;align-items:center;min-height:64px;gap:12px;list-style:none;font-size:13px;font-weight:550;cursor:pointer}.appearance-swatches{display:flex;align-items:center;margin-left:auto;gap:5px}.appearance-swatches i{display:block;width:12px;height:12px;border-radius:50%}.drop-hint{padding:14px 20px;color:var(--muted);text-align:center;font-size:12px}.preview-art{padding-bottom:36px}.fine-tuning>summary{min-height:64px}.resource-library{margin-top:72px}.resource-library h2{font:500 14px/1.5 var(--font-ui);letter-spacing:0}.resource-grid{margin-top:10px}@media(max-width:760px){.workbench{gap:20px}.size-comparison{margin-top:0}.preview-art{padding-bottom:28px}.resource-library{margin-top:56px}}@media(max-width:760px){.sdk-demo{padding-top:18px}}.preview-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-top:1px solid var(--line)}.preview-actions .primary-button{min-height:40px;gap:12px;font-size:12px}.preview-actions .text-button{padding-left:4px}.code-dialog{width:min(760px,calc(100vw - 40px));max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}.code-dialog[open]{display:flex;flex-direction:column}.code-dialog::backdrop{background:#000000a6}.code-dialog-heading{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--line)}.code-dialog-heading h2{font-size:24px}.code-dialog-body{min-height:0;overflow:auto;padding:0 24px 24px}.code-dialog .editor-window{margin-top:0;border:0;border-radius:0;background:transparent}.code-dialog .editor-window-bar{padding-inline:0}.code-dialog .editor-code{max-height:52dvh}@media(max-width:760px){.code-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.code-dialog-heading{padding:10px 16px}.code-dialog-heading h2{font-size:21px}.code-dialog-body{padding:0 16px 16px}.preview-actions .primary-button{min-height:44px}}@keyframes code-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes code-dialog-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes code-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes code-backdrop-out{0%{opacity:1}to{opacity:0}}.code-dialog[open]{animation:code-dialog-in .22s cubic-bezier(.215,.61,.355,1) both}.code-dialog[open]::backdrop{animation:code-backdrop-in .22s cubic-bezier(.215,.61,.355,1) both}.code-dialog[data-closing]{animation:code-dialog-out .18s cubic-bezier(.215,.61,.355,1) both}.code-dialog[data-closing]::backdrop{animation:code-backdrop-out .18s cubic-bezier(.215,.61,.355,1) both}@media(prefers-reduced-motion:reduce){.code-dialog[open],.code-dialog[open]::backdrop{animation:none}}.npm-downloads{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 2px;color:var(--muted);border-radius:4px}.npm-downloads>span{display:inline-flex;align-items:baseline;gap:4px}.npm-downloads strong{color:var(--ink);font-size:11px;font-weight:550;line-height:1.2;font-variant-numeric:tabular-nums}.npm-downloads>span>span{font-size:10px;line-height:1.3}@media(hover:hover)and (pointer:fine){.npm-downloads:hover{color:var(--ink);background:var(--surface)}}.install-group{display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:100%}.sdk-composer{padding:0 24px 16px}.sdk-composer-field{display:flex;align-items:center;gap:12px;padding:5px 6px 5px 20px;border:1px solid var(--line);border-radius:100px;background:var(--paper);transition:border-color .16s ease}.sdk-composer-placeholder{flex:1;min-width:0;display:flex;align-items:center;height:40px;color:var(--muted);font-size:14px}.sdk-composer-send{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:100px;background:var(--ink);color:var(--paper);opacity:.3}.sdk-composer-send svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sdk-user-message p{overflow-wrap:anywhere}@media(max-width:760px){.sdk-composer{padding:0 16px 14px}.sdk-composer-placeholder{font-size:16px}.sdk-composer-send{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.sdk-composer-field{transition:none}}.playback-controls .demo-run-again{width:auto;gap:8px;padding:0 12px;border:1px solid var(--line)}.sdk-demo[data-completed] .sdk-connection{opacity:0;transform:scaleY(0)}.sdk-demo[data-completed] .sdk-causal-link i:after,.sdk-demo[data-completed] .sdk-causal-link:after{opacity:0;animation:none}.sdk-demo[data-completed] .sdk-progress{animation:none;transform:scaleX(1)}.sdk-user-message.is-unsent{visibility:hidden}.sdk-composer-placeholder{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;line-height:40px}.sdk-composer[data-ready] .sdk-composer-placeholder{color:var(--ink)}.sdk-composer[data-ready] .sdk-composer-send{opacity:1}.sdk-composer[data-sent] .sdk-composer-send{animation:sdk-send-press .28s ease-out both}.sdk-causal-link[data-outbound]{--packet-delay: .8s}@keyframes sdk-send-press{0%{opacity:1;transform:scale(.88)}to{opacity:.3;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.sdk-composer[data-sent] .sdk-composer-send{animation:none}}.sdk-step-meta b{display:flex;align-items:center;gap:8px}.sdk-success-check{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}:root{--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Instrument Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-ui);color:#f2f2ed;background:#0e0e0d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:#0e0e0d}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}