:root{color-scheme:light;--ink:#112333;--muted:#516274;--teal:#087e83;--line:#dde5e9;--soft:#eaf6f6;--code:#102b3a;--rail:280px;--space:48px}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,"Noto Sans Lao",sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #00a8ad;outline-offset:4px}button{touch-action:manipulation}button[hidden],[hidden]{display:none!important}.skip-link{position:fixed;top:-70px;left:16px;background:var(--ink);color:#fff;padding:12px;z-index:10}.skip-link:focus{top:10px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:24px}.brand{font-size:32px;letter-spacing:-1.3px;white-space:nowrap;display:flex;align-items:center;gap:8px}.brand strong{font-weight:750}.brand span{font-weight:400}.topnav{display:flex;align-items:center;gap:38px;font-size:16px;color:#3d5065;height:100%}.topnav a{display:flex;align-items:center;position:relative;height:100%}.topnav a[aria-current]{color:var(--teal)}.topnav a[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--teal)}.topnav a:hover,.sidebar a:hover,footer a:hover{color:var(--teal)}.version{white-space:nowrap;font-size:15px;margin-left:20px}.menu-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:4px;padding:8px 13px;font-size:15px;color:var(--ink)}.shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);min-height:calc(100vh - 205px)}.sidebar{border-right:1px solid var(--line);padding:30px 23px 32px 28px}.navgroup{padding:8px 0 24px;margin-bottom:20px;border-bottom:1px solid var(--line)}.navgroup:last-of-type{border:0;margin-bottom:0}.navgroup p{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.1px;margin:0 10px 12px;color:#3d5065}.sidebar a{display:block;font-size:17px;padding:8px 16px 8px 19px;line-height:1.55;margin-left:-1px;border-left:4px solid transparent;color:#3d5065;border-radius:3px}.sidebar a[aria-current]{background:var(--soft);color:var(--teal);border-left-color:var(--teal);font-weight:600}.mobile-nav{display:none}.main{min-width:0;padding:54px var(--space) 44px}.main h1{font-size:clamp(42px,4.4vw,66px);font-weight:750;line-height:1.06;letter-spacing:-2.5px;margin:0 0 22px;max-width:1050px}.overview{padding-top:59px}.overview h1{font-size:clamp(62px,5.8vw,90px);font-weight:780;line-height:.99;letter-spacing:-3.4px;margin:0 0 20px}.hero-lead{font-size:clamp(22px,2.05vw,31px);line-height:1.4;color:var(--muted);letter-spacing:-.4px;margin:0}.starter{display:grid;grid-template-columns:40% minmax(0,1fr);gap:28px;margin-top:39px;align-items:center}.starter h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:0 0 17px}.starter-copy>p{font-size:22px;color:var(--muted);line-height:1.6;margin:0}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:36px}.button,.outline-button{border:1px solid var(--teal);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 21px;font-size:17px;font-weight:600;line-height:1.4;min-height:52px;background:var(--teal);color:white;transition:background .15s}.button:hover{background:#06666c}.outline-button{background:white;color:var(--teal)}.outline-button:hover{background:var(--soft)}.text-link{color:var(--teal);text-decoration:underline;text-underline-offset:5px;font-size:17px;white-space:normal}.code-panel{background:var(--code);color:#e9f3f8;border-radius:6px;overflow:hidden;min-width:0}.code-header{height:48px;background:rgba(255,255,255,.055);display:flex;align-items:center;justify-content:space-between;padding:0 23px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;gap:10px}.copy-button{border:0;background:transparent;color:#b8ccd6;font-size:12px;display:flex;align-items:center;gap:5px;padding:8px;border-radius:3px}.copy-button:hover{background:#294655;color:#fff}.copy-label{font-family:Arial,sans-serif;font-size:11px}pre{margin:0;tab-size:4}code{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}.code-panel pre{padding:22px 25px 26px;font-size:15px;line-height:1.65;overflow:auto;scrollbar-width:thin}.starter .code-panel pre{font-size:clamp(12px,1.14vw,17px);padding-top:20px;padding-bottom:23px;line-height:1.75}.syntax-purple{color:#d8b1ed}.syntax-green{color:#d3e887}.syntax-blue{color:#79d4f4}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);margin-top:36px;padding-top:38px}.principles>div{padding:0 30px;border-left:1px solid var(--line)}.principles>div:first-child{padding-left:0;border-left:0}.principles>div:last-child{padding-right:0}.principles h3{font-size:19px;font-weight:600;line-height:1.4;margin:0 0 13px;white-space:nowrap;letter-spacing:-.35px}.principles h3 span{color:var(--teal);font-weight:500;margin-right:9px}.principles p{color:var(--muted);font-size:18px;line-height:1.6;margin:0}.preview-note{background:var(--soft);color:#007580;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:19px 48px;font-size:15px;min-height:67px}.preview-note p{margin:0;display:flex;align-items:center;gap:16px}.info-icon{display:inline-flex;width:27px;height:27px;align-items:center;justify-content:center;border:2px solid currentColor;flex-shrink:0;border-radius:50%;font-family:Georgia,serif;font-size:20px;font-weight:bold}.preview-note a{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:24px;padding:18px 48px 25px;color:#718297;font-size:12px}footer div{display:flex;gap:26px}.page-lead{font-size:23px;color:var(--muted);max-width:850px;margin:0 0 32px;line-height:1.6}.breadcrumb{display:flex;gap:12px;font-size:14px;color:var(--muted);margin-bottom:22px}.breadcrumb a{color:var(--teal)}.doc-section{max-width:1000px;margin-top:43px}.doc-section h2{font-size:27px;line-height:1.25;letter-spacing:-.7px;margin:0 0 16px}.doc-section>p{color:var(--muted);line-height:1.8;max-width:850px;margin:0 0 20px}.doc-section .code-panel{margin:16px 0 24px}.prompt-actions{margin-top:24px;margin-bottom:34px}.prompt-paper{max-width:1050px;border-top:1px solid var(--line);padding-top:30px}.prompt-paper pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.85;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#344b5d}.playground-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;margin-top:42px}.playground-grid h2{font-size:24px;line-height:1.3;margin:0 0 22px;letter-spacing:-.5px}.endpoint-tabs{display:flex;border-bottom:1px solid var(--line);gap:20px;margin-bottom:25px}.endpoint-tabs button{padding:0 0 13px;border:0;border-bottom:2px solid transparent;background:white;font-size:15px;color:var(--muted);display:flex;align-items:center;gap:8px}.endpoint-tabs button span{font-family:monospace;font-size:12px}.endpoint-tabs button[aria-pressed=true]{border-bottom-color:var(--teal);color:var(--teal);font-weight:600}label{font-size:14px;font-weight:600;display:block;margin:19px 0 8px}input{display:block;width:100%;border:1px solid #bac9d1;padding:12px 14px;border-radius:4px;color:var(--ink);background:white;font-size:16px}.field-hint{font-size:13px;line-height:1.6;color:var(--muted);margin:13px 0}.endpoint-url{display:flex;align-items:flex-start;gap:12px;background:#f4f8f9;border:1px solid var(--line);padding:12px;font-size:13px;margin:20px 0;overflow-wrap:anywhere}.endpoint-url span{font-weight:bold;color:var(--teal)}.endpoint-url code{word-break:break-word;min-width:0}.run-button{width:100%}.quiet{font-size:13px;line-height:1.65;color:var(--muted);margin-top:18px}.response-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:34px;margin-bottom:20px}.response-heading h2{margin:0}.response-heading>span{font-size:12px;color:var(--muted)}.response-heading>span.success{color:#087b58}.response-heading>span.failure{color:#b22a37}.response-panel pre{min-height:283px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0}
@media(min-width:1500px){:root{--rail:310px;--space:50px}.main{padding-top:61px}.overview{padding-top:62px}.starter{margin-top:39px;gap:32px}.starter .actions{gap:30px}.principles{margin-top:36px;padding-top:40px}.topnav{gap:40px}.code-header{height:50px}.starter .code-panel pre{font-size:18px}.starter h2{font-size:36px}.starter-copy>p{font-size:23px}.actions .button{padding:17px 23px}.starter-copy .actions{gap:30px}.overview{padding-bottom:35px}}
@media(max-width:1270px){:root{--rail:245px;--space:34px}.topbar{padding:0 26px}.topnav{gap:23px;font-size:14px}.brand{font-size:28px}.version{margin-left:0;font-size:13px}.sidebar{padding-left:18px;padding-right:16px}.sidebar a{font-size:15px;padding-left:12px}.overview h1{font-size:clamp(54px,5.6vw,74px);letter-spacing:-2.7px}.starter{grid-template-columns:1fr;gap:26px}.starter-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.starter-copy h2{font-size:29px}.starter-copy>p{font-size:19px;grid-column:1}.starter-copy .actions{grid-column:2;grid-row:1/3;margin:0;align-content:center;gap:18px}.starter .code-panel pre{font-size:16px}.principles>div{padding:0 18px}.principles h3{font-size:16px;white-space:normal}.principles p{font-size:16px}.playground-grid{gap:25px}.preview-note{padding-left:30px;padding-right:30px;font-size:13px}}
@media(max-width:900px){.topnav{display:none}.menu-toggle{display:block}.topbar{height:72px}.shell{display:block;min-height:calc(100vh - 200px)}.sidebar{display:none;border-bottom:1px solid var(--line);border-right:0;padding:22px 28px}.sidebar.is-open{display:block}.sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:22px}.navgroup{margin:0}.mobile-nav{display:block}.main{padding:40px 30px}.overview h1{font-size:clamp(47px,8vw,70px)}.hero-lead{font-size:23px}.starter{margin-top:35px}.principles{margin-top:32px;padding-top:30px}.preview-note{align-items:flex-start;flex-direction:column;gap:12px}.preview-note a{margin-left:43px}footer{padding:22px 30px;flex-wrap:wrap}.main h1{font-size:48px}.overview h1{font-size:clamp(47px,8vw,70px)}.playground-grid{gap:28px}.page-lead{font-size:21px}}
@media(max-width:600px){.topbar{padding:0 20px}.brand{font-size:26px;letter-spacing:-1px}.menu-toggle{font-size:13px;padding:7px 10px}.main{padding:36px 22px}.sidebar{padding:20px}.sidebar nav{grid-template-columns:1fr}.sidebar .navgroup{padding-bottom:15px}.main h1{font-size:39px;letter-spacing:-1.6px;line-height:1.12}.overview h1{font-size:46px;letter-spacing:-2.1px;line-height:1.06}.hero-lead{font-size:20px;line-height:1.5;margin-top:22px}.starter{gap:26px;margin-top:34px}.starter-copy{display:block}.starter h2{font-size:28px}.starter-copy>p{font-size:19px}.starter-copy .actions{margin-top:24px;gap:22px}.button,.outline-button{font-size:15px;padding:13px 17px}.text-link{font-size:15px}.desktop-break{display:none}.starter .code-panel pre{font-size:11.7px;padding:20px 16px}.code-header{padding:0 16px;font-size:13px}.code-panel pre{font-size:12px;padding:20px 16px}.principles{grid-template-columns:1fr;padding-top:7px}.principles>div,.principles>div:first-child,.principles>div:last-child{border:0;border-bottom:1px solid var(--line);padding:23px 0}.principles>div:last-child{border:0;padding-bottom:0}.principles h3{font-size:19px}.principles p{font-size:16px;max-width:310px}.preview-note{padding:18px 22px;font-size:13px}.preview-note p{align-items:flex-start;gap:13px}.preview-note a{margin-left:40px}footer{padding:20px 22px;font-size:11px;gap:15px}footer div{gap:18px}.page-lead{font-size:19px;margin-bottom:24px}.doc-section{margin-top:34px}.doc-section h2{font-size:25px}.doc-section>p{font-size:16px}.breadcrumb{font-size:12px;margin-bottom:18px}.playground-grid{grid-template-columns:1fr;margin-top:30px;gap:32px}.response-panel pre{min-height:230px}.prompt-paper pre{font-size:12px;line-height:1.9}.prompt-actions{gap:19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Desktop alignment with the documentation concept. */
@media(min-width:1271px){.overview h1{margin-bottom:10px}.starter{margin-top:36px}.starter .code-panel pre{line-height:1.6;padding-bottom:19px}}
.navgroup:nth-of-type(3){border-bottom:0;margin-bottom:0}
@media(min-width:1500px){.brand{font-size:34px}.sidebar a{font-size:19px;line-height:1.5}.navgroup p{font-size:13px}.principles h3{font-size:21px}.principles p{font-size:19px}}