.tutorials-workspace{--tutorial-accent:var(--ds-color-primary,#047857);--tutorial-accent-strong:var(--ds-color-primary-dark,#065f46);--tutorial-accent-soft:var(--ds-color-primary-soft,#0478571f);--tutorial-border:var(--ds-color-border-strong,#1113181f);--tutorial-divider:var(--ds-color-divider,#1113180f);--tutorial-text:var(--ds-color-text,#111318);--tutorial-text-secondary:var(--ds-color-text-secondary,#4e5968);--tutorial-text-muted:var(--ds-color-text-muted,#5f6b7a);--tutorial-surface:var(--ds-color-surface,#fff);--tutorial-surface-dim:#f7faf8;width:100%;color:var(--tutorial-text);grid-template-columns:210px minmax(0,1fr);gap:20px;margin:24px 0 72px;display:grid}.tutorials-workspace *,.tutorials-workspace :before,.tutorials-workspace :after{box-sizing:border-box}.tutorials-workspace a{color:inherit;text-decoration:none}.tutorials-workspace-sidebar{border-inline-end:1px solid var(--tutorial-border);min-width:0}.tutorials-sidebar-sticky{overscroll-behavior:contain;scrollbar-width:thin;gap:22px;max-height:calc(100vh - 120px);padding-block:8px 18px;padding-inline:0 18px;display:grid;position:sticky;top:96px;overflow-y:auto}.tutorials-sidebar-heading{gap:8px;display:grid}.tutorials-sidebar-heading span{font-size:var(--ds-text-lg,1.125rem);font-weight:700}.tutorials-sidebar-heading small,.tutorials-sidebar-group>p{color:var(--tutorial-text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.tutorials-sidebar-nav,.tutorials-sidebar-group{gap:4px;display:grid}.tutorials-sidebar-nav a,.tutorials-sidebar-group a{border-radius:var(--ds-radius-sm,8px);min-height:40px;color:var(--tutorial-text-secondary);transition:background var(--ds-transition-fast,.15s ease), color var(--ds-transition-fast,.15s ease);align-items:center;gap:9px;padding:8px 10px;font-size:.86rem;line-height:1.35;display:flex}.tutorials-sidebar-nav a:hover,.tutorials-sidebar-group a:hover,.tutorials-sidebar-nav a:focus-visible,.tutorials-sidebar-group a:focus-visible{background:var(--tutorial-accent-soft);color:var(--tutorial-accent-strong)}.tutorials-sidebar-nav a.is-active{background:var(--tutorial-accent-soft);color:var(--tutorial-accent-strong);font-weight:700}.tutorials-sidebar-group{border-top:1px solid var(--tutorial-divider);padding-top:18px}.tutorials-sidebar-group>p{padding:0 10px 8px}.tutorials-sidebar-group svg,.tutorials-sidebar-group img,.tutorials-sidebar-help svg{stroke-width:1.8px;flex:none;width:17px;height:17px}.tutorials-sidebar-client-logo{background:var(--tutorial-client-tint,#f3f5f4);border-radius:6px;flex:none;place-items:center;width:20px;height:20px;padding:2px;display:grid}.tutorials-sidebar-client-logo svg,.tutorials-sidebar-client-logo img{object-fit:contain;width:100%;height:100%}.tutorials-sidebar-help{border:1px solid var(--tutorial-border);border-radius:var(--ds-radius-md,12px);color:var(--tutorial-text-secondary);transition:border-color var(--ds-transition-fast,.15s ease), background var(--ds-transition-fast,.15s ease);align-items:center;gap:10px;padding:12px;display:flex}.tutorials-sidebar-help:hover,.tutorials-sidebar-help:focus-visible{border-color:rgba(var(--ds-color-primary-rgb,4, 120, 87), .38);background:var(--tutorial-accent-soft)}.tutorials-sidebar-help span{gap:2px;display:grid}.tutorials-sidebar-help strong{font-size:.84rem}.tutorials-sidebar-help small{color:var(--tutorial-text-muted);font-size:.72rem}.tutorials-workspace-main{gap:18px;min-width:0;display:grid}.tutorials-workbench,.tutorials-model-section,.tutorials-directory{border:1px solid var(--tutorial-border);border-radius:var(--ds-radius-lg,16px);background:var(--tutorial-surface);box-shadow:var(--ds-shadow-sm,0 1px 2px #0000000d);scroll-margin-top:96px;overflow:hidden}.tutorials-workbench-heading,.tutorials-model-heading{justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 22px;display:flex}.tutorials-workbench-heading{padding:14px 20px}.tutorials-model-heading{padding:16px 20px}.tutorials-workbench-heading h1,.tutorials-model-heading h2{max-width:30ch;color:var(--tutorial-text);letter-spacing:-.025em;margin:5px 0 0;font-family:inherit;font-weight:700}.tutorials-workbench-heading h1{font-size:clamp(1.55rem,2.4vw,1.95rem);line-height:1.16}.tutorials-model-heading h2{font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.2}.tutorials-workbench-heading p,.tutorials-model-heading p{max-width:64ch;color:var(--tutorial-text-secondary);margin:7px 0 0;font-size:.93rem;line-height:1.5}.tutorials-kicker{color:var(--tutorial-accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:700}.tutorials-workbench-actions{flex:none;gap:8px;display:flex}.tutorials-workbench-actions a,.tutorials-model-heading>a{border:1px solid rgba(var(--ds-color-primary-rgb,4, 120, 87), .32);border-radius:var(--ds-radius-sm,8px);min-height:40px;color:var(--tutorial-accent-strong);justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.82rem;font-weight:700;display:inline-flex}.tutorials-workbench-actions a:first-child{border-color:var(--tutorial-accent);background:var(--tutorial-accent);color:#fff}.tutorials-workbench-actions a:hover,.tutorials-workbench-actions a:focus-visible,.tutorials-model-heading>a:hover,.tutorials-model-heading>a:focus-visible{outline:3px solid var(--tutorial-accent-soft);outline-offset:2px}.tutorials-model-heading>a svg{width:16px;height:16px}.tutorials-progress{border-top:1px solid var(--tutorial-divider);border-bottom:1px solid var(--tutorial-border);background:var(--tutorial-surface-dim);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:8px 20px;list-style:none;display:grid}.tutorials-progress li{justify-content:center;align-items:center;gap:10px;min-width:0;display:flex;position:relative}.tutorials-progress li:not(:last-child):after{content:"";top:13px;background:var(--tutorial-border);height:1px;position:absolute;inset-inline:calc(50% + 46px) calc(46px - 50%)}.tutorials-progress-index,.tutorials-section-number{width:26px;height:26px;color:var(--tutorial-text-muted);background:#eef1f3;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:inline-flex}.tutorials-progress li.is-current .tutorials-progress-index,.tutorials-section-number{background:var(--tutorial-accent);color:#fff}.tutorials-progress li>span:last-child{gap:2px;min-width:0;display:grid}.tutorials-progress strong{font-size:.82rem;line-height:1.3}.tutorials-progress small{color:var(--tutorial-text-muted);font-size:.72rem;line-height:1.3}.tutorials-workbench-section{min-width:0;padding:12px 20px;scroll-margin-top:96px}.tutorials-workbench>.tutorials-workbench-section{border-bottom:1px solid var(--tutorial-border)}.tutorials-section-heading{align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.tutorials-section-number{border-radius:var(--ds-radius-sm,8px);width:26px;height:26px;font-size:.75rem}.tutorials-section-heading h2{color:var(--tutorial-text);margin:1px 0 0;font-size:.98rem;font-weight:700;line-height:1.35}.tutorials-section-heading p{color:var(--tutorial-text-secondary);margin:3px 0 0;font-size:.82rem;line-height:1.4}.tutorials-endpoint-list{gap:6px;display:grid}.tutorials-endpoint-list article{border:1px solid var(--tutorial-border);border-radius:var(--ds-radius-sm,8px);background:var(--tutorial-surface);grid-template-columns:30px minmax(180px,.8fr) minmax(250px,1fr) auto;align-items:center;gap:10px;min-height:38px;padding:3px 7px;display:grid}.tutorials-endpoint-list article.is-recommended{border-color:rgba(var(--ds-color-primary-rgb,4, 120, 87), .7);background:rgba(var(--ds-color-primary-rgb,4, 120, 87), .055);min-height:64px;box-shadow:0 8px 24px rgba(var(--ds-color-primary-rgb,4, 120, 87), .08);padding-block:8px}.tutorials-endpoint-marker{color:var(--tutorial-accent);justify-content:center;align-items:center;display:inline-flex}.tutorials-endpoint-marker svg{stroke-width:2px;width:17px;height:17px}.tutorials-endpoint-region{gap:2px;display:grid}.tutorials-endpoint-title{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tutorials-endpoint-region strong{font-size:.86rem}.tutorials-endpoint-title span{background:var(--tutorial-accent-soft);color:var(--tutorial-accent-strong);white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:700}.tutorials-endpoint-region small{color:var(--tutorial-text-muted);font-size:.72rem}@media (min-width:681px){.tutorials-endpoint-list article:not(.is-recommended) .tutorials-endpoint-region small{display:none}}.tutorials-endpoint-flags{align-items:center;gap:4px;margin-top:2px;display:flex}.tutorials-endpoint-flags img{border:1px solid var(--tutorial-divider);object-fit:cover;border-radius:3px;width:22px;height:16px}.tutorials-endpoint-list code{border:1px solid var(--tutorial-divider);color:#24332e;min-width:0;font-family:var(--ds-font-mono,monospace);text-overflow:ellipsis;white-space:nowrap;background:#f8faf9;border-radius:6px;padding:5px 8px;font-size:.78rem;overflow:hidden}.tutorials-endpoint-list article.is-recommended code{border-color:rgba(var(--ds-color-primary-rgb,4, 120, 87), .2);background:rgba(var(--ds-color-primary-rgb,4, 120, 87), .045);color:var(--tutorial-accent-strong);font-weight:650}.tutorials-endpoint-list .access-card-copy{border:1px solid rgba(var(--ds-color-primary-rgb,4, 120, 87), .25);border-radius:var(--ds-radius-sm,8px);background:var(--tutorial-accent-soft);min-width:68px;min-height:30px;color:var(--tutorial-accent-strong);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.tutorials-endpoint-list .access-card-copy:hover,.tutorials-endpoint-list .access-card-copy:focus-visible{border-color:var(--tutorial-accent);outline:3px solid var(--tutorial-accent-soft);outline-offset:1px}.tutorials-endpoint-list .access-card-copy[data-copy-status=success]{color:#047857;background:#e8f7ef;border-color:#04785773}.tutorials-endpoint-list .access-card-copy[data-copy-status=error]{color:#b91c1c;background:#fef2f2;border-color:#b91c1c59}.tutorials-workbench-split{grid-template-columns:minmax(0,1.75fr) minmax(260px,.65fr);display:grid}.tutorials-workbench-split>section+section{border-inline-start:1px solid var(--tutorial-border)}.tutorials-client-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.tutorials-client-grid a{border:1px solid var(--tutorial-border);border-radius:var(--ds-radius-md,12px);min-height:78px;color:var(--tutorial-text-secondary);text-align:center;transition:border-color var(--ds-transition-fast,.15s ease), background var(--ds-transition-fast,.15s ease), box-shadow var(--ds-transition-fast,.15s ease), color var(--ds-transition-fast,.15s ease), transform var(--ds-transition-fast,.15s ease);background:#fbfcfb;place-items:center;gap:8px;padding:10px 6px 9px;display:grid}.tutorials-client-grid a:hover,.tutorials-client-grid a:focus-visible{border-color:var(--tutorial-accent);color:var(--tutorial-accent-strong);background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #11282017}.tutorials-client-logo{background:var(--tutorial-client-tint,#f3f5f4);border:1px solid #142a2214;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 1px #ffffffb8}.tutorials-client-logo svg,.tutorials-client-logo img{object-fit:contain;width:26px;height:26px}.tutorials-client-grid a[href*=\/chatbox] .tutorials-client-logo img{width:25px;height:25px}.tutorials-client-grid span{font-size:.73rem;font-weight:700;line-height:1.25}.tutorials-client-grid .tutorials-client-logo{font-size:initial}.tutorials-verify pre{border:1px solid var(--tutorial-divider);border-radius:var(--ds-radius-sm,8px);color:#24332e;font-family:var(--ds-font-mono,monospace);background:#f7f9f8;margin:0;padding:9px 10px;font-size:.68rem;line-height:1.35;overflow-x:auto}.tutorials-inline-link{align-items:center;gap:6px;margin-top:8px;font-size:.78rem;font-weight:700;display:inline-flex;color:var(--tutorial-accent-strong)!important}.tutorials-inline-link svg{width:15px;height:15px}.tutorials-model-section{padding-bottom:0}.tutorials-model-heading{align-items:center;padding-bottom:18px}.tutorials-model-heading>a{white-space:nowrap}.tutorials-model-section>.model-catalog{border:0;border-top:1px solid var(--tutorial-border);box-shadow:none;border-radius:0;margin:0}.tutorials-directory{padding-bottom:20px}.tutorials-directory-list{border-top:1px solid var(--tutorial-border);padding:0 26px;display:grid}.tutorials-directory-list>article{border-bottom:1px solid var(--tutorial-divider);grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr);gap:22px;padding:22px 0;display:grid}.tutorials-directory-summary{grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.tutorials-directory-summary>svg{width:21px;height:21px;color:var(--tutorial-accent);stroke-width:1.8px}.tutorials-directory-summary>span:nth-child(2){gap:5px;display:grid}.tutorials-directory-summary strong{font-size:.94rem}.tutorials-directory-summary small,.tutorials-directory-links small{color:var(--tutorial-text-muted);font-size:.75rem;line-height:1.45}.tutorials-directory-count{border-radius:var(--ds-radius-full,999px);background:var(--tutorial-accent-soft);color:var(--tutorial-accent-strong);white-space:nowrap;padding:3px 7px;font-size:.7rem;font-weight:700}.tutorials-directory-links{display:grid}.tutorials-directory-links a{border-radius:var(--ds-radius-sm,8px);justify-content:space-between;align-items:center;gap:18px;min-height:56px;padding:8px 10px;display:flex}.tutorials-directory-links a:hover,.tutorials-directory-links a:focus-visible{background:var(--tutorial-surface-dim)}.tutorials-sidebar-nav a:focus-visible,.tutorials-sidebar-group a:focus-visible,.tutorials-sidebar-help:focus-visible,.tutorials-client-grid a:focus-visible,.tutorials-directory-links a:focus-visible{outline:3px solid var(--tutorial-accent);outline-offset:2px}.tutorials-directory-links a>span{gap:3px;display:grid}.tutorials-directory-links strong{font-size:.86rem;line-height:1.35}.tutorials-directory-links svg{width:16px;height:16px;color:var(--tutorial-accent);flex:none}.tutorials-directory-footer{color:var(--tutorial-text-muted);justify-content:space-between;align-items:center;gap:18px;padding:18px 26px 0;font-size:.76rem;display:flex}.tutorials-directory-footer div{flex-wrap:wrap;gap:12px;display:flex}.tutorials-directory-footer a{color:var(--tutorial-accent-strong);font-weight:700}html.dark .tutorials-workspace{--tutorial-border:#94a3b833;--tutorial-divider:#94a3b81f;--tutorial-text:#eef6f3;--tutorial-text-secondary:#b7c3bf;--tutorial-text-muted:#87948f;--tutorial-surface:#08120f;--tutorial-surface-dim:#0d1814;--tutorial-accent:#34d399;--tutorial-accent-strong:#6ee7b7;--tutorial-accent-soft:#34d39921}html.dark .tutorials-endpoint-list code,html.dark .tutorials-verify pre{color:#d8e4df;background:#0d1814;border-color:#94a3b829}html.dark .tutorials-endpoint-list .access-card-copy[data-copy-status=success]{color:#6ee7b7;background:#10b98124;border-color:#34d3996b}html.dark .tutorials-endpoint-list .access-card-copy[data-copy-status=error]{color:#fca5a5;background:#7f1d1d33;border-color:#f8717166}@media (max-width:1050px){.tutorials-workspace{grid-template-columns:184px minmax(0,1fr);gap:16px}.tutorials-workbench-heading,.tutorials-model-heading,.tutorials-workbench-section,.tutorials-progress{padding-inline:20px}.tutorials-progress li{gap:7px}.tutorials-progress li:not(:last-child):after{inset-inline:calc(50% + 40px) calc(40px - 50%)}.tutorials-endpoint-list article{grid-template-columns:26px minmax(140px,.7fr) minmax(220px,1fr) auto}.tutorials-client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:860px){.tutorials-workspace{grid-template-columns:1fr;margin-top:16px}.tutorials-workbench,.tutorials-model-section,.tutorials-directory,.tutorials-workbench-section{scroll-margin-top:132px}.tutorials-workspace-sidebar{z-index:20;border:0;border-bottom:1px solid var(--tutorial-border);background:color-mix(in srgb, var(--tutorial-surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:none;margin-inline:-16px;padding:8px 16px;position:sticky;top:70px;overflow-x:auto}.tutorials-workspace-sidebar::-webkit-scrollbar{display:none}.tutorials-sidebar-sticky{width:max-content;max-height:none;padding:0;display:flex;position:static;overflow:visible}.tutorials-sidebar-heading,.tutorials-sidebar-group,.tutorials-sidebar-help{display:none}.tutorials-sidebar-nav{gap:6px;display:flex}.tutorials-sidebar-nav a{border:1px solid var(--tutorial-border);background:var(--tutorial-surface);white-space:nowrap;min-height:38px;padding-inline:12px}.tutorials-workbench-split{grid-template-columns:1fr}.tutorials-workbench-split>section+section{border-top:1px solid var(--tutorial-border);border-inline-start:0}.tutorials-directory-list>article{grid-template-columns:1fr}}@media (max-width:680px){.tutorials-workspace{margin-bottom:48px}.tutorials-workbench,.tutorials-model-section,.tutorials-directory{border-radius:var(--ds-radius-md,12px)}.tutorials-workbench-heading,.tutorials-model-heading{padding:20px 16px;display:grid}.tutorials-workbench-actions{width:100%}.tutorials-workbench-actions a{flex:1}.tutorials-progress{scrollbar-width:none;grid-template-columns:repeat(4,minmax(74px,1fr));padding:14px 12px;overflow-x:auto}.tutorials-progress::-webkit-scrollbar{display:none}.tutorials-progress li{text-align:center;justify-items:center;display:grid}.tutorials-progress li:not(:last-child):after,.tutorials-progress small{display:none}.tutorials-workbench-section{padding:18px 16px}.tutorials-endpoint-list article{grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:10px}.tutorials-endpoint-list code{white-space:normal;overflow-wrap:anywhere;grid-area:2/2/auto/-1}.tutorials-endpoint-list .access-card-copy{grid-area:1/3;min-width:42px}.tutorials-endpoint-list .access-card-copy span{display:none}.tutorials-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorials-model-heading>a{justify-self:start}.tutorials-directory-list{padding-inline:16px}.tutorials-directory-list>article{gap:12px;padding-block:18px}.tutorials-directory-links a{padding-inline:6px}.tutorials-directory-links small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tutorials-directory-footer{padding:16px 16px 0;display:grid}}@media (prefers-reduced-motion:reduce){.tutorials-workspace *,.tutorials-workspace :before,.tutorials-workspace :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
