@layer components{.mac-window{background:#0c0c0c;border:1px solid #373739;border-radius:11px;overflow:hidden;box-shadow:0 16px 36px -24px #10172580}.mac-titlebar{color:#bcbcc2;background:linear-gradient(#303032,#252527);border-bottom:1px solid #070707;align-items:center;gap:16px;height:40px;padding:0 16px;display:flex;position:relative}.mac-window-title{font:11px var(--sans);white-space:nowrap;text-overflow:ellipsis;max-width:45%;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.window-controls{flex-shrink:0;gap:7px;display:flex}.window-controls i{background:#ff5f57;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #00000018}.window-controls i:nth-child(2){background:#febc2e}.window-controls i:nth-child(3){background:#28c840}@media (width<=540px){.mac-titlebar{padding:0 12px}.mac-window-title{max-width:36%;font-size:9px}.window-controls{gap:5px}.window-controls i{width:8px;height:8px}}.hero-journey{--journey-ink:var(--brand-navy);--journey-muted:#7b8999;--journey-line:#cfd7df;--journey-coral:var(--brand-coral);--journey-orange:var(--brand-orange);--journey-window-height:var(--hero-window-height,450px);container-type:inline-size}.journey-stage-nav{color:var(--journey-muted);font:9px var(--mono);letter-spacing:.025em;align-items:center;gap:10px;margin:0 0 10px;display:flex}.journey-stage-nav button{min-width:0;color:inherit;font:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;display:inline-flex}.journey-stage-nav button:not(:disabled){cursor:pointer}.journey-stage-nav button:not(:disabled):hover,.journey-stage-nav button[aria-selected=true]{color:var(--journey-ink)}.journey-stage-nav button[aria-selected=true] .journey-stage-number{color:var(--journey-coral)}.journey-stage-nav button:disabled{cursor:not-allowed;opacity:.48}.journey-stage-number{color:#a8b3bf;font-size:8px}.journey-stage-line{background:var(--journey-line);flex:1;min-width:10px;height:1px}.journey-window{min-height:var(--journey-window-height);position:relative}.journey-stage-panel{min-height:var(--journey-window-height)}.journey-stage-panel[aria-hidden=true]{display:none}noscript .journey-stage-panel[aria-hidden=true]{display:block}.hero-journey.is-enhanced .journey-stage-panel[data-entering]{animation:.55s cubic-bezier(.22,1,.36,1) both journey-panel-in}@keyframes journey-panel-in{0%{opacity:.2;transform:translateY(10px)scale(.992)}to{opacity:1;transform:none}}.journey-action-row{justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding-top:12px;display:flex}.journey-status{min-width:0;color:var(--journey-muted);font:9px/1.5 var(--mono)}.journey-next{border:1px solid var(--journey-ink);background:var(--journey-ink);color:#fff;width:280px;font:10px var(--mono);flex-shrink:0;align-items:center;gap:12px;padding:8px 11px 8px 8px;transition:background-color .2s,color .2s,opacity .2s;display:inline-flex}.journey-next [data-next-label]{text-align:left;flex:1;min-width:0}.journey-next:not(:disabled):hover,.journey-next:not(:disabled):focus-visible{background:var(--journey-orange);color:var(--journey-ink)}.journey-next:disabled{cursor:not-allowed;opacity:.42}.journey-next-step{color:var(--journey-orange);letter-spacing:.06em;white-space:nowrap;border-right:1px solid #ffffff3d;align-self:stretch;align-items:center;padding:0 8px;font-size:8px;display:inline-flex}.journey-next:not(:disabled):hover .journey-next-step{color:var(--journey-coral);border-color:#1639644d}.journey-next-arrow{color:var(--journey-orange);font-size:17px;line-height:.6}.journey-next:not(:disabled):hover .journey-next-arrow{color:var(--journey-coral)}.journey-noscript{border:1px dashed var(--journey-line);color:var(--journey-muted);margin-top:18px;padding:12px 14px;font-size:11px}.cursor-window,.studio-window{height:var(--journey-window-height);border:1px solid #30363f;border-radius:11px;overflow:hidden;box-shadow:0 16px 36px -24px #10172580}.cursor-window{color:#d7dbe2;font-family:var(--mono);background:#111317}.cursor-titlebar{color:#bbc1ca;height:40px;font:10px var(--sans);background:linear-gradient(#23262b,#1c1f24);border-bottom:1px solid #292c32;align-items:center;gap:11px;padding:0 15px;display:flex;position:relative}.cursor-window-title{white-space:nowrap;color:#c6cbd3;position:absolute;left:50%;transform:translate(-50%)}.cursor-title-actions{color:#78818e;font:9px var(--mono);margin-left:auto}.cursor-body{height:calc(100% - 64px);min-height:0;display:flex}.cursor-activity{color:#66717f;width:34px;font:14px/1 var(--mono);background:#121418;border-right:1px solid #292c32;flex-direction:column;flex-shrink:0;align-items:center;gap:16px;padding:14px 0 10px;display:flex}.cursor-activity .is-active{color:#d9dee5}.cursor-activity i{flex:1}.cursor-explorer{color:#8c96a4;background:#15171b;border-right:1px solid #292c32;width:21%;min-width:122px;padding:16px 0;font-size:8px}.cursor-pane-label{color:#d2d6dd;font:9px var(--sans);letter-spacing:.05em;justify-content:space-between;padding:0 13px 15px;display:flex}.cursor-pane-label span{color:#707987;letter-spacing:.1em}.cursor-project{color:#c1c8d1;padding:0 12px 9px;font-weight:600}.cursor-explorer ul{margin:0;padding:0;list-style:none}.cursor-explorer li{white-space:nowrap;text-overflow:ellipsis;min-height:22px;padding:4px 7px;overflow:hidden}.cursor-explorer li>span{color:#7c8795;text-align:center;width:14px;display:inline-block}.cursor-explorer li b{color:#82a9d5;width:16px;font-weight:500;display:inline-block}.cursor-folder b{color:#d3a05d!important}.cursor-file:nth-child(3) b{color:#65b68a}.cursor-file:nth-child(4) b{color:#d6a35f}.cursor-file:nth-child(5) b{color:#d98d8c}.cursor-selected{color:#e2e6eb;box-shadow:inset 2px 0 var(--journey-orange);background:#2a3340}.cursor-explorer-footer{color:#707987;margin-top:21px;padding:0 12px}.cursor-explorer-footer+.cursor-explorer-footer{margin-top:12px}.cursor-workbench{color:#525b67;background:#17191d;flex:1;min-width:80px;position:relative;overflow:hidden}.cursor-workbench-mark{color:#30353c;font:46px/1 var(--sans);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.cursor-shortcuts{color:#626b77;font:7px var(--mono);white-space:nowrap;grid-template-columns:auto auto;gap:6px 12px;display:grid;position:absolute;bottom:47px;left:50%;transform:translate(-50%)}.cursor-shortcuts kbd{color:#7a8490;font:inherit;text-align:right}.cursor-editor{background:#1b1d21;border-left:1px solid #292c32;flex:none;width:50%;min-width:292px}.cursor-tabs{color:#707987;white-space:nowrap;border-bottom:1px solid #292c32;align-items:center;height:34px;font-size:8px;display:flex;overflow:hidden}.cursor-tabs>span{padding:10px 12px}.cursor-tab-active{border-top:1px solid var(--journey-orange);color:#dce0e7;background:#1b1d21}.cursor-tabs b{color:#75808c;margin-left:10px;font-size:11px;font-weight:400}.cursor-agent-heading{color:#e3e6eb;font:12px var(--sans);align-items:center;gap:8px;padding:18px 18px 13px;display:flex}.cursor-agent-icon{color:var(--journey-orange);font:20px Georgia,serif}.cursor-agent-mode{color:#909aa8;font:8px var(--mono);margin-left:auto}.cursor-agent-card{background:#22252a;border:1px solid #454a52;border-radius:10px;margin:0 17px;box-shadow:0 10px 30px #07090d30}.cursor-agent-label{color:#9ea7b3;font:8px var(--mono);letter-spacing:.08em;border-bottom:1px solid #373c44;padding:12px 14px}.cursor-agent-label span{color:var(--journey-orange)}.cursor-prompt{color:#dfe2e7;height:235px;font:9px/1.65 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-color:#49515c transparent;margin:0;padding:14px;overflow:hidden auto}.cursor-prompt-caret{background:var(--journey-orange);vertical-align:-2px;width:5px;height:12px;margin-left:1px;animation:1s steps(2,jump-none) infinite cursor-caret;display:inline-block}@keyframes cursor-caret{50%{opacity:0}}.cursor-agent-tools{color:#778291;font:8px var(--mono);border-top:1px solid #373c44;justify-content:space-between;gap:10px;padding:10px 14px;display:flex}.cursor-agent-tools span:last-child{color:#bac1ca}.cursor-agent-output{color:#778291;font:8px var(--mono);align-items:center;gap:8px;margin:17px;display:flex}.cursor-output-dot{background:var(--journey-orange);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #f7982c29}.cursor-statusbar{color:#75808c;height:24px;font:7px var(--mono);border-top:1px solid #292c32;justify-content:flex-end;align-items:center;gap:14px;padding:0 12px;display:flex}.cursor-statusbar span:first-child{color:#aeb7c2;margin-right:auto}.studio-window{color:var(--brand-navy);font-family:var(--sans);background:#f8f5f0}.studio-titlebar{background:#fbfaf8;border-bottom:1px solid #d9d4cc;align-items:center;gap:14px;height:38px;padding:0 13px;font-size:9px;display:flex}.studio-brand{--wordmark-size:13px;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.studio-brand img{width:28px;height:auto}.studio-tabs{color:#8290a0;align-self:stretch;align-items:stretch;gap:4px;min-width:0;display:flex;overflow:hidden}.studio-tabs>span{white-space:nowrap;align-items:center;padding:0 9px;display:flex}.studio-tabs .studio-tab-active{border-bottom:2px solid var(--brand-coral);color:var(--brand-navy);background:#f0ece5}.studio-title-actions{color:#8290a0;white-space:nowrap;flex-shrink:0;margin-left:auto}.studio-toolbar{background:#fffdfa;border-bottom:1px solid #ded8d0;align-items:center;gap:14px;height:39px;padding:0 13px;font-size:9px;display:flex}.studio-toolbar strong{font-size:10px}.studio-file-name{color:#7a8795;font:8px var(--mono)}.studio-toolbar-spacer{flex:1}.studio-edit-tools{gap:5px;display:flex}.studio-edit-tools span{color:#385776;white-space:nowrap;background:#f3f6f9;border:1px solid #9caec0;border-radius:4px;padding:5px 7px;font-size:7px}.studio-valid{color:#4e8b5d;background:#def0df;border-radius:12px;padding:4px 8px;font-size:8px}.studio-export{background:var(--brand-navy);color:#fff;border-radius:4px;padding:7px 10px;font-size:8px}.studio-body{height:calc(100% - 77px);min-height:0;display:flex}.studio-tools{color:#6d7e8f;width:34px;font:12px/1 var(--mono);background:#fbfaf7;border-right:1px solid #d8d2ca;flex-direction:column;flex-shrink:0;align-items:center;gap:13px;padding:12px 0 9px;display:flex}.studio-tools span{border:1px solid #0000;border-radius:5px;place-items:center;width:24px;height:24px;display:grid}.studio-tools .is-active,.studio-tools span:hover{color:var(--brand-navy);background:#edf3f8;border-color:#9fb3c7}.studio-tools i{flex:1}.studio-tools .studio-source-tool{border-color:var(--brand-navy);color:var(--brand-navy);background:#eaf1f7;font-size:9px}.studio-source{background:#fffdfa;border-right:1px solid #d8d2ca;width:37%;min-width:160px}.studio-source-head{justify-content:space-between;align-items:center;padding:13px 14px 10px;font-size:10px;display:flex}.studio-source-head span{color:#8290a0;font-size:15px}.studio-source-actions{border-bottom:1px solid #ded8d0;gap:7px;padding:0 12px 11px;display:flex}.studio-source-actions span{color:#4f657b;white-space:nowrap;background:#e5ded5;border-radius:3px;padding:5px 7px;font-size:7px}.studio-code{scrollbar-width:thin;scrollbar-color:#b8c4cf transparent;color:#355875;height:calc(100% - 73px);font:7px/1.55 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px;overflow:hidden auto}.studio-code::-webkit-scrollbar{width:6px}.studio-code::-webkit-scrollbar-thumb{background:#b8c4cf;border-radius:3px}.studio-code::-webkit-scrollbar-track{background:0 0}.studio-canvas{background:#f4efe7;flex:1;min-width:0;position:relative;overflow:hidden}.studio-canvas-grid{opacity:.6;background-image:linear-gradient(#dfd8ce 1px,#0000 1px),linear-gradient(90deg,#dfd8ce 1px,#0000 1px);background-size:17px 17px;position:absolute;inset:34px 10px 10px}.studio-canvas-label{z-index:1;color:#5a6f85;font:8px var(--mono);padding:12px 14px;position:relative}.studio-canvas-label span{color:var(--brand-coral)}.studio-canvas img{z-index:1;object-fit:contain;object-position:center;filter:drop-shadow(0 7px 8px #65708018);width:95%;max-height:calc(100% - 68px);margin:16px auto 0;display:block;position:relative}.studio-zoom{z-index:2;color:#5c7083;font:8px var(--mono);background:#fffdfaee;border:1px solid #d8d0c7;border-radius:14px;gap:9px;padding:6px 8px;display:flex;position:absolute;bottom:11px;right:12px}@container (width<=550px){.journey-stage-nav{gap:6px;font-size:8px}.journey-stage-line{min-width:4px}.journey-stage-number{display:none}.journey-status{font-size:8px}.journey-next{gap:9px}.cursor-activity,.cursor-workbench{display:none}.cursor-explorer{width:25%;min-width:92px}.cursor-editor{border-left:0;flex:1;width:auto;min-width:0}.cursor-explorer-footer,.cursor-statusbar span:nth-child(n+3){display:none}.cursor-agent-heading{padding-inline:12px}.cursor-agent-card{margin-inline:11px}.cursor-prompt{height:240px;font-size:8px}.studio-tools{gap:10px;width:28px}.studio-tools span{width:21px;height:21px}.studio-source{width:40%;min-width:128px}.studio-file-name,.studio-title-actions,.studio-edit-tools{display:none}.studio-canvas img{width:100%}}@container (width<=390px){.journey-stage-nav button>span:last-child{text-overflow:ellipsis;max-width:76px;overflow:hidden}.journey-action-row{flex-direction:column;align-items:flex-end;gap:7px}.journey-status{align-self:flex-start}.journey-next{justify-content:space-between;align-self:stretch;width:100%}.cursor-explorer{display:none}.cursor-agent-card{margin-inline:9px}.studio-tools{display:none}.studio-source{width:46%;min-width:120px}.studio-source-actions span:nth-child(3){display:none}.studio-code{font-size:6px}.studio-canvas-label{padding-inline:8px;font-size:7px}}@media (prefers-reduced-motion:reduce){.hero-journey.is-enhanced .journey-stage-panel[data-entering]{animation:none}.journey-next{transition:none}.cursor-prompt-caret{animation:none}}}.terminal[data-astro-cid-kenkipkp]{height:var(--hero-window-height,450px);flex-direction:column;display:flex;container-type:inline-size}.terminal-controls[data-astro-cid-kenkipkp]{z-index:1;gap:16px;margin-left:auto;display:flex}.terminal-controls[data-astro-cid-kenkipkp] button[data-astro-cid-kenkipkp]{color:#c9c9cd;font:10px var(--mono);background:0 0;border:0;padding:8px 0}.terminal-controls[data-astro-cid-kenkipkp] button[data-astro-cid-kenkipkp]:hover{color:#fff}.terminal-controls[data-astro-cid-kenkipkp] [data-astro-cid-kenkipkp][data-terminal-pause]{min-width:6ch}.terminal[data-astro-cid-kenkipkp] .mac-titlebar,.terminal-caption[data-astro-cid-kenkipkp]{flex-shrink:0}.terminal-viewport[data-astro-cid-kenkipkp]{overscroll-behavior:contain;scrollbar-color:#56565a #0c0c0c;flex:1;min-height:0;overflow:auto}.terminal-log[data-astro-cid-kenkipkp]{font:10px/1.7 var(--mono);color:#ececef;padding:22px 24px}.terminal-command[data-astro-cid-kenkipkp]{flex-wrap:wrap;align-items:baseline;gap:0 9px;min-height:20px;margin-bottom:16px;display:flex}.shell-prompt[data-astro-cid-kenkipkp]{color:#a9a9ae}.terminal-command[data-astro-cid-kenkipkp] code[data-astro-cid-kenkipkp]{white-space:pre-wrap;overflow-wrap:anywhere}.terminal-banner[data-astro-cid-kenkipkp]{font:clamp(6px, 1.75cqi, 10px)/1.1 var(--mono);white-space:pre;margin:0}.terminal-row[data-astro-cid-kenkipkp]{white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.7em}.terminal-row[data-astro-cid-kenkipkp][data-terminal-final=true]{border-left:2px solid var(--brand-orange);background:#f7982c1f;border-radius:0 4px 4px 0;margin-top:8px;padding:7px 9px}.terminal-cursor[data-astro-cid-kenkipkp]{background:#e2e2e7;width:6px;height:12px;margin-left:-5px;display:inline-block}.terminal-caption[data-astro-cid-kenkipkp]{color:#a4a4ac;font:8px var(--mono);letter-spacing:.035em;border-top:1px solid #252527;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.terminal-caption[data-astro-cid-kenkipkp] a[data-astro-cid-kenkipkp]:hover{color:#fff}@media (width<=540px){.terminal-log[data-astro-cid-kenkipkp]{padding:20px 12px;font-size:9px}.terminal-banner[data-astro-cid-kenkipkp]{font-size:clamp(6px,1.9cqi,10px)}.terminal-caption[data-astro-cid-kenkipkp]{gap:8px;padding:12px;font-size:6px}.terminal-controls[data-astro-cid-kenkipkp]{gap:12px}.terminal-controls[data-astro-cid-kenkipkp] button[data-astro-cid-kenkipkp]{font-size:8px}}@layer reset{.example-panels>.example-panel[hidden]{display:grid!important}}@layer pages{.examples-heading{justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:44px;display:flex}.examples-heading>p{max-width:310px;color:var(--muted);margin:0 0 6px;font-size:13px;line-height:1.85}.example-tabs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.example-tabs button{text-align:left;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:14px;min-height:70px;margin-bottom:-1px;padding:16px 18px;font-size:12px;line-height:1.5;display:flex}.example-tabs button+button{border-left:1px solid var(--line)}.example-tabs .mono{color:var(--muted);font-size:9px}.example-tabs button[aria-selected=true]{background:var(--brand-navy-soft);border-bottom-color:var(--orange)}.example-tabs button[aria-selected=true] .mono{color:var(--orange-dark)}.example-panels{grid-template-rows:auto auto;display:grid}.example-panel{--diagram-viewport-height:455px;grid-area:1/1/span 2/2;grid-template-rows:subgrid;min-width:0;display:grid}.example-panel[hidden]{visibility:hidden;pointer-events:none}.example-description{justify-content:space-between;align-items:center;gap:28px;padding:22px 0;display:flex}.example-description p{max-width:660px;color:var(--muted);font-size:12px}.example-description>.mono{letter-spacing:.04em;flex-shrink:0;font-size:8px}.example-description>.mono>span{color:var(--orange);padding:0 12px}.example-workspace{grid-template-columns:minmax(0,.72fr) minmax(0,2.15fr);gap:18px;display:grid}.example-input{height:calc(var(--diagram-viewport-height) + 91px);border:1px solid var(--brand-navy);background:var(--brand-navy-deep);color:#eff3fa;border-radius:10px;flex-direction:column;min-width:0;transition:background-color .2s,border-color .2s;display:flex;overflow:hidden}.example-input:has([data-mode=source][aria-selected=true]){background:#0c0c0c;border-color:#373739}.input-tabs{border-bottom:1px solid #ffffff20;flex-shrink:0;align-items:stretch;gap:16px;height:45px;padding:0 18px;display:flex}.input-tabs button{color:#bccbe0;background:0 0;border:0;border-bottom:2px solid #0000;padding:0;font-size:11px}.input-tabs button[aria-selected=true]{color:#fff;border-color:var(--orange)}.input-tabs>span{color:#a9bdd8;align-self:center;margin-left:auto}.prompt-pane,.interpretation-pane,.source-pane{flex-direction:column;flex:1;min-height:0;display:flex}.input-caption{height:43px;font:7px var(--mono);color:#b9cbe3;justify-content:space-between;align-items:center;gap:10px;padding:0 18px;display:flex}.input-caption button,.source-copy{color:inherit;font:9px var(--mono);text-align:right;background:0 0;border:0;flex-shrink:0;min-width:11ch;padding:8px 0}.prompt-text{white-space:pre-wrap;overflow-wrap:anywhere;height:412px;min-height:0;max-height:412px;font:12px/1.85 var(--sans);scrollbar-color:#5c7391 transparent;flex:1;margin:0;padding:5px 18px 22px;overflow:auto}.input-footer{min-height:44px;font:7px var(--mono);color:#a9bdd8;border-top:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:12px 18px;display:flex}.input-footer a:hover{color:#fff}.source-pane .mac-titlebar{flex-shrink:0;height:43px;padding:0 13px}.source-pane .mac-window-title{max-width:calc(100% - 180px);font-size:8px}.source-copy{color:#c7c7cd;z-index:1;margin-left:auto}.source-code{scrollbar-color:#56565a transparent;flex:1;height:412px;min-height:0;max-height:412px;overflow:auto}.source-code pre{font:10px/1.8 var(--mono);width:max-content;min-width:100%;margin:0;padding:16px;background:0 0!important}.example-output{border:1px solid var(--line);background:#fffefa;border-radius:10px;min-width:0;overflow:hidden}.output-bar{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:45px;padding:0 18px;display:flex}.output-bar>.mono{letter-spacing:.05em;font-size:8px}.output-bar>a{margin-left:auto;font-size:9px}.preview-controls{align-items:center;gap:4px;margin-left:auto;display:flex}.preview-controls button{border:1px solid var(--line);color:var(--ink);min-width:27px;height:25px;font:10px var(--mono);background:0 0;border-radius:3px;padding:0 7px}.preview-controls [data-zoom=fit]{min-width:5.5ch}.preview-controls button:disabled{opacity:.4;cursor:default}.diagram-viewport{height:var(--diagram-viewport-height);overscroll-behavior:contain;background:radial-gradient(#becbd8 .6px,#0000 .6px) 0 0/16px 16px,#fffefa;flex-direction:column;padding:10px;display:flex;overflow:auto}.diagram-viewport img{width:calc(100% * var(--diagram-zoom,1));mix-blend-mode:multiply;flex-shrink:0;max-width:none;height:auto;margin:auto 0}.output-footer{border-top:1px solid var(--line);min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;font-size:9px;display:flex}.output-footer a{color:var(--ink)}.examples-footnote{color:var(--muted);justify-content:space-between;gap:30px;padding-top:20px;font-size:10px;display:flex}.examples-footnote span{max-width:600px}.examples-footnote a{color:var(--ink);flex-shrink:0}}@layer responsive{@media (width<=1100px){.example-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:12px}.example-tabs button{gap:10px;padding:16px 12px;font-size:11px}.example-description>.mono{display:none}}@media (width<=800px){.example-panel{--diagram-viewport-height:400px}.examples-heading{display:block}.examples-heading>p{max-width:460px;margin-top:22px}.example-workspace{grid-template-columns:1fr;gap:16px}.prompt-text,.source-code{height:240px;max-height:240px}.examples-footnote{flex-direction:column;gap:12px}}@media (width<=540px){.example-panel{--diagram-viewport-height:320px}.example-tabs{display:flex;overflow-x:auto}.example-tabs button{flex:1 0 185px;min-width:185px}.example-description{padding:18px 0}.example-description p{font-size:11px}.prompt-text{font-size:12px}.diagram-viewport{padding:6px}.output-bar{gap:8px;padding:0 12px}.output-footer{padding:12px;font-size:8px}.output-footer>span{max-width:55%}}}