@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#0a0a0a;--ink:#fff;--secondary:#adadad;--muted:#969696;--nav-muted:#ffffff80;--card:#191919;--card-hover:#232323;--border:#ffffff1f;--menu:#1c1c1c;--menu-text:#b4b4b4;--menu-icon:#828282;--menu-hover:#202020;--segmented:#202020;--segment-active:#3a3a3a;--focus:#0285f7;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:450}*{box-sizing:border-box}body{min-width:1024px;margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}button,h1,h2,p{margin:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.45}img{display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:300;color:#000;background:#fff;border-radius:12px;padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.homepage{z-index:1;max-width:1920px;margin-inline:auto;padding:20px 80px 80px;position:relative}.hero-region{isolation:isolate;flex-direction:column;gap:60px;margin:-20px -80px 0;padding:20px 80px 60px;display:flex;position:relative}.hero-field{z-index:0;pointer-events:none;width:100%;height:100svh;position:fixed;inset:0}.site-header{z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:36px;animation:.46s cubic-bezier(.2,.7,.2,1) both enter-header;display:flex;position:relative}.header-left{align-items:center;gap:16px;display:flex}.home-mark{border-radius:10px;display:block}.site-header nav{align-items:center;height:36px;display:flex}.site-header nav a{height:36px;color:var(--nav-muted);border-radius:999px;align-items:center;padding-inline:13px;font-size:14px;font-weight:500;line-height:14px;transition:color .16s;display:flex}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--ink)}.join-split{color:#000;background:#fff;border-radius:999px;height:36px;display:flex;position:relative}.join-label,.join-menu-trigger{letter-spacing:-.084px;background:0 0;border:0;font-size:14px;font-weight:500;line-height:19.5px}.join-label{border-radius:999px 0 0 999px;padding:0 12px 0 16px}.join-menu-trigger{border-radius:0 999px 999px 0;place-items:center;padding:0 12px 0 9px;transition:background .15s;display:grid}.join-label:hover,.join-menu-trigger:hover,.join-menu-trigger.is-open{background:#e5e5e5}.join-menu-trigger img{transition:transform .18s}.join-menu-trigger.is-open img{transform:rotate(180deg)}.primary-pill{color:#000;letter-spacing:-.09px;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 20px;font-size:15px;font-weight:500;line-height:19.5px;transition:background .16s,transform .16s;display:inline-flex}.primary-pill:hover{background:#e5e5e5}.primary-pill:active{transform:scale(.97)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:23px;min-height:228px;padding:24px;display:flex;position:relative}.hero h1{letter-spacing:-.48px;font-size:40px;font-weight:500;line-height:44px;animation:.62s cubic-bezier(.2,.7,.2,1) 60ms both enter-content}.hero>p{width:626px;max-width:100%;color:var(--muted);text-wrap:balance;font-size:16px;font-weight:450;line-height:24.8px}.hero>p span{color:var(--ink)}.hero>p{animation:.62s cubic-bezier(.2,.7,.2,1) .12s both enter-content}.hero>button{animation:.62s cubic-bezier(.2,.7,.2,1) .18s both enter-content}.hero .hero-join{min-height:44px;padding:10px 24px;font-size:16px;line-height:24px}.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px;display:grid}.reference-card{min-width:0;animation:.58s cubic-bezier(.2,.7,.2,1) both enter-content}.card-visual{position:relative}.card-preview{background:var(--card);border:0;border-radius:28px;justify-content:center;align-items:center;width:100%;height:450px;padding:0;transition:background .22s;display:flex;overflow:hidden}.card-preview:hover{background:var(--card-hover)}.reference-image{aspect-ratio:465.531/290.672;background:#ffffff14;border-radius:8px;width:min(80.45%,465.531px);transition:transform .45s cubic-bezier(.2,.7,.2,1);display:block;position:relative;overflow:hidden;transform:translateZ(0)}.reference-base,.reference-overlay{object-fit:cover;border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.reference-overlay--sparkle{object-fit:fill;height:122.16%;top:.14%}.reference-image:not(.is-ready)>img{opacity:0}.reference-image.is-ready>img{animation:.42s cubic-bezier(.2,.7,.2,1) both media-in}.media-loader{border-radius:inherit;background:#202020;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.media-loader:before{content:"";background:linear-gradient(100deg,#0000 28%,#ffffff0b 48%,#0000 68%);animation:1.65s ease-in-out infinite loading-sweep;position:absolute;inset:0;transform:translate(-100%)}.media-loader-mark{border:1.5px solid #ffffff1f;border-top-color:#ffffff80;border-radius:50%;width:20px;height:20px;animation:.9s linear infinite loader-turn}.media-error{color:#999;font-size:12px}.has-error .media-loader:before{background:0 0;animation:none}.card-preview:hover .reference-image{transform:scale(1.025)}.card-copy{letter-spacing:.2px;align-items:center;gap:8px;min-width:0;margin-top:16px;padding-inline:0;display:flex}.card-copy-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.card-favicon{object-fit:cover;background:var(--card);border-radius:12px;flex:none;width:40px;height:40px;padding:0;display:block}.card-copy h2{font-size:16px;font-weight:600;line-height:22px}.card-copy p{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:450;line-height:20px;overflow:hidden}.icon-button{background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.save-reference{border:1px solid var(--border);background:var(--canvas);opacity:0;width:36px;height:36px;transition:opacity .16s,transform .16s,background .16s;position:absolute;top:18px;right:18px;transform:translateY(4px)}.card-visual:hover .save-reference,.card-visual:focus-within .save-reference,.save-reference[aria-pressed=true]{opacity:1;transform:none}.save-reference:hover{background:var(--card-hover)}.empty-state{color:var(--secondary);flex-direction:column;align-items:center;gap:16px;padding-block:110px;display:flex}.empty-state h2{color:var(--ink);font-size:24px;font-weight:500}.empty-state p{font-size:14px}.account-menu{background:var(--menu);width:240px;color:var(--menu-text);text-align:left;border-radius:22px;padding:4px;animation:.16s both menu-in;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 0 0 1px #ffffff0e}.menu-row{text-align:left;width:100%;height:44px;color:var(--menu-text);background:0 0;border:0;border-radius:18px;justify-content:space-between;align-items:center;padding:0 16px;font-size:14px;line-height:21px;display:flex}.menu-row:hover{background:var(--menu-hover);color:var(--ink)}.menu-row>svg{color:var(--menu-icon)}.menu-settings{border-top:1px solid var(--border);margin-top:6px;padding:6px 8px 6px 16px}.menu-setting{justify-content:space-between;align-items:center;height:46px;font-size:14px;display:flex}.segmented{background:var(--segmented);border-radius:999px;align-items:center;padding:3px;display:flex}.segmented button{width:36px;height:30px;color:var(--menu-icon);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .16s,color .16s;display:flex}.segmented button[aria-pressed=true]{background:var(--segment-active);color:var(--ink)}.segmented button:hover{color:var(--ink)}.pro-coin{filter:grayscale();place-items:center;width:18px;height:24px;display:grid;transform:rotate(25deg)rotateY(32deg)}.pro-coin img{opacity:.7;width:18px;height:18px}.menu-row:hover .pro-coin{transition:transform .4s;transform:rotate(25deg)rotateY(-28deg)}.modal{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;background:#202020;border:0;border-radius:24px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);padding:0;animation:.2s cubic-bezier(.2,.7,.2,1) both dialog-in;overflow:auto;box-shadow:0 24px 100px #0000003d}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0003}.modal-close{z-index:2;color:#9a9a9a;position:absolute;top:16px;right:16px}.modal-close:hover{color:#fff;background:#fff1}.join-dialog{width:420px;min-height:600px}.auth-panel{width:100%;min-height:600px;padding:36px 32px;display:flex}.auth-well{flex-direction:column;gap:18px;width:344px;max-width:100%;margin:auto;display:flex}.auth-head{flex-direction:column;align-items:center;gap:14px;padding-bottom:6px;display:flex}.auth-crest{margin-bottom:16px}.auth-head h2{letter-spacing:.128px;font-size:32px;font-weight:500;line-height:35.84px}.auth-crowd{color:#828282;justify-content:center;align-items:center;gap:10px;min-height:30px;font-size:14px;line-height:21px;display:flex}.auth-faces{padding-right:0;display:flex}.auth-faces img{object-fit:cover;border:2px solid #202020;border-radius:999px}.auth-faces img+img{margin-left:-10px}.auth-foot{flex-direction:column;gap:18px;padding-top:54px;display:flex}.google-button{color:#fff;background:0 0;border:1px solid #ffffff24;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;padding:0 12px;font-size:14px;font-weight:500;line-height:21px;transition:background .15s,border-color .15s;display:flex}.google-button:hover{background:#ffffff0b;border-color:#ffffff40}.auth-or{color:#6b6b6b;align-items:center;gap:12px;margin-block:2px;font-size:11.5px;line-height:17.25px;display:flex}.auth-or:before,.auth-or:after{content:"";background:#ffffff1a;flex:1;height:1px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field input{color:#fff;background:#000;border:1px solid #ffffff26;border-radius:12px;outline:none;width:100%;height:48px;padding:0 15px;font-size:14px;line-height:21px;transition:border-color .15s,box-shadow .15s}.auth-field input::placeholder{color:#777}.auth-field input:focus{border-color:#3aa9ff;box-shadow:0 0 0 3px #3aa9ff24}.auth-field input[aria-invalid=true]{border-color:#ff7676;box-shadow:0 0 0 3px #ff76761a}.auth-continue{color:#000;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;height:46px;margin-top:2px;font-size:14px;font-weight:500;line-height:21px;display:flex}.auth-continue:hover{background:#e5e5e5}.auth-fine{color:#9a9a9a;text-align:center;padding-top:2px;font-size:11.5px;line-height:17.25px}.text-link{color:inherit;font:inherit;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.text-link:hover{color:var(--ink)}.auth-fine .text-link:hover{color:#fff}.auth-error{color:#ff9292;margin-top:8px;font-size:12px;line-height:18px}.auth-notice{color:#c2c2c2;border:1px solid #ffffff1f;border-radius:12px;padding:12px;font-size:12px;line-height:18px}.info-dialog{width:420px;padding:72px 36px 36px}.info-dialog h2{font-size:28px;font-weight:500;line-height:1.2}.info-dialog p{color:#adadad;margin-block:20px 28px;font-size:14px;line-height:22px}.info-dialog>.text-link{color:#adadad;margin-top:24px;font-size:13px;display:block}.utility-hero{min-height:400px}.utility-links{color:var(--secondary);justify-content:center;gap:24px;padding-block:24px;font-size:13px;display:flex}.preview-dialog{background:#171717;width:min(1480px,100vw - 96px);padding:28px}.preview-header{align-items:center;gap:16px;padding-right:60px;display:flex}.preview-header h2{font-size:20px;font-weight:500;line-height:28px}.preview-header span{color:#828282;font-size:12px}.preview-stage{justify-content:center;align-items:center;margin:32px auto;display:flex}.preview-stage .reference-image{width:min(1160px,100%)}.preview-footer{color:#adadad;justify-content:space-between;align-items:center;gap:24px;display:flex}.preview-footer p{font-size:14px;line-height:22px}.preview-tools{flex-shrink:0;align-items:center;gap:8px;display:flex}.preview-tools .icon-button{color:#fff;background:#262626}.preview-tools .icon-button:hover{background:#333}.preview-save{color:#fff;background:0 0;border:1px solid #393939;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 16px;font-size:14px;display:flex}.preview-save:hover{background:#262626}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes menu-in{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:none}}@keyframes enter-header{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes enter-content{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes media-in{0%{opacity:0}to{opacity:1}}@keyframes loading-sweep{to{transform:translate(100%)}}@keyframes loader-turn{to{transform:rotate(360deg)}}@media (width<=1400px){.homepage{padding-inline:48px}.hero-region{margin-inline:-48px;padding-inline:48px}.card-preview{height:360px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.card-preview:hover .reference-image{transform:none}}.moth-mark{--moth-duration:.48s;--moth-ease:cubic-bezier(.2,.7,.2,1);display:block;overflow:visible}.moth-flight{transform-origin:16px 18px;animation:moth-lift var(--moth-duration) var(--moth-ease)}.moth-wing{transform-box:view-box;transform-origin:16px 17px;animation:moth-flutter var(--moth-duration) var(--moth-ease)}.moth-wing-right{animation-name:moth-flutter-right}.moth-eyes{transform-box:fill-box;transform-origin:50%;animation:moth-blink var(--moth-duration) ease-out}@keyframes moth-lift{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-3px)rotate(-5deg)}70%{transform:translateY(-1px)rotate(3deg)}}@keyframes moth-flutter{0%,to{transform:scaleX(1)rotate(0)}20%,60%{transform:scaleX(.35)rotate(9deg)}40%,80%{transform:scaleX(1.06)rotate(-4deg)}}@keyframes moth-flutter-right{0%,to{transform:scaleX(1)rotate(0)}20%,60%{transform:scaleX(.35)rotate(-9deg)}40%,80%{transform:scaleX(1.06)rotate(4deg)}}@keyframes moth-blink{0%,65%,to{transform:scaleY(1)}78%{transform:scaleY(.15)}}@media (prefers-reduced-motion:reduce){.moth-flight,.moth-wing,.moth-eyes{animation:none}.home-mark:active .moth-mark{opacity:.7}}.google-only-dialog{min-height:0}.google-only-dialog .auth-panel{min-height:380px;padding:48px 32px 36px}.google-only-dialog .auth-crest{margin-bottom:8px}.google-only-dialog .google-button:disabled{opacity:.6;cursor:wait}.auth-account-email{text-align:center;color:var(--secondary);overflow-wrap:anywhere;margin:0;font-size:15px}.privacy-page{max-width:760px;margin:48px auto 80px}.privacy-page h1{margin:0 0 24px;font-size:32px;line-height:40px}.privacy-page h2{margin:32px 0 12px;font-size:17px;font-weight:500}.privacy-page p{color:var(--secondary);font-size:15px;line-height:25px}.privacy-page a{color:var(--ink);text-decoration:underline}@media (width<=640px){.google-only-dialog .auth-panel{min-height:340px;padding:40px 24px 28px}.privacy-page{margin:24px auto 48px}}.moth-mark{--moth-body:#f4f4f5;--moth-eye:#17171b}:root[data-theme=light] .moth-mark{--moth-body:#34353b;--moth-eye:#fff}.google-only-dialog{border:1px solid var(--border);border-radius:24px;width:420px}.google-only-dialog .auth-panel{box-sizing:border-box;min-height:0;padding:48px 32px 28px}.google-only-dialog .auth-well{gap:0;width:100%}.google-only-dialog .auth-head{gap:12px;padding:0}.google-only-dialog .auth-crest{object-fit:contain;width:44px;height:44px;margin:0 0 10px}:root[data-theme=dark] .google-only-dialog .auth-crest{filter:brightness(0)invert()}.google-only-dialog .auth-head h2{letter-spacing:-.6px;font-size:28px;font-weight:550;line-height:36px}.google-only-dialog .auth-crowd{text-align:center;max-width:270px;min-height:0;color:var(--secondary);margin:0;font-size:14px;line-height:22px;display:block}.google-only-dialog .auth-foot{gap:18px;padding-top:32px}:root[data-theme] .google-only-dialog .google-button{background:var(--ink);height:48px;color:var(--canvas);cursor:pointer;border:1px solid #0000;gap:10px;padding:0 20px;font-size:15px;font-weight:500;line-height:22px}:root[data-theme] .google-only-dialog .google-button:hover:not(:disabled){background:var(--ink);opacity:.88}.google-only-dialog .google-button:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.auth-google-mark{background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.google-only-dialog .auth-fine{max-width:280px;color:var(--secondary);text-wrap:balance;align-self:center;margin:0;padding:0;font-size:12px;line-height:19px}.google-only-dialog .auth-fine .text-link{text-underline-offset:3px}.google-only-dialog .auth-error{text-align:center;margin:0;font-size:13px;line-height:20px}@media (width<=640px){.google-only-dialog .auth-panel{min-height:0;padding:44px 24px 26px}.google-only-dialog .auth-head h2{font-size:26px;line-height:34px}.google-only-dialog .auth-foot{padding-top:28px}}html{scrollbar-gutter:stable}.reference-detail{--detail-surface:#07080a;--detail-well:#111214;--detail-raised:#1b1c1e;--detail-muted:#9c9c9d;--detail-line:#ffffff0d;z-index:1;color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;min-height:100svh;padding:40px 80px 80px;position:relative}.reference-detail h1,.reference-detail h2,.reference-detail h3{margin:0;font-weight:500}.reference-detail h2{letter-spacing:0;font-size:17px;line-height:24px}.reference-detail h3{font-size:17px;line-height:24px}.reference-detail p{color:var(--detail-muted);font-size:14px;line-height:22px}.reference-detail button{border:0}.reference-detail:focus,.detail-content:focus{outline:none}.detail-site-header{z-index:30;background:var(--canvas);max-width:1760px;margin:auto;padding:20px 0;position:sticky;top:0}.header-join-only{min-height:36px;padding:0 16px;font-size:14px}.reference-breadcrumb{color:#6a6b6c;align-items:center;gap:12px;max-width:1200px;min-height:20px;margin:28px auto 0;font-size:12px;line-height:18px;display:flex}.reference-breadcrumb button{color:#9c9c9d;background:0 0;padding:0;font-size:12px}.reference-breadcrumb>span:last-child,.reference-breadcrumb button:hover{color:#fff}.detail-showcase{justify-content:center;align-items:center;gap:clamp(24px,3vw,64px);max-width:1640px;margin:24px auto 0;padding-bottom:36px;display:flex;position:relative}.detail-screen{aspect-ratio:1.6;background:#111214;border-radius:16px;width:min(1120px,160svh - 384px);min-width:0;position:relative;overflow:hidden}.detail-screen>img{object-fit:contain;opacity:0;width:100%;height:100%;display:block}.detail-screen.screen-ready>img{opacity:1;animation:.4s both detail-image-in}.showcase-arrow{color:#e6e6e6;background:#1b1c1e;border-radius:999px;flex-shrink:0;place-items:center;width:40px;height:40px;transition:background .16s,transform .16s;display:grid}.showcase-arrow:hover{background:#2f3031}.showcase-caption{color:#9c9c9d;justify-content:space-between;width:min(1120px,160svh - 384px,100% - 208px);font-size:11px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.screen-status{color:#9c9c9d;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:13px;display:flex;position:absolute;inset:0}.loading-dots{gap:6px;display:flex}.loading-dots i{background:#999;border-radius:999px;width:4px;height:4px;animation:1.2s infinite detail-dot}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}.detail-tabs-anchor{height:0;margin-top:32px;scroll-margin-top:0;display:flow-root}.detail-tabs-shell{z-index:20;background:var(--canvas);justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:auto;padding:12px 0;display:flex;position:sticky;top:0}.detail-tabs{align-items:center;gap:0;min-width:0;display:flex}.detail-tabs button{color:#fff;white-space:nowrap;background:0 0;border-radius:999px;min-height:40px;padding:0 16px;font-size:14px;font-weight:500;line-height:20px;transition:background .16s}.detail-tabs button:hover{background:#ffffff06}.detail-tabs button[aria-selected=true]{background:#111214}.detail-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.detail-primary{color:#454647;background:#e6e6e6}.detail-primary:hover{background:#fff}.detail-secondary{color:#fff;background:#1b1c1e}.detail-content{border:1px solid var(--detail-line);background:#07080a;border-radius:24px;max-width:1200px;margin:12px auto 0;overflow:hidden}.resource-header{border-bottom:1px solid var(--detail-line);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;font-size:14px;font-weight:500;line-height:20px;display:flex}.resource-header button{color:#fff;background:0 0;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;display:inline-flex}.resource-header button:hover{background:#111214}.resource-header button:disabled{opacity:.4}.documentation-stack{flex-direction:column;gap:40px;display:flex}.docs-heading{flex-direction:column;gap:8px;display:flex}.detail-eyebrow{letter-spacing:.8px;text-transform:uppercase;color:#858585;font-size:11px;font-weight:500;line-height:16px;display:block}.docs-heading p{margin:0}.reference-badges{flex-wrap:wrap;gap:8px;display:flex}.reference-badges span,.badge-specimens>span,.badge-brand{color:#fff;background:#1b1c1e;border-radius:6px;align-items:center;min-height:26px;padding:0 8px;font-size:12px;line-height:18px;display:inline-flex}.reference-intent{background:#111214;border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex}.reference-intent h2{font-size:32px;line-height:40px}.reference-note{background:#111214;border-radius:16px;padding:16px;font-size:12px!important;line-height:18px!important}.reference-table{border:1px solid var(--detail-line);border-radius:20px;overflow:hidden}.reference-table table{border-collapse:collapse;table-layout:fixed;width:100%}.reference-table th,.reference-table td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--detail-line);overflow-wrap:anywhere;padding:16px}.reference-table th{color:#fff;font-size:14px;font-weight:500;line-height:20px}.reference-table td:nth-child(2){letter-spacing:.204px;color:#9c9c9d;font-family:Geist Mono Variable,monospace;font-size:12px;line-height:19.2px}.reference-table td:last-child{color:#9c9c9d;font-size:14px;line-height:22px}.reference-table tr:last-child>*{border-bottom:0}.reference-table a:hover{color:inherit;text-underline-offset:3px;text-decoration:underline}.resource-code{white-space:pre-wrap;overflow-wrap:anywhere;color:#9c9c9d;margin:0;font-family:Geist Mono Variable,monospace;font-size:13px;line-height:22px}.prompt-preview{white-space:pre-wrap;overflow-wrap:anywhere;color:#9c9c9d;background:#111214;border-radius:20px;margin:0;padding:24px;font-family:Geist Mono Variable,monospace;font-size:13px;line-height:22px}.reference-source-links{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.reference-source-links a{align-items:center;gap:8px;min-height:40px;font-size:14px;display:inline-flex}.reference-source-links a:first-child{background:#111214;border:1px solid #ffffff1a;border-radius:999px;padding:0 16px}.reference-section{margin-top:40px}.reference-section:first-child{margin-top:0}.section-caption{margin-top:8px!important;margin-bottom:24px!important}.palette-group{margin-top:32px}.palette-group>h3{letter-spacing:.8px;text-transform:uppercase;color:#858585;margin:0 0 24px!important;font-size:11px!important;line-height:16px!important}.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 16px;display:grid}.palette-group--brand .palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-sample{color:#fff;text-align:left;background:0 0;flex-direction:column;align-items:flex-start;gap:8px;padding:0;display:flex}.color-chip{border-radius:16px;width:100%;height:64px}.color-sample strong{font-size:14px;font-weight:500;line-height:20px}.color-hex{letter-spacing:.204px;color:#9c9c9d;align-items:center;gap:6px;font-family:Geist Mono Variable,monospace;font-size:12px;line-height:19.2px;display:flex}.color-role{color:#9c9c9d;font-size:14px;line-height:22px}.detail-small-note{background:#111214;border-radius:16px;padding:16px;margin-top:24px!important;font-size:12px!important;line-height:18px!important}.font-pair{grid-template-columns:1fr 1fr;gap:24px;display:grid}.font-card{background:#111214;border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex}.font-card .font-phrase{color:#fff;font-size:32px;font-weight:500;line-height:40px}.font-card .font-meta{font-size:12px;line-height:18px}.font-mono{font-family:Geist Mono Variable,monospace}.font-card .font-mono{color:#fff;font-size:13px;line-height:22px}.type-specimens{border:1px solid var(--detail-line);border-radius:20px;margin-top:24px;overflow:hidden}.type-sample{border-bottom:1px solid var(--detail-line);flex-direction:column;gap:12px;padding:20px;display:flex}.type-sample:last-child{border-bottom:0}.type-metadata{color:#9c9c9d;letter-spacing:.204px;justify-content:space-between;gap:24px;font-family:Geist Mono Variable,monospace;font-size:12px;line-height:19.2px;display:flex}.type-live{color:#fff;overflow-wrap:anywhere}.shape-specimens{grid-template-columns:repeat(6,1fr);gap:16px;margin-top:24px;display:grid}.shape-specimens article{flex-direction:column;gap:12px;display:flex}.shape-live{background:#1b1c1e;border:1px solid #ffffff1a;width:72px;height:56px}.shape-specimens h3{font-size:14px;line-height:20px}.shape-specimens article>span{color:#9c9c9d;font-family:Geist Mono Variable,monospace;font-size:12px}.surface-specimens{grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0;display:grid}.surface-sample{border:1px solid var(--detail-line);background:#07080a;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.surface-sample h3{font-size:14px;line-height:20px}.surface-sample span{color:#9c9c9d;font-family:Geist Mono Variable,monospace;font-size:12px}.specimen-nav{border:1px solid var(--detail-line);background:#1b1c1e;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:16px;display:flex}.specimen-nav>div{color:#9c9c9d;align-items:center;gap:24px;font-size:14px;display:flex}.specimen-nav strong{color:#fff;font-weight:500}.sample-primary,.sample-secondary{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;line-height:20px;display:inline-flex}.sample-primary{color:#454647;background:#e6e6e6}.sample-primary:hover,.sample-primary.state-hover{background:#fff}.sample-secondary{color:#fff;background:0 0;border:1px solid #ffffff1f!important}.sample-secondary:hover,.sample-secondary.state-hover{background:#1b1c1e}.state-focus{outline-offset:2px;outline:2px solid #e6e6e6!important}.state-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.state-grid article{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.state-label{color:#9c9c9d;font-size:12px;line-height:18px}.input-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.input-example{flex-direction:column;gap:12px;display:flex}.sample-input{background:#111214;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.sample-input input{color:#fff;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:14px}.sample-input:focus-within{outline-offset:2px;outline:2px solid #e6e6e6}.validation-message{font-size:12px!important}.feature-specimens{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;display:grid}.feature-specimens>article{border:1px solid var(--detail-line);background:#07080a;border-radius:16px;flex-direction:column;align-items:flex-start;gap:16px;min-height:220px;padding:24px;display:flex}.feature-specimens>article.feature-edge{border-color:#ffffff2e}.feature-specimens>article.feature-brand{background:#452324;border-color:#0000}.feature-specimens h3{font-size:18px;line-height:24px}.badge-specimens{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.badge-specimens .badge-brand,.badge-brand{color:#171717;background:#ff6363}.command-playground{background:#040506;border-radius:20px;place-items:center;padding:24px;display:grid}.command-window{background:#07080a;border:1px solid #ffffff1f;border-radius:12px;width:min(100%,720px);padding:16px}.command-search{background:#111214;border-radius:16px;align-items:center;gap:8px;min-height:48px;padding:0 16px;display:flex}.command-search input{color:#fff;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0;font-size:14px}.command-search:focus-within{outline-offset:2px;outline:2px solid #e6e6e6}.command-results{flex-direction:column;gap:8px;margin-top:8px;display:flex}.command-results button{color:#fff;text-align:left;background:0 0;border-radius:8px;align-items:flex-start;gap:16px;padding:16px;display:flex}.command-results button:hover,.command-results button[aria-pressed=true]{background:#452324}.command-results strong{font-size:14px;font-weight:500;line-height:20px}.command-results small{color:#9c9c9d;margin-top:4px;font-size:12px;line-height:18px;display:block}.command-status{color:#858585;justify-content:space-between;gap:16px;margin-top:16px;font-family:Geist Mono Variable,monospace;font-size:11px;line-height:16px;display:flex}.guide-hero{grid-template-columns:440px 1fr;align-items:center;gap:40px;display:grid}.guide-hero img{border-radius:16px;width:100%;height:auto;display:block}.guide-hero-copy{flex-direction:column;gap:24px;display:flex}.guide-hero-copy h3{margin-bottom:8px}.layout-schematic{border:1px solid var(--detail-line);background:#040506;border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex}.layout-schematic>span,.layout-schematic>div>span{color:#e6e6e6;background:#111214;border-radius:12px;justify-content:center;align-items:center;min-height:48px;font-size:14px;display:flex}.layout-schematic>span:first-child{width:70%}.layout-schematic>div{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.layout-schematic>div>span{border:1px solid var(--detail-line);background:#07080a;min-height:80px}.layout-schematic>span:last-child{color:#9c9c9d;font-family:Geist Mono Variable,monospace;font-size:12px}.guide-imagery{flex-direction:column;gap:24px;display:flex}.guide-imagery h3{margin-bottom:8px}.footer-specimen{background:#040506;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:32px;display:flex}.footer-specimen>div{gap:8px;display:flex}.footer-specimen .font-mono{font-size:12px;line-height:18px}.footer-specimen p:last-child{font-size:12px}.do-avoid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.do-avoid>section{background:#111214;border-radius:20px;padding:24px}.do-avoid ul{color:#9c9c9d;margin:24px 0 0;padding-left:18px;font-size:14px;line-height:22px}@keyframes detail-image-in{0%{opacity:0}to{opacity:1}}@keyframes detail-dot{50%{opacity:.2}}@media (width<=1400px){.reference-detail{padding-inline:40px}.detail-tabs button{padding-inline:12px;font-size:13px}.detail-tabs-shell{gap:16px}.guide-hero{grid-template-columns:38% 1fr}.detail-showcase{gap:32px}.showcase-caption{width:min(1120px,160svh - 384px,100% - 144px)}}@media (width<=1100px){.reference-detail{padding-inline:32px}.detail-tabs button{padding-inline:10px;font-size:12px}.detail-tabs-shell>.detail-pill{padding-inline:12px;font-size:12px}.reference-table col:first-child,.reference-table col:nth-child(2){width:23%}.palette-grid{gap:24px 12px}.color-role{font-size:13px!important}.resource-body{padding:24px}.state-grid{gap:16px}.sample-primary,.sample-secondary{padding-inline:12px;font-size:12px}.type-live{font-size:clamp(14px,4.8vw,var(--sample-size))!important}}@media (prefers-reduced-motion:reduce){.reference-detail *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reference-detail{--detail-surface:#0a0a0a;--detail-well:#1c1c1c;--detail-raised:#232323;--detail-muted:#868686;--detail-line:#ffffff0d;font-family:Geist Variable,Geist,ui-sans-serif,system-ui,sans-serif}.reference-header-breadcrumb{color:#868686;align-items:center;font-size:13px;gap:12px!important;display:flex!important}.reference-header-breadcrumb button{color:#a0a0a0;background:0 0;border:0;padding:0;font-size:13px}.reference-header-breadcrumb button:hover,.reference-header-breadcrumb>span:last-child{color:#f2f2f2}.detail-showcase{width:100%;max-width:1200px;margin-top:24px;padding-bottom:36px;display:block}.detail-screen{border-radius:20px;width:100%;max-width:none}.showcase-arrow{z-index:2;background:#232323;position:absolute;top:calc(50% - 18px);transform:translateY(-50%)}.showcase-arrow:first-child{left:-64px}.showcase-arrow:nth-of-type(2){right:-64px}.showcase-arrow:active{transform:translateY(-50%)scale(.94)}.showcase-caption{color:#868686;width:100%}.detail-tabs{background:#1c1c1c;border-radius:999px;gap:4px;padding:4px}.detail-tabs button{color:#969696;min-height:34px;padding-inline:14px;font-size:13px}.detail-tabs button:hover{color:#f2f2f2;background:#232323}.detail-tabs button[aria-selected=true]{color:#f2f2f2;background:#111}.detail-tabs-shell>.detail-primary{color:#fff;background:#0285f7;font-size:13px}.detail-tabs-shell>.detail-primary:hover{background:#168ff8}.detail-tabs-shell>.detail-primary img{filter:brightness(0)invert()}.detail-content{background:var(--canvas)}.resource-header{background:#1c1c1c}.resource-header button{color:#b3b3b3;min-height:32px;padding-inline:12px;font-size:13px}.resource-header button:hover{color:#f2f2f2;background:#252525}.reference-detail p{color:#969696}.reference-intent,.reference-note,.detail-small-note,.font-card,.prompt-preview{background:#1c1c1c}.reference-intent h2{color:#f2f2f2}.reference-badges span{color:#b9b9b9;background:#232323}.detail-eyebrow{color:#868686}.reference-table{background:#151515;border:0}.reference-table thead th{color:#868686;border-bottom:0;padding:12px 24px;font-size:12px;font-weight:450}.reference-table th,.reference-table td{padding:16px 24px}.reference-table tbody th{font-weight:450}.reference-table tbody td:last-child{color:#969696;font-size:13px}.reference-table tbody code{-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#d2d2d2;letter-spacing:0;background:#232323;border-radius:5px;padding:4px 8px;font-family:Geist Mono Variable,monospace;font-size:11px;line-height:24px;display:inline}.reference-table col:first-child{width:24%}.reference-table col:nth-child(2){width:25%}.type-live,.font-card:first-child .font-phrase{font-family:Inter Variable,Inter,sans-serif}.surface-sample{background:#1c1c1c}.surface-sample:nth-child(3){background:#111}.surface-sample:nth-child(4),.shape-live{background:#232323}.palette-group>h3,.color-hex,.color-role{color:#969696}.font-card .font-phrase{color:#f2f2f2}.font-card .font-meta{color:#969696}.type-sample{background:#151515}.type-metadata{color:#969696}.document-view-tabs{background:#1c1c1c;border-radius:999px;gap:4px;width:fit-content;margin-bottom:20px;padding:4px;display:flex}.document-view-tabs button{color:#868686;background:0 0;border-radius:999px;min-height:30px;padding:0 13px;font-size:12px}.document-view-tabs button[aria-pressed=true]{color:#f2f2f2;background:#111}.documentation-code{background:#1c1c1c;border-radius:20px;padding:8px;overflow:hidden}.code-file-bar{color:#868686;align-items:center;gap:12px;min-height:36px;padding:0 8px 8px;font-size:11px;display:flex}.code-file-bar>span:first-child{color:#c5c5c5;background:#151515;border-radius:8px;align-items:center;padding:5px 10px;display:flex}.code-file-bar a{border-radius:999px;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.code-file-bar a:hover{color:#f2f2f2;background:#292929}.syntax-code{color:#d8dee9;white-space:pre-wrap;overflow-wrap:anywhere;background:#111;border-radius:12px;margin:0;padding:20px 24px;font-family:Geist Mono Variable,monospace;font-size:12px;line-height:23px}.syntax-code code{font:inherit}.syntax-code .token.comment,.syntax-code .token.prolog{color:#6a737d}.syntax-code .token.property,.syntax-code .token.selector{color:#79b8ff}.syntax-code .token.string,.syntax-code .token.attr-value{color:#9ecbff}.syntax-code .token.number,.syntax-code .token.unit{color:#ffab70}.syntax-code .token.function,.syntax-code .token.atrule{color:#b392f0}.syntax-code .token.punctuation{color:#aab1ba}.syntax-code .token.important,.syntax-code .token.keyword{color:#f97583}.markdown-document{color:#b3b3b3;max-width:900px;font-size:14px;line-height:24px}.markdown-document h3{color:#f2f2f2;margin:36px 0 14px;font-size:18px;line-height:26px}.markdown-document h3:first-child{margin-top:0}.markdown-document p{color:#a0a0a0;margin:0 0 16px!important;font-size:14px!important;line-height:25px!important}.markdown-document ul{color:#a0a0a0;margin:12px 0 28px;padding-left:20px}.markdown-document li::marker{color:#666}.markdown-document code{color:#d2d2d2;background:#232323;border-radius:5px;padding:3px 7px;font-family:Geist Mono Variable,monospace;font-size:12px}.markdown-document a{color:#79b8ff;overflow-wrap:anywhere}.markdown-document strong{color:#d6d6d6;font-weight:500}.reference-file-tree{background:#1c1c1c;border-radius:20px;padding:16px 20px}.reference-file-tree summary{cursor:pointer;color:#c9c9c9;align-items:center;gap:8px;font-family:Geist Mono Variable,monospace;font-size:12px;list-style:none;display:flex}.reference-file-tree summary:before{content:"›";font-family:inherit;transition:transform .15s;display:inline-block}.reference-file-tree[open] summary:before{transform:rotate(90deg)}.reference-file-tree ul{margin:12px 0 0;padding:0 0 0 18px;list-style:none}.reference-file-tree li a{color:#a0a0a0;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:12px;display:flex}.reference-file-tree li a:hover{color:#f2f2f2;background:#252525}.reference-file-tree li a>span:last-child{color:#686868;margin-left:auto;font-size:11px}@media (width<=1400px){.showcase-caption{width:100%}.showcase-arrow:first-child{left:-56px}.showcase-arrow:nth-of-type(2){right:-56px}.detail-tabs button{padding-inline:12px}.reference-table td,.reference-table th{padding-inline:20px}}@media (width<=1100px){.reference-detail{padding-inline:64px}.detail-tabs button{padding-inline:10px;font-size:11px}.detail-tabs-shell{gap:12px}.detail-tabs-shell>.detail-primary{padding-inline:12px;font-size:12px}.reference-table col:first-child{width:24%}.reference-table col:nth-child(2){width:28%}.reference-table td,.reference-table th{padding-inline:16px}}.detail-content{background:0 0;border:0;border-radius:0;margin-top:12px;overflow:visible}.resource-header{background:0 0;border:0;padding:20px 0 28px}.resource-header h2{letter-spacing:-.6px;font-size:28px;font-weight:600;line-height:36px}.resource-header button{background:#1c1c1c;border-radius:10px;min-height:36px}.resource-body{padding:0}.documentation-stack{gap:28px}.docs-heading{gap:8px}.docs-heading h2{letter-spacing:-.15px;font-size:18px;font-weight:500;line-height:26px}.docs-heading p{max-width:82ch;font-size:14px;line-height:23px}.documentation-stack>section+section,.docs-token-group,.docs-heading:not(:first-child){border-top:1px solid #ffffff0d;padding-top:24px}.docs-callout{background:#1c1c1c;border-radius:16px;padding:20px 24px}.docs-callout p{color:#a0a0a0;max-width:85ch;font-size:14px;line-height:24px}.reference-note,.detail-small-note{color:#868686;background:#1c1c1c;border-radius:14px}.palette-grid,.palette-group--brand .palette-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.color-sample{background:#1c1c1c;border-radius:16px;gap:10px;padding:12px 12px 16px}.color-sample:hover{background:#232323}.color-chip{border:1px solid #ffffff0d;border-radius:10px;height:76px}.color-sample strong{font-size:13px;line-height:20px}.color-role{font-size:12px;line-height:19px}.color-hex{font-size:11px}.font-card{border-radius:16px}.type-specimens{border:0;border-radius:16px}.type-sample{background:#1c1c1c;border-color:#ffffff0d;padding:24px}.type-live{line-height:1.2!important}.guide-hero{background:#1c1c1c;border-radius:20px;padding:24px}.guide-hero-copy h3{font-size:14px;line-height:20px}.guide-hero-copy p{font-size:13px;line-height:22px}.guide-imagery h3{font-size:14px}.footer-specimen{background:#1c1c1c;border-radius:20px}.footer-specimen .sample-primary{color:#fff;background:#0285f7}.do-avoid>section{background:#1c1c1c;border-radius:16px}.do-avoid h3{font-size:14px;line-height:20px}.do-avoid ul{font-size:13px;line-height:23px}.docs-token-group>h3{margin:0 0 16px;font-size:14px;line-height:22px}.raw-token-source summary{cursor:pointer;color:#a0a0a0;width:fit-content;padding:8px 0;font-size:13px}.raw-token-source .documentation-code{margin-top:16px}@media (width<=1100px){.resource-body{padding:0}.palette-grid,.palette-group--brand .palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.code-is-collapsed .syntax-code{max-height:500px;overflow:hidden}.code-expander{color:#969696;background:#1c1c1c;border-radius:0 0 12px 12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px;font-size:12px;display:flex}.code-expander:hover{color:#f2f2f2}.setup-tabs{background:#1c1c1c;border-radius:999px;align-items:center;gap:4px;width:fit-content;padding:4px;display:flex}.setup-tabs button{color:#868686;background:0 0;border-radius:999px;min-height:32px;padding:0 14px;font-size:12px}.setup-tabs button[aria-pressed=true]{color:#f2f2f2;background:#111}.setup-download{background:#1c1c1c;border-radius:20px;padding:8px}.setup-download .reference-file-tree{background:#151515;border-radius:12px}.setup-download-footer{justify-content:space-between;align-items:center;gap:24px;padding:16px;display:flex}.setup-download-footer p{font-size:12px}.setup-download-footer a{color:#d2d2d2;align-items:center;gap:8px;font-size:12px;display:flex}@media (prefers-reduced-motion:reduce){.setup-tabs button,.reference-file-tree summary:before{transition:none!important}}.reference-detail .copy-action,.reference-detail .resource-header .copy-action{color:#d8d8d8;font:inherit;cursor:pointer;white-space:nowrap;background:#232323;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:12px;display:inline-flex}.reference-detail .copy-action:hover{color:#fff;background:#303030}.reference-table tbody th{color:#e5e5e5;overflow-wrap:anywhere;font-family:inherit;font-size:13px;font-weight:450}.token-color-value{vertical-align:middle;align-items:center;gap:8px;display:inline-flex}.token-color-swatch{background:repeating-conic-gradient(#454545 0 25%,#292929 0 50%) 0/6px 6px;border-radius:4px;flex-shrink:0;width:14px;height:14px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff26}.token-color-swatch i{position:absolute;inset:0}.reference-detail .arc-code-block{background:#232323;border:1px solid #ffffff0d;border-radius:20px;padding:0;overflow:hidden}.reference-detail .arc-code-block .code-file-bar{color:#aaa;background:#1b1b1b;align-items:center;gap:9px;min-height:46px;padding:7px 14px;font:12px Geist Mono Variable,monospace;display:flex}.reference-detail .arc-code-block .code-file-bar .copy-action{background:0 0;margin-left:auto;font-family:Geist Variable,sans-serif}.reference-detail .arc-code-block .code-file-bar .copy-action:hover{background:#2c2c2c}.reference-detail .syntax-code.syntax-numbered{white-space:pre-wrap;overflow-wrap:anywhere;background:#232323;border-radius:0;margin:0;padding:18px 20px 22px 0;font:12px/23px Geist Mono Variable,monospace}.syntax-numbered>code{display:block}.code-line{grid-template-columns:48px minmax(0,1fr);min-height:23px;display:grid}.code-line-number{text-align:right;color:#747474;-webkit-user-select:none;user-select:none;padding-right:16px}.code-line-content{white-space:pre-wrap;min-width:0}.reference-detail .arc-code-block.code-is-collapsed .syntax-code{max-height:500px;overflow:hidden}.reference-detail .arc-code-block .code-expander{color:#bcbcbc;cursor:pointer;background:#1b1b1b;border:0;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:7px;width:100%;padding:12px;font:12px Geist Variable,sans-serif;display:flex}.reference-detail .arc-code-block .code-expander:hover{background:#292929}.visual-system-v2{gap:44px}.vs-section{flex-direction:column;gap:22px;display:flex}.vs-section+.vs-section{border-top:1px solid #ffffff0d;padding-top:32px}.vs-section .docs-heading{border:0;margin:0;padding:0}.vs-section h3{margin:0;font-size:14px;font-weight:500}.vs-footnote{color:#929292;margin:0;font-size:12px;line-height:20px}.vs-accent{text-align:left;color:#ddd;cursor:pointer;background:#1c1c1c;border:1px solid #ffffff0d;border-radius:18px;align-items:center;gap:20px;width:100%;padding:20px;display:flex}.vs-accent-chip{border-radius:14px;flex-shrink:0;width:76px;height:76px}.vs-accent-info{flex:1;gap:6px;display:grid}.vs-accent-info strong{color:#f2f2f2;font-size:14px;font-weight:500}.vs-accent-info code{color:#aaa;font:11px Geist Mono Variable,monospace}.vs-accent-info>span{color:#999;font-size:12px}.vs-accent-example{color:#fff;background:#0285f7;border-radius:999px;padding:10px 18px;font-size:12px}.vs-palette-group{gap:12px;display:grid}.vs-palette-group>h3{color:#999;font-size:12px;font-weight:450}.vs-color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.vs-color{text-align:left;cursor:pointer;color:#f2f2f2;background:#1c1c1c;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:stretch;min-width:0;padding:12px;transition:background .15s;display:flex}.vs-color:hover{background:#232323}.vs-swatch{border-radius:10px;justify-content:center;align-items:center;height:88px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d}.vs-swatch-text{background:#151515;font:500 38px Inter Variable,sans-serif}.vs-swatch>span{color:#ccc;background:#2d2d2d;border-radius:8px;padding:7px 15px;font-size:12px}.vs-swatch-border{box-shadow:none;background:#151515}.vs-swatch-border i{border:1px solid #ffffff0d;border-radius:12px;width:70%;height:48px}.vs-color-name{justify-content:space-between;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.vs-color-name svg{color:#888}.vs-color>code{color:#a0a0a0;margin-top:7px;font:11px Geist Mono Variable,monospace}.vs-fonts{grid-template-columns:1fr 1fr;gap:16px;display:grid}.vs-fonts article{background:#1c1c1c;border:1px solid #ffffff0d;border-radius:18px;padding:22px}.vs-fonts article>div{justify-content:space-between;align-items:center;display:flex}.vs-fonts article>div span{color:#929292;font-size:11px}.vs-fonts p{color:#f2f2f2;margin:26px 0;font-size:32px;line-height:40px}.vs-fonts footer{color:#929292;font-size:11px;line-height:19px}.vs-type-explorer{background:#1c1c1c;border:1px solid #ffffff0d;border-radius:18px;grid-template-columns:200px minmax(0,1fr);display:grid;overflow:hidden}.vs-type-options{background:#191919;flex-direction:column;gap:4px;padding:12px;display:flex}.vs-type-options button{color:#aaa;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;font:12px Geist Variable,sans-serif;display:flex}.vs-type-options button[aria-pressed=true]{color:#fff;background:#2a2a2a}.vs-type-options button:hover{background:#242424}.vs-type-options code{color:#999;font:10px Geist Mono Variable,monospace}.vs-type-preview{min-width:0;padding:20px 24px}.vs-type-toolbar{color:#999;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.vs-type-stage{align-items:center;min-height:175px;padding:24px 0;display:flex}.vs-type-stage p{overflow-wrap:anywhere;color:#f2f2f2;margin:0;font-family:Inter Variable,sans-serif}.vs-type-input{color:#999;flex-direction:column;gap:8px;font-size:11px;display:flex}.vs-type-input input{color:#c5c5c5;background:#151515;border:1px solid #ffffff0d;border-radius:8px;width:100%;padding:10px 12px;font:12px Geist Variable,sans-serif}.vs-type-properties{color:#999;gap:28px;margin-top:20px;font-size:11px;display:flex}.vs-type-properties strong{color:#ddd;margin-left:8px;font-weight:450}.vs-type-usage{color:#929292;margin:16px 0 0;font-size:12px;line-height:20px}.vs-reference-details{border:1px solid #ffffff0d;border-radius:14px;overflow:hidden}.vs-reference-details>summary{color:#b5b5b5;cursor:pointer;background:#1c1c1c;justify-content:space-between;align-items:center;padding:16px 18px;font-size:12px;list-style:none;display:flex}.vs-reference-details>summary::-webkit-details-marker{display:none}.vs-reference-details[open]>summary svg{transform:rotate(180deg)}.vs-reference-details .reference-table{border-radius:0;margin:0}.vs-spacing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.vs-spacing{background:#1c1c1c;border:1px solid #ffffff0d;border-radius:16px;padding:16px}.vs-space-demo{background:#151515;border-radius:10px;justify-content:center;align-items:center;height:128px;margin-bottom:16px;display:flex}.vs-space-demo i{background:#6a6a6a;border-radius:3px;display:block}.vs-space-unit{gap:8px}.vs-space-unit i{width:8px;height:8px}.vs-space-unit i+i{display:none}.vs-space-gap{gap:16px}.vs-space-gap i{background:#3a3a3a;width:40px;height:34px}.vs-space-padding{border:24px solid #ffffff08;height:128px;margin-left:20px;margin-right:20px}.vs-space-padding i{background:#3a3a3a;width:100%;height:100%}.vs-space-section{flex-direction:column;gap:80px}.vs-space-section i{background:#3a3a3a;width:80px;height:10px}.vs-spacing-caption,.vs-surface-caption{justify-content:space-between;align-items:center;gap:8px;display:flex}.vs-spacing-caption strong,.vs-surface-caption strong{color:#eee;font-size:13px;font-weight:450}.vs-spacing-caption code,.vs-surface-caption code{color:#999;font:10px Geist Mono Variable,monospace}.vs-spacing p,.vs-surfaces p{color:#929292;margin:10px 0 0;font-size:12px;line-height:20px}.vs-shape-heading{justify-content:space-between;align-items:center;display:flex}.vs-shape-heading>span{color:#929292;font-size:11px}.vs-radii{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.vs-radii>button{text-align:left;cursor:pointer;color:#ddd;background:#1c1c1c;border:1px solid #ffffff0d;border-radius:14px;padding:12px}.vs-radii>button:hover{background:#232323}.vs-radius-stage{background:#151515;border-radius:8px;justify-content:center;align-items:center;height:104px;display:flex}.vs-radius-demo{background:#292929;border:1px solid #ffffff15;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-size:10px;display:flex}.vs-radius-1{padding:10px 15px}.vs-radius-2,.vs-radius-3,.vs-radius-4{flex-direction:column;align-items:flex-start;gap:6px;width:70px;height:64px;padding:12px}.vs-radius-demo i{background:#777;border-radius:2px;width:30px;height:3px;display:block}.vs-radius-demo i:first-child{background:#aaa;width:18px}.vs-radius-demo i:last-child{width:22px}.vs-radius-caption{justify-content:space-between;align-items:center;gap:5px;margin-top:12px;display:flex}.vs-radius-caption strong{font-size:11px;font-weight:450}.vs-radius-caption code{color:#999;font:10px Geist Mono Variable,monospace}.vs-surfaces{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.vs-surfaces>article{min-width:0}.vs-surface-stage{background:#151515;border:1px solid #ffffff0d;border-radius:14px;justify-content:center;align-items:center;height:154px;margin-bottom:16px;display:flex}.vs-mini-page{background:#151515;align-items:flex-end;gap:7px;width:70%;height:80px;display:flex}.vs-mini-page i{background:#1c1c1c;border-radius:6px;flex:1;height:75%}.vs-mini-page i:nth-child(2){height:100%}.vs-mini-card{background:#1c1c1c;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:10px;width:70%;height:88px;padding:18px;display:flex}.vs-mini-card i{background:#484848;border-radius:2px;width:90%;height:4px}.vs-mini-card i:first-child{background:#888;width:42%}.vs-mini-card i:last-child{width:65%}.vs-surface-code{background:#1c1c1c}.vs-surface-code>span{background:#111;border-radius:8px;padding:15px 12px}.vs-surface-code code{color:#b5b5b5;font:11px Geist Mono Variable,monospace}.vs-surface-code code i{color:#82b7f2;font-style:normal}.vs-surface-control{background:#1c1c1c}.vs-surface-control>span{color:#ddd;background:#232323;border-radius:8px;align-items:center;gap:20px;padding:12px 15px;font-size:12px;display:flex}@media (width<=1200px){.vs-radii{grid-template-columns:repeat(3,minmax(0,1fr))}.vs-accent-example{display:none}.vs-spacing-grid,.vs-surfaces{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-color-grid{gap:10px}.vs-type-explorer{grid-template-columns:165px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.vs-color{transition:none}}.reference-detail .copy-action:disabled{opacity:.4;cursor:default}.syntax-code .token.title{color:#82b7f2}.syntax-code .token.bold{color:#eee;font-weight:500}.syntax-code .token.url{color:#9ccfbc}.resource-header{align-items:center;padding:32px 0}.reference-detail .resource-header{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.reference-detail .resource-header .resource-view-switch{flex-shrink:0;margin:0}.reference-detail .resource-header .resource-view-switch button{background:0 0;border-radius:999px;min-height:30px;padding:0 13px}.reference-detail .resource-header .resource-view-switch button[aria-pressed=true]{background:#111}.reference-detail .resource-body .docs-heading--controls{flex-flow:wrap;justify-content:space-between;align-items:center;gap:24px}.reference-detail .resource-body .docs-heading--controls .setup-tabs{align-self:auto;margin:0}.reference-detail .resource-body .docs-heading--controls+.prompt-scenario-description{margin-top:12px}.resource-header h2{letter-spacing:-.8px;color:var(--doc-title);font-size:32px;font-weight:500;line-height:38px}.resource-body p{color:var(--doc-description);margin:0;font-size:14px;line-height:22px}.resource-body .documentation-stack{gap:0}.documentation-stack>*+*{margin-top:24px}.documentation-stack>.docs-heading:not(:first-child){padding-top:24px}.documentation-stack>.docs-heading+*{margin-top:18px}.resource-body .docs-heading{gap:0;margin-bottom:0}.resource-body .docs-heading h2{letter-spacing:0;color:var(--doc-title);margin:0;font-size:17px;font-weight:500;line-height:24px}.resource-body .docs-heading p{max-width:76ch;color:var(--doc-description);margin:6px 0 0;font-size:14px;line-height:22px}.resource-body .detail-eyebrow{letter-spacing:.7px;color:var(--doc-meta);font-size:11px;font-weight:500;line-height:16px}.resource-body .detail-eyebrow+h2{margin-top:10px}.resource-body .reference-note,.resource-body .vs-footnote{color:var(--doc-meta);margin-top:24px;padding:16px 20px;font-size:13px!important;line-height:21px!important}.resource-body .vs-footnote{padding:0}.resource-body .docs-callout{padding:20px 24px}.resource-body .docs-callout p{color:var(--doc-description);margin:0;font-size:14px;line-height:22px}.resource-body .vs-section{gap:0}.vs-section>*+*{margin-top:24px}.resource-body .vs-section>.docs-heading{margin-top:0}.vs-section>.docs-heading+*{margin-top:18px}.resource-body .vs-palette-group{gap:14px}.resource-body .vs-palette-group>h3,.resource-body .vs-shape-heading h3{color:var(--doc-title);font-size:16px;font-weight:500;line-height:24px}.vs-color{padding:16px}.vs-color-name{margin-top:16px;font-size:14px;line-height:20px}.vs-color>code{color:var(--doc-meta);margin-top:6px;font-size:12px;line-height:18px}.vs-color-role{color:var(--doc-description);margin-top:8px;font-size:13px;line-height:20px}.vs-accent{gap:20px;padding:24px}.vs-accent-info{gap:6px}.vs-accent-info strong{font-size:16px;font-weight:500;line-height:24px}.vs-accent-info code{color:var(--doc-meta);font-size:12px;line-height:18px}.vs-accent-info>span{color:var(--doc-description);margin-top:2px;font-size:14px;line-height:22px}.vs-fonts article{padding:24px}.vs-fonts article h3{font-size:16px;line-height:24px}.vs-fonts article>div span,.vs-fonts footer{color:var(--doc-meta);font-size:12px;line-height:20px}.resource-body .vs-fonts article>p{color:var(--doc-title);margin:28px 0;font-size:32px;line-height:40px}.vs-type-preview{padding:24px}.vs-type-toolbar,.vs-type-options button{font-size:13px;line-height:20px}.vs-type-toolbar{color:var(--doc-meta)}.resource-body .vs-type-stage p{color:var(--doc-title)}.vs-type-input{color:var(--doc-meta);gap:8px;font-size:12px;line-height:18px}.vs-type-input input{padding:10px 12px;font-size:13px;line-height:20px}.vs-type-properties{margin-top:20px;font-size:12px;line-height:20px}.resource-body .vs-type-usage{color:var(--doc-description);margin-top:12px;font-size:13px;line-height:21px}.vs-reference-details>summary{padding:16px 20px;font-size:13px;line-height:20px}.vs-spacing{padding:20px}.vs-spacing-caption strong,.vs-surface-caption strong{font-size:14px;line-height:20px}.vs-spacing-caption code,.vs-surface-caption code{color:var(--doc-meta);font-size:11px;line-height:18px}.resource-body .vs-spacing p,.resource-body .vs-surfaces p{color:var(--doc-description);margin-top:8px;font-size:13px;line-height:20px}.vs-shape-heading>span{color:var(--doc-meta);font-size:12px;line-height:18px}.vs-radii>button{padding:16px}.vs-radius-caption strong{font-size:12px;line-height:18px}.vs-radius-caption code{color:var(--doc-meta);font-size:11px;line-height:18px}.resource-body .guide-hero{gap:32px;padding:28px}.guide-hero-copy{gap:24px}.resource-body .guide-hero-copy h3,.resource-body .guide-imagery h3,.resource-body .do-avoid h3{color:var(--doc-title);margin:0 0 6px;font-size:16px;font-weight:500;line-height:24px}.resource-body .guide-hero-copy p,.resource-body .guide-imagery p{color:var(--doc-description);max-width:76ch;margin:0;font-size:14px;line-height:22px}.guide-imagery{gap:24px}.do-avoid>section{padding:24px}.do-avoid ul{color:var(--doc-description);margin:16px 0 0;font-size:14px;line-height:22px}.do-avoid li+li{margin-top:8px}.resource-body .footer-specimen p{color:var(--doc-meta);font-size:13px;line-height:21px}.resource-body .document-view-tabs{margin-bottom:24px}.resource-body .token-view-tabs{margin:0}.documentation-stack>.token-view-tabs+.docs-heading{margin-top:24px;padding-top:0}.resource-body .docs-token-group{padding-top:24px}.resource-body .docs-token-group>h3{letter-spacing:0;color:var(--doc-title);margin:0 0 18px;font-size:17px;font-weight:500;line-height:24px}.reference-table thead th{color:var(--doc-meta);padding:12px 20px;font-size:12px;line-height:18px}.reference-table tbody th,.reference-table tbody td{padding:16px 20px}.reference-table tbody th{color:#e6e6e6;font-size:14px;font-weight:450;line-height:22px}.reference-table tbody td:last-child{color:var(--doc-description);font-size:14px;line-height:22px}.reference-table tbody code{font-size:12px;line-height:22px}.markdown-document{color:var(--doc-description);font-size:14px;line-height:22px}.resource-body .markdown-document h3{letter-spacing:0;color:var(--doc-title);margin:48px 0 8px;font-size:17px;font-weight:500;line-height:24px}.resource-body .markdown-document h3:first-child{margin-top:0}.resource-body .markdown-document p{color:var(--doc-description);margin:0 0 16px!important;font-size:14px!important;line-height:22px!important}.markdown-document ul{color:var(--doc-description);margin:12px 0 0;padding-left:20px;font-size:14px;line-height:22px}.markdown-document li+li{margin-top:8px}.resource-body .arc-code-block .code-file-bar{min-height:48px;padding:8px 16px}.resource-body .syntax-code.syntax-numbered{padding-top:20px;padding-bottom:24px}.setup-tabs{margin-top:18px}.reference-file-tree{padding:20px}.reference-file-tree summary{font-size:13px;line-height:20px}.reference-file-tree ul{margin-top:16px}.reference-file-tree li a{padding:12px;font-size:13px;line-height:20px}.reference-file-tree li a>span:last-child{color:var(--doc-meta);font-size:12px}.setup-download-footer{padding:20px 16px}.resource-body .setup-download-footer p{color:var(--doc-description);font-size:13px;line-height:20px}.prompt-preview{color:#c4c4c4;padding:24px;line-height:24px}@media (width<=1100px){.resource-header{padding:28px 0}.resource-body .guide-hero{gap:24px;padding:24px}.vs-color{padding:14px}.vs-spacing{padding:16px}.vs-radii>button{padding:12px}.reference-table tbody th,.reference-table tbody td,.reference-table thead th{padding-inline:16px}}.resource-body .docs-heading:not(:first-child),.resource-body .documentation-stack>section+section,.resource-body .docs-token-group,.resource-body .vs-section+.vs-section{border-top:0}.documentation-stack>.docs-heading:not(:first-child){margin-top:48px;padding-top:0}.resource-body .vs-section+.vs-section{margin-top:56px;padding-top:0}.resource-body .docs-token-group{margin-top:48px;padding-top:0}.documentation-stack>.token-view-tabs+.docs-heading{border:0;margin-top:32px;padding-top:0}.documentation-stack>.docs-heading+.docs-token-group{margin-top:32px}.reference-table tbody code{vertical-align:middle;-webkit-box-decoration-break:slice;box-decoration-break:slice;border-radius:5px;padding:3px 7px;font-size:12px;line-height:16px;display:inline-block}.token-color-value{align-items:center;gap:8px;line-height:22px;display:inline-flex}.token-color-value>code{flex:0 auto}.token-color-swatch{width:14px;height:14px}.vs-spacing-grid{gap:32px}.resource-body .vs-spacing{background:0 0;border:0;border-radius:0;padding:0}.vs-space-demo{background:0 0;border-radius:0;height:120px;margin-bottom:20px}.vs-space-padding{border:24px solid #ffffff08;border-radius:8px;margin-inline:20px}.vs-radii{gap:24px}.resource-body .vs-radii>button{background:0 0;border:0;border-radius:0;padding:0}.vs-radii>button:hover .vs-radius-demo{background:#333}.vs-radius-stage{background:0 0;border-radius:0;height:100px}.vs-radius-caption strong{font-size:13px}.vs-reference-details{border:0;border-radius:0}.vs-reference-details>summary{background:0 0;padding:12px 0}.vs-surface-composition{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding:12px 0;display:grid}.vs-surface-preview{flex-direction:column;align-items:center;gap:18px;padding:12px 24px;display:flex}.vs-surface-panel{background:#1c1c1c;border-radius:16px;width:100%;max-width:340px;padding:24px}.resource-body .vs-surface-panel h3{font-size:16px;font-weight:500;line-height:24px}.resource-body .vs-surface-panel p{color:var(--doc-description);margin-top:6px;font-size:13px;line-height:21px}.vs-surface-inline-code{background:#111;border-radius:8px;margin-top:20px;padding:14px}.vs-surface-inline-code code{color:#b6c5d8;font:12px/20px Geist Mono Variable,monospace}.vs-surface-selection{color:#ddd;background:#232323;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;margin-top:12px;padding:10px 14px;font-size:13px;line-height:20px;display:flex}.vs-canvas-caption{color:var(--doc-meta);font:11px/18px Geist Mono Variable,monospace}.vs-surface-legend{gap:24px;margin:0;padding:0;display:grid}.vs-surface-legend dt{color:var(--doc-title);align-items:center;gap:10px;font-size:14px;line-height:22px;display:flex}.vs-surface-legend dt code{color:var(--doc-meta);margin-left:auto;font:11px/18px Geist Mono Variable,monospace}.vs-legend-swatch{border-radius:4px;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 0 1px #ffffff15}.vs-surface-legend dd{color:var(--doc-description);margin:6px 0 0 24px;font-size:13px;line-height:21px}@media (width<=1100px){.vs-spacing-grid{gap:24px}.vs-surface-composition{gap:32px}.vs-surface-preview{padding-inline:0}}.resource-body .palette-view-tabs{margin-bottom:0}.vs-source-palette{gap:40px;display:grid}.vs-source-palette .vs-color-grid{gap:28px 20px}.vs-source-palette .vs-color{background:0 0;border:0;border-radius:0;padding:0}.vs-source-palette .vs-color:hover .vs-swatch{box-shadow:inset 0 0 0 1px #ffffff35}.vs-source-palette .vs-swatch{border-radius:16px;height:88px}.vs-source-palette .vs-color-name{margin-top:14px}.vs-source-palette .vs-color-role{font-size:13px;line-height:21px}.vs-source-palette .vs-palette-group>h3{color:var(--doc-meta);font-size:12px;font-weight:450;line-height:18px}.vs-spacing-scale{gap:20px;padding:8px 0;display:grid}.vs-measurement{grid-template-columns:minmax(180px,1fr) 72px minmax(150px,1fr);align-items:center;gap:24px;display:grid}.vs-measurement strong{color:var(--doc-title);font-size:14px;font-weight:450;line-height:22px}.resource-body .vs-measurement p{color:var(--doc-meta);margin-top:4px;font-size:13px;line-height:20px}.vs-measurement>code{color:#b4b4b4;font:12px/20px Geist Mono Variable,monospace}.vs-measurement-preview{align-items:center;min-height:32px;display:flex}.vs-measurement-preview i{background:#9c9c9d;border-radius:3px;height:12px;display:block}.vs-radius-stage{justify-content:flex-start;height:80px}.vs-radius-corner{background:linear-gradient(135deg,#ffffff08,#0000 75%);border-top:2px solid #b4b4b4;border-left:2px solid #b4b4b4;width:64px;height:64px;display:block}.vs-radius-caption{margin-top:12px}.vs-layer-stack{width:100%;max-width:440px;height:252px;margin:12px auto;position:relative}.vs-layer-stack>div{color:#ddd;border:1px solid #ffffff15;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;height:148px;padding:6px 14px;font-size:12px;line-height:20px;display:flex;position:absolute;right:0}.vs-layer-stack>div>code{color:#949494;font:11px/20px Geist Mono Variable,monospace}.vs-layer-action{border-radius:8px;padding:8px 14px;font-size:12px;line-height:20px;position:absolute;bottom:22px;left:18px}.resource-body .design-token-section{border:0;flex-direction:column;gap:18px;margin-top:48px;padding-top:0;display:flex}.resource-body .design-tokens>.design-token-section:first-of-type{margin-top:32px}.resource-body .design-token-section>.docs-heading{border:0;margin:0;padding:0}.design-token-section>.vs-source-palette{margin-top:4px}.reference-table.token-font-table col:first-child{width:16%}.reference-table.token-font-table col:nth-child(2){width:25%}.reference-table.token-font-table col:nth-child(3){width:19%}.reference-table.token-font-table col:nth-child(4){width:40%}.reference-table.token-font-table td:nth-child(2),.reference-table.token-type-table td:nth-child(2){letter-spacing:0;color:var(--doc-description);font:14px/22px Geist Variable,sans-serif}.reference-table.token-type-table col:nth-child(n+3){width:13%}.reference-table.token-type-table th,.reference-table.token-type-table td{padding-inline:16px}.reference-table.token-type-table td:last-child{font-size:12px}.resource-body .design-token-note{margin-top:32px;padding:0;font-size:12px!important;line-height:20px!important}.detail-context-bar{max-width:1200px;margin:0 auto}.detail-context-pill{background:#1c1c1c;border-radius:999px;align-items:center;gap:9px;width:fit-content;margin:0;padding:8px 14px;font-size:13px;line-height:20px;list-style:none;display:flex}.detail-context-pill li{align-items:center;display:flex}.detail-context-pill a{color:#a2a2a2;transition:color .15s}.detail-context-pill a:hover{color:#f2f2f2}.detail-context-pill svg{color:#737373}.detail-context-pill [aria-current=page]{color:#e6e6e6}.resource-body .reference-table{background:#1c1c1c;border:0;border-radius:20px;padding:8px;overflow:hidden}.reference-table table{border-collapse:separate;border-spacing:0;background:0 0}.reference-table thead{background:0 0}.reference-table thead th{color:#949494;background:0 0;border:0;padding:8px 16px 12px;font-size:12px;font-weight:450;line-height:18px}.reference-table tbody th,.reference-table tbody td{vertical-align:top;background:#151515;border-bottom:1px solid #ffffff0d;padding:14px 16px}.reference-table tbody td:last-child{color:#a0a0a0}.reference-table tbody tr:first-child>:first-child{border-top-left-radius:12px}.reference-table tbody tr:first-child>:last-child{border-top-right-radius:12px}.reference-table tbody tr:last-child>*{border-bottom:0}.reference-table tbody tr:last-child>:first-child{border-bottom-left-radius:12px}.reference-table tbody tr:last-child>:last-child{border-bottom-right-radius:12px}.reference-detail .resource-body .prompt-code-block{background:#1c1c1c;border:0;border-radius:20px;padding:0 8px 8px}.reference-detail .resource-body .prompt-code-block .code-file-bar{background:0 0;min-height:48px;padding:8px 12px;font-family:Geist Variable,sans-serif}.prompt-code-block .code-file-bar>span:first-child{color:#ededed;background:0 0;border-radius:0;padding:0;font-size:13px;font-weight:500;line-height:20px}.reference-detail .resource-body .prompt-code-block .copy-action{background:0 0}.reference-detail .resource-body .prompt-code-block .copy-action:hover{background:#292929}.prompt-inset-text{color:#c9c9c9;white-space:pre-wrap;overflow-wrap:anywhere;background:#111;border-radius:12px;margin:0;padding:18px 20px;font:13px/24px Geist Mono Variable,monospace}.prompt-inset-text code{font:inherit}@media (width<=1100px){.reference-table thead th,.reference-table tbody th,.reference-table tbody td{padding-inline:14px}}.ai-reference-stack .setup-download{background:#1c1c1c;border-radius:20px;padding:0 8px 8px}.ai-reference-stack .setup-download .reference-file-tree{background:0 0;border-radius:0;padding:0}.ai-reference-stack .reference-file-tree summary{min-height:48px;padding:12px;font-size:13px;line-height:20px}.ai-reference-stack .reference-file-tree ul{background:#111;border-radius:12px;margin:0;padding:8px}.ai-reference-stack .reference-file-tree li a{padding:12px 14px}.ai-reference-stack .setup-download-footer{padding:16px 12px 8px}.detail-context-bar{justify-content:space-between;align-items:center;gap:24px;display:flex}.detail-reference-controls{align-items:center;gap:8px;display:flex}.reference-step{color:#e6e6e6;cursor:pointer;background:#232323;border-radius:999px;place-items:center;width:36px;height:36px;padding:0;transition:background .15s,transform .15s;display:grid}.reference-step:hover{background:#303030}.reference-step:active{transform:scale(.94)}.overview-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.inset-reference-card{background:#1c1c1c;border-radius:24px;flex-direction:column;padding:8px;display:flex}.reference-detail .inset-reference-card h3{margin:0;padding:10px 18px 12px;font-size:15px;font-weight:500;line-height:22px}.inset-reference-card>div{background:#131313;border-radius:18px;flex-direction:column;flex:1;gap:16px;min-height:156px;padding:20px 16px;display:flex}.reference-detail .inset-reference-card p{color:#b4b4b4;margin:0;font-size:14px;line-height:23px}.inset-reference-card a{color:#f2f2f2;align-items:center;gap:8px;margin-top:auto;font-size:13px;display:inline-flex}.inset-reference-card a img{width:14px;height:14px}.overview-card-note{color:#969696;margin-top:auto;font-size:12px;line-height:20px}.reference-detail .resource-body .overview-summary-grid :is(p,.overview-card-note){font-size:15px;font-weight:450;line-height:24px}.inset-reference-card .overview-theme{justify-content:space-between;gap:16px}.theme-palette{border-radius:12px;flex:1;gap:0;min-height:64px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.theme-palette span{flex:1;min-width:0}.reference-detail .reference-ownership-note{color:#969696;max-width:940px;margin:0;font-size:13px;line-height:22px}.reference-ownership-note a{color:#d6d6d6;text-underline-offset:3px;text-decoration:underline}.reference-detail .reference-usage-note{color:#b4b4b4;max-width:900px;margin:0;font-size:14px;line-height:23px}.guide-comparison-frame{background:#1c1c1c;border-radius:20px;padding:8px}.guide-comparison-heading,.guide-comparison-row{grid-template-columns:1fr 1fr;gap:32px;display:grid}.guide-comparison-heading{color:#fff;padding:12px 20px 18px;font-size:14px;font-weight:450}.guide-comparison-body{background:#131313;border-radius:12px;overflow:hidden}.guide-comparison-row{padding:20px}.guide-comparison-row+.guide-comparison-row{border-top:1px solid #ffffff0d}.reference-detail .guide-comparison-row p{color:#b4b4b4;margin:0;font-size:14px;line-height:23px}.reference-detail .code-file-bar{position:relative}.reference-detail .resource-body .icon-copy-action{border-radius:999px;place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;display:grid}.copy-icon-swap{place-items:center;animation:.16s ease-out copy-icon-in;display:grid}@keyframes copy-icon-in{0%{opacity:0;transform:translateY(3px)scale(.8)}to{opacity:1;transform:none}}.code-format-tabs{background:#181818;border-radius:999px;gap:4px;padding:3px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.reference-detail .code-format-tabs button{color:#969696;cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font:500 12px/18px Geist Variable,sans-serif}.reference-detail .code-format-tabs button[aria-pressed=true]{color:#f2f2f2;background:#2a2a2a}.prompt-scenarios{flex-wrap:wrap;align-self:flex-start}.reference-detail .prompt-scenario-description{color:#b4b4b4;margin:0;font-size:14px;line-height:22px}.ai-reference-stack .prompt-scenarios+.prompt-scenario-description{margin-top:12px}@media (width<=1000px){.overview-summary-grid{grid-template-columns:1fr}.inset-reference-card>div{min-height:120px}}@media (prefers-reduced-motion:reduce){.copy-icon-swap{animation:none}}.reference-detail .overview-summary-grid+.reference-ownership-note{margin-top:24px}.reference-detail{--doc-font:"Geist Variable", Geist, ui-sans-serif, system-ui, sans-serif;--doc-description:lab(55.92% -.0000298023 0);--doc-meta:lab(55.92% -.0000298023 0);--doc-title:#fff;--doc-frame:#191919;--doc-inset:#101010;--doc-frame-radius:20px;--doc-inset-radius:12px}.reference-detail .resource-body{font-family:var(--doc-font);letter-spacing:normal;font-size:14px;font-weight:450;line-height:24px}.reference-detail .resource-body :is(p,li,.overview-card-note,.vs-color-role,.reference-file-tree a,.setup-download-footer a,.reference-source-links a){font-family:var(--doc-font);letter-spacing:normal;color:var(--doc-description);font-size:14px;font-weight:450;line-height:24px}.reference-detail .resource-body :is(.reference-note,.detail-small-note,.vs-footnote,.design-token-note){color:var(--doc-description);font-size:14px!important;line-height:24px!important}.reference-detail .resource-body :is(.docs-heading p,.guide-hero-copy p,.guide-comparison-row p,.reference-ownership-note,.reference-usage-note,.prompt-scenario-description,.inset-reference-card p,.docs-callout p){font:450 14px/24px var(--doc-font);letter-spacing:normal;color:var(--doc-description)}.reference-detail .resource-body .markdown-document{max-width:80ch;font:450 14px/24px var(--doc-font);color:var(--doc-description)}.reference-detail .resource-body .markdown-document p{font-size:14px!important;line-height:24px!important}.reference-detail .resource-body .markdown-document li{font-size:14px;line-height:24px}.reference-detail .resource-body .markdown-document li+li,.reference-detail .resource-body .docs-heading p{margin-top:8px}.reference-detail .resource-body .reference-table :is(tbody th,tbody td){font-family:var(--doc-font);letter-spacing:normal;font-size:14px;font-weight:450;line-height:20px}.reference-detail .resource-body .reference-table tbody th{color:var(--doc-title);font-weight:450}.reference-detail .resource-body .reference-table tbody td{color:var(--doc-description)}.reference-detail .resource-body .reference-table thead th{font:450 14px/20px var(--doc-font);color:var(--doc-meta)}.reference-detail .resource-body .reference-table code{font:400 12px/16px Geist Mono Variable,monospace}.reference-detail .resource-body :is(.vs-palette-group>h3,.vs-color-name,.reference-file-tree summary,.prompt-code-block .code-file-bar>span:first-child){font:500 14px/20px var(--doc-font);color:var(--doc-title)}.reference-detail .resource-body .reference-file-tree li a>span:last-child{font:450 14px/20px var(--doc-font);color:var(--doc-description)}.reference-detail .resource-body .inset-reference-card a{font:450 14px/20px var(--doc-font);color:var(--doc-title)}.reference-detail .resource-body :is(.syntax-code,.prompt-inset-text){font-size:14px;line-height:24px}.reference-detail .resource-body :is(.reference-table,.setup-download,.prompt-code-block,.arc-code-block,.inset-reference-card,.guide-comparison-frame){border-radius:var(--doc-frame-radius);background:var(--doc-frame);overflow:hidden}.reference-detail .resource-body :is(.reference-file-tree ul,.prompt-inset-text,.syntax-code,.inset-reference-card>div,.guide-comparison-body){border-radius:var(--doc-inset-radius);background:var(--doc-inset)}.reference-detail .resource-body .reference-table tbody :is(th,td){background:var(--doc-inset)}.reference-detail .resource-body .ai-reference-stack .reference-file-tree{background:0 0;border-radius:0}.reference-detail .resource-body .prompt-scenarios{margin-bottom:0}.reference-detail .resource-body .prompt-scenarios+.prompt-scenario-description{margin-top:12px}.reference-detail .resource-body .prompt-scenario-description+.prompt-code-block{margin-top:24px}.reference-detail .resource-body .arc-code-block{position:relative}.reference-detail .resource-body .arc-code-block:not(.prompt-code-block){border:0;padding:0 8px 8px}.reference-detail .resource-body .arc-code-block .code-file-bar{background:0 0;min-height:48px;padding:8px 48px 8px 16px;position:static}.reference-detail .resource-body .arc-code-block .code-expander{background:0 0;border-top:0}.reference-detail .resource-body .arc-code-block .code-file-bar .icon-copy-action{margin:0;position:absolute;top:8px;right:8px}.reference-detail .resource-body .arc-code-block .code-format-tabs{top:7px}.reference-detail .resource-body .markdown-section-stack{flex-direction:column;gap:24px;max-width:none;display:flex}.markdown-section-frame{border-radius:var(--doc-frame-radius);background:var(--doc-frame);padding:8px;overflow:hidden}.reference-detail .resource-body .markdown-section-frame>h3{font:500 16px/24px var(--doc-font);letter-spacing:normal;color:var(--doc-title);margin:0;padding:12px 16px 18px}.markdown-section-inset{border-radius:var(--doc-inset-radius);background:var(--doc-inset);padding:20px}.reference-detail .resource-body .markdown-section-inset>p{width:100%;max-width:none;margin:0!important}.reference-detail .resource-body .markdown-section-inset>*+*{margin-top:20px!important}.markdown-rules-table{table-layout:fixed;border-collapse:collapse;width:100%}.markdown-rules-table col:first-child{width:24%}.markdown-rules-table :is(th,td){vertical-align:top;text-align:left;font:450 14px/24px var(--doc-font);overflow-wrap:anywhere;padding:16px 0}.markdown-rules-table th{color:var(--doc-title);padding-right:24px;font-weight:450}.markdown-rules-table td{color:var(--doc-description)}.markdown-rules-table tr+tr>*{border-top:1px solid #ffffff0d}.markdown-rules-table tr:first-child>*{padding-top:0}.markdown-rules-table tr:last-child>*{padding-bottom:0}.markdown-rules-table a{overflow-wrap:anywhere}.reference-detail .resource-body .markdown-reading-document{color:#a3a3a3;width:100%;max-width:none;font:450 16px/26px var(--doc-font);flex-direction:column;gap:40px;display:flex}.reference-detail .resource-body .markdown-reading-section>h3{font:500 17px/24px var(--doc-font);color:var(--doc-title);margin:0 0 16px}.reference-detail .resource-body .markdown-reading-section>h4{font:500 15px/22px var(--doc-font);color:var(--doc-title);margin:28px 0 10px}.reference-detail .resource-body .markdown-reading-section>p{width:100%;max-width:none;margin:0!important}.reference-detail .resource-body .markdown-reading-section>*+p{margin-top:12px!important}.reference-detail .resource-body .markdown-reading-section>ul{font:450 16px/26px var(--doc-font);margin:16px 0 0;padding-left:24px}.reference-detail .resource-body .markdown-reading-document :is(p,li){color:#a3a3a3;font-size:16px!important;line-height:26px!important}.reference-detail .resource-body .markdown-reading-document code{font-size:14px;line-height:22px}.reference-detail .resource-body .markdown-reading-document .reference-table :is(th,td){font-size:14px;line-height:24px}.reference-detail .resource-body .markdown-reading-document .reference-table td{color:#a3a3a3}.reference-detail .resource-body .markdown-reading-section .markdown-reading-table{margin:20px 0}.markdown-reading-table col:first-child{width:30%}.markdown-reading-table col:nth-child(2){width:70%}.reference-detail .resource-panel[aria-labelledby=tab-design-md] .syntax-code{font-size:14px;line-height:24px}.reference-detail .detail-tabs{background:0 0;border-radius:0;gap:28px;padding:0}.reference-detail .detail-tabs button{color:#969696;background:0 0;border-radius:0;min-height:40px;padding:0 0 10px;font-size:14px;line-height:20px;transition:color .16s;position:relative}.reference-detail .detail-tabs button:hover,.reference-detail .detail-tabs button[aria-selected=true]{color:#f2f2f2;background:0 0}.reference-detail .detail-tabs button[aria-selected=true]:after{content:"";background:currentColor;border-radius:999px;height:2px;position:absolute;bottom:0;left:0;right:0}@media (width<=1100px){.reference-detail .detail-tabs{gap:20px}}.app-site-header{z-index:30;background:var(--canvas);width:100%;max-width:1920px;margin-inline:auto;padding:20px 80px;position:sticky;top:0}.homepage{padding-top:0}.homepage .hero-region{gap:0;margin-top:0;padding-top:40px}.reference-detail .resource-panel{overflow-anchor:none;min-height:0}@media (width<=1400px){.app-site-header{padding-inline:48px}}.markdown-composition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.reference-detail .resource-body .markdown-guidance-card>h4{font:500 16px/24px var(--doc-font);color:var(--doc-title);margin:0;padding:12px 16px 16px}.reference-detail .resource-body .markdown-guidance-card>div{gap:12px;min-height:0;padding:20px}.reference-detail .resource-body .markdown-guidance-card p{margin:0!important}.markdown-reading-table:has(col:nth-child(3)) col:first-child{width:24%}.markdown-reading-table:has(col:nth-child(3)) col:nth-child(2){width:24%}.markdown-reading-table:has(col:nth-child(3)) col:nth-child(3){width:52%}@media (width<=760px){.markdown-composition-grid{grid-template-columns:1fr}}.reference-detail .resource-body .markdown-reading-document :is(.markdown-guidance-card,.markdown-typography-section) p{font-size:14px!important;line-height:24px!important}.reference-detail .detail-tabs button{min-height:44px;font-size:16px;line-height:24px}.reference-detail .document-view-tabs button,.reference-detail .resource-header .resource-view-switch button,.reference-detail .setup-tabs button{min-height:34px;padding:0 16px;font-size:14px;line-height:20px}.reference-detail .detail-download-all{min-height:44px;padding:10px 22px;font-size:16px;line-height:24px}.reference-detail .detail-context-pill{padding:8px 14px;font-size:14px;font-weight:450;line-height:20px}.reference-detail .detail-context-pill :is(a,span){font-size:inherit;font-weight:inherit}.reference-detail .detail-showcase{padding-bottom:0}.reference-detail .detail-tabs-anchor{margin-top:24px}.reference-detail .detail-tabs-shell{padding:12px 0}.reference-detail .detail-content{margin-top:0}.reference-detail .resource-header{padding:24px 0}.reference-detail .resource-body{padding:0}.reference-detail .resource-body .design-tokens>.design-token-section:first-of-type{margin-top:0}.reference-detail .resource-body .design-token-section{gap:16px;margin-top:40px}.reference-detail .resource-body .documentation-stack>.docs-heading:not(:first-child){margin-top:40px;padding-top:0}.reference-detail .resource-body .documentation-stack>.docs-heading+*{margin-top:16px}.reference-detail .resource-body .docs-token-group,.reference-detail .resource-body .vs-section+.vs-section{margin-top:40px}.overview-summary-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-summary-grid--two .inset-reference-card>div{gap:16px;min-height:0;padding:16px 18px}.reference-table.overview-reading-table col:first-child{width:28%}.reference-table.overview-reading-table col:nth-child(2){width:52%}.reference-table.overview-reading-table col:nth-child(3){width:20%}.reference-table.overview-reading-table tbody td:nth-child(2){font-family:var(--doc-font);letter-spacing:normal}.reference-detail .resource-body .overview-ownership-note{width:100%;max-width:none;margin-top:16px}.reference-detail .overview-guide-link{color:var(--doc-title);font:450 14px/24px var(--doc-font);cursor:pointer;text-align:left;background:0 0;padding:0}.reference-detail .overview-guide-link:hover{text-underline-offset:4px;text-decoration:underline}@media (width<=1000px){.overview-summary-grid--two{grid-template-columns:1fr}}.reference-detail .resource-body .documentation-stack>p{margin-top:24px}.reference-detail .resource-body .documentation-stack>p:first-child{margin-top:0}.reference-detail .resource-body .setup-download:has(>.reference-file-tree:not([open])){padding-bottom:0}.reference-detail .resource-body p.overview-ownership-note{margin-top:16px}.reference-detail .resource-body .guide-hero{gap:32px;padding:24px}.reference-detail .resource-body .arc-code-block .syntax-numbered{padding-top:20px;padding-bottom:20px}.reference-detail .resource-body .prompt-inset-text{padding:20px}.reference-detail .resource-body .markdown-reading-section>.reference-table+p{margin-top:20px!important}.reference-detail{--doc-font:"Inter Variable",Inter,ui-sans-serif,system-ui,sans-serif;font-family:var(--doc-font)}.reference-detail :is(.copy-action,.code-expander,.setup-tabs button,.code-format-tabs button),.reference-detail .resource-body .prompt-code-block .code-file-bar{font-family:var(--doc-font)}.reference-detail .detail-tabs button{font-size:16px;line-height:24px}.reference-detail .resource-body .reference-table{padding:8px}.reference-detail .resource-body :is(.reference-table,.markdown-reading-document .reference-table) thead th{font:450 15px/22px var(--doc-font);padding:10px 18px 12px}.reference-detail .resource-body :is(.reference-table,.markdown-reading-document .reference-table) :is(tbody th,tbody td){font:450 15px/24px var(--doc-font);letter-spacing:normal;vertical-align:top;padding:16px 18px}.reference-detail .resource-body :is(.reference-table,.markdown-reading-document .reference-table) tbody th{font-weight:450}.reference-detail .resource-body .reference-table .overview-guide-link{font:450 15px/22px var(--doc-font);letter-spacing:normal}.reference-detail .resource-body .reference-table code{font:450 14px/20px var(--doc-font);letter-spacing:normal;white-space:normal;overflow-wrap:anywhere;border-radius:6px;max-width:100%;padding:2px 8px}.reference-detail .resource-body .reference-table .token-color-value{gap:8px;line-height:26px}.reference-detail .resource-body .reference-table .token-color-swatch{width:16px;height:16px}.reference-detail .resource-body .guide-comparison-heading{font:450 15px/22px var(--doc-font);gap:32px;padding:14px 18px}.reference-detail .resource-body .guide-comparison-row{padding:16px 18px}.reference-detail .resource-body .guide-comparison-row p{font:450 15px/24px var(--doc-font)}.detail-screen:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #ffffff1a;position:absolute;inset:0}.reference-detail .resource-header:has(.resource-view-switch){flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:24px}.reference-detail .resource-panel:is([aria-labelledby=tab-design-md],[aria-labelledby=tab-tokens],[aria-labelledby=tab-css]) .resource-header{flex-direction:row;justify-content:space-between;align-items:center;gap:24px}.reference-detail .resource-body .arc-code-block .code-format-tabs{align-items:center;min-height:34px;top:7px}.reference-detail .code-format-tabs button{font:450 14px/20px var(--doc-font);padding:4px 14px}.reference-detail .resource-panel[aria-labelledby=tab-guidelines] .resource-body :is(p,li,td,th,code,.overview-guide-link){font-weight:450}.reference-detail :is(.syntax-code,.prompt-inset-text,.code-line-number){font-weight:400}.color-system-table table{table-layout:fixed;width:100%}.color-system-table th:first-child{width:24%}.color-system-table:has(thead th:nth-child(4)) th:nth-child(2){width:22%}.color-system-table:has(thead th:nth-child(4)) th:nth-child(3){width:18%}.color-system-table .token-color-value{white-space:nowrap}.design-tokens>.color-system-note{margin:32px 0 0}.token-base-palettes>.design-token-section:first-of-type{margin-top:24px}.token-base-palettes>.color-system-note{margin-top:32px}.reference-detail .token-spacing-rules{color:var(--doc-description);margin:0;padding-left:20px;font-size:15px;line-height:24px}.token-spacing-rules li+li{margin-top:8px}.reference-table.token-type-table col:first-child{width:11%}.reference-table.token-type-table col:nth-child(2){width:23%}.reference-table.token-type-table col:nth-child(3){width:16%}.reference-table.token-type-table col:nth-child(n+4){width:10%}.reference-table.token-type-table .type-usage{color:var(--doc-description);font:inherit}.reference-detail .guide-rule-table thead th{width:50%}.reference-detail .resource-body .shadow-token-table col:first-child{width:20%}.reference-detail .resource-body .shadow-token-table col:nth-child(2){width:45%}.reference-detail .resource-body .shadow-token-table col:nth-child(3){width:35%}.reference-detail .resource-body .shadow-token-table td:nth-child(2) code{white-space:normal;overflow-wrap:anywhere;line-height:22px;display:block}.reference-detail .resource-body .reference-table.reference-table--text-values tbody td:nth-child(2){font-family:var(--doc-font);color:var(--doc-description);letter-spacing:normal}.palette-scale-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.palette-scale-item{background:var(--doc-frame);border-radius:14px;min-width:0;padding:10px}.palette-scale-color{height:64px;box-shadow:inset 0 0 0 1px var(--border);background:repeating-conic-gradient(#9993 0% 25%,#fff2 0% 50%) 0 0/12px 12px;border-radius:8px;position:relative;overflow:hidden}.palette-scale-color i{border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #7f7f7f1f}.palette-scale-meta{color:var(--doc-title);justify-content:space-between;align-items:center;gap:4px;margin:10px 0 0;font-size:14px;line-height:20px;display:flex}.reference-detail .resource-body code.palette-scale-hex{color:var(--doc-description);font:450 14px/20px var(--doc-font);background:0 0;padding:0}@media (width<=1100px){.palette-scale-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=640px){.palette-scale-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.palette-scale-color{height:58px}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f0f0f0;--ink:#111;--secondary:#636363;--muted:#636363;--nav-muted:#636363;--card:#e7e7e7;--card-hover:#e1e1e1;--border:#1111110f;--menu:#fcfcfc;--menu-text:#636363;--menu-icon:#737373;--menu-hover:#f0f0f0;--segmented:#f5f5f5;--segment-active:#eaeaea;--light-control:#efefef;--light-edge:#1111111f;--light-link:#0969b9;--light-action:#111;--light-action-hover:#303030;--light-code-ink:#303030}:root[data-theme=light] .reference-grid{--card:#fff;--card-hover:#fafafa}:root[data-theme=light] :is(.primary-pill,.join-split,.auth-continue){background:var(--light-action);color:#fff}:root[data-theme=light] :is(.primary-pill:hover,.auth-continue:hover,.join-label:hover,.join-menu-trigger:hover,.join-menu-trigger.is-open){background:var(--light-action-hover)}:root[data-theme=light] .join-menu-trigger img{filter:invert()}:root[data-theme=light] .account-menu{box-shadow:0 0 0 1px var(--border),0 12px 40px #00000014}:root[data-theme=light] .media-loader{background:var(--card)}:root[data-theme=light] .media-loader:before{background:linear-gradient(100deg,#0000 28%,#0000000a 48%,#0000 68%)}:root[data-theme=light] .media-loader-mark{border-color:var(--light-edge);border-top-color:var(--muted)}:root[data-theme=light] .media-error{color:var(--muted)}:root[data-theme=light] .skip-link{background:var(--ink);color:#fff}:root[data-theme=light] .modal{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--canvas);color:var(--ink);box-shadow:0 24px 100px #00000024,0 0 0 1px var(--border)}:root[data-theme=light] .modal::backdrop{background:#00000029}:root[data-theme=light] .modal-close{color:var(--muted)}:root[data-theme=light] .modal-close:hover{background:var(--card-hover);color:var(--ink)}:root[data-theme=light] :is(.auth-crowd,.auth-or,.auth-fine,.info-dialog p,.info-dialog>.text-link,.preview-header span,.preview-footer){color:var(--secondary)}:root[data-theme=light] .auth-faces img{border-color:var(--canvas)}:root[data-theme=light] .auth-or:before,:root[data-theme=light] .auth-or:after{background:var(--light-edge)}:root[data-theme=light] .google-button{color:var(--ink);border-color:var(--light-edge)}:root[data-theme=light] .google-button:hover{background:var(--card);border-color:#1113}:root[data-theme=light] .auth-field input{background:var(--card);color:var(--ink);border-color:var(--light-edge)}:root[data-theme=light] .auth-field input::placeholder{color:var(--muted)}:root[data-theme=light] .auth-field input:focus{border-color:var(--focus)}:root[data-theme=light] .auth-field input[aria-invalid=true]{border-color:#b42318}:root[data-theme=light] .auth-error{color:#b42318}:root[data-theme=light] .auth-notice{color:var(--secondary);border-color:var(--light-edge);background:var(--card)}:root[data-theme=light] .auth-fine .text-link:hover{color:var(--ink)}:root[data-theme=light] .preview-tools .icon-button,:root[data-theme=light] .preview-save{background:var(--card);color:var(--ink);border-color:var(--light-edge)}:root[data-theme=light] .preview-tools .icon-button:hover,:root[data-theme=light] .preview-save:hover{background:var(--card-hover)}:root[data-theme=light] .reference-detail{--light-control:#e7e7e7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);--detail-surface:var(--canvas);--detail-well:var(--card);--detail-raised:var(--light-control);--detail-muted:var(--secondary);--detail-line:var(--border);--doc-title:var(--ink);--doc-description:var(--secondary);--doc-meta:var(--secondary);--doc-frame:var(--card);--doc-inset:#f7f7f7}:root[data-theme=light] .detail-context-pill{background:var(--card)}:root[data-theme=light] .detail-context-pill :is(a,svg){color:var(--secondary)}:root[data-theme=light] .detail-context-pill :is(a:hover,[aria-current=page]){color:var(--ink)}:root[data-theme=light] :is(.reference-step,.showcase-arrow){background:var(--light-control);color:var(--ink)}:root[data-theme=light] :is(.reference-step:hover,.showcase-arrow:hover){background:#e4e4e4}:root[data-theme=light] .detail-screen{background:var(--card)}:root[data-theme=light] .screen-status,:root[data-theme=light] .reference-detail .detail-tabs button{color:var(--secondary)}:root[data-theme=light] .reference-detail .detail-tabs button:hover,:root[data-theme=light] .reference-detail .detail-tabs button[aria-selected=true]{color:var(--ink)}:root[data-theme=light] .reference-detail :is(.document-view-tabs,.setup-tabs,.code-format-tabs) button{color:var(--secondary);background:0 0}:root[data-theme=light] .reference-detail :is(.document-view-tabs,.setup-tabs,.code-format-tabs) button[aria-pressed=true]{color:var(--ink);background:#eaeaea}:root[data-theme=light] .reference-detail :is(.document-view-tabs,.setup-tabs,.code-format-tabs) button:hover{color:var(--ink)}:root[data-theme=light] .reference-detail :is(.reference-note,.detail-small-note,.docs-callout,.guide-hero,.reference-intent){background:var(--card)}:root[data-theme=light] .reference-detail .resource-body :is(.reference-table tbody th,.reference-table tbody td){border-bottom-color:var(--border)}:root[data-theme=light] .reference-detail .reference-table tbody code,:root[data-theme=light] .reference-detail .markdown-document code{background:var(--light-control);color:var(--light-code-ink)}:root[data-theme=light] .token-color-swatch{box-shadow:0 0 0 1px var(--light-edge);background:repeating-conic-gradient(#e0e0e0 0 25%,#fff 0 50%) 0/6px 6px}:root[data-theme=light] .reference-detail :is(.reference-ownership-note a,.markdown-document strong){color:var(--ink)}:root[data-theme=light] .reference-detail .markdown-document a{color:var(--light-link)}:root[data-theme=light] .reference-detail .resource-body .markdown-reading-document,:root[data-theme=light] .reference-detail .resource-body .markdown-reading-document :is(p,li,.reference-table td){color:var(--doc-description)}:root[data-theme=light] .reference-detail .markdown-document li::marker{color:var(--muted)}:root[data-theme=light] .reference-detail :is(.guide-comparison-heading,.reference-intent h2){color:var(--ink)}:root[data-theme=light] .guide-comparison-row+.guide-comparison-row,:root[data-theme=light] .markdown-rules-table tr+tr>*{border-top-color:var(--border)}:root[data-theme=light] .reference-detail .reference-file-tree li a:hover{background:var(--card-hover);color:var(--ink)}:root[data-theme=light] .reference-detail img[src*="/icons/reference/"]{filter:brightness(0)}:root[data-theme=light] .reference-detail .resource-body :is(.syntax-code,.prompt-inset-text){color:var(--light-code-ink)}:root[data-theme=light] .reference-detail .arc-code-block .code-file-bar{color:var(--secondary)}:root[data-theme=light] .code-file-bar>span:first-child{color:var(--secondary);background:0 0}:root[data-theme=light] .code-line-number{color:#777}:root[data-theme=light] .syntax-code .token.comment,:root[data-theme=light] .syntax-code .token.prolog{color:#6e7781}:root[data-theme=light] .syntax-code .token.property,:root[data-theme=light] .syntax-code .token.selector,:root[data-theme=light] .syntax-code .token.title{color:#0550ae}:root[data-theme=light] .syntax-code .token.string,:root[data-theme=light] .syntax-code .token.attr-value{color:#0a3069}:root[data-theme=light] .syntax-code .token.number,:root[data-theme=light] .syntax-code .token.unit{color:#953800}:root[data-theme=light] .syntax-code .token.function,:root[data-theme=light] .syntax-code .token.atrule{color:#8250df}:root[data-theme=light] .syntax-code .token.punctuation{color:#636363}:root[data-theme=light] .syntax-code .token.important,:root[data-theme=light] .syntax-code .token.keyword{color:#a21a36}:root[data-theme=light] .syntax-code .token.bold{color:var(--ink)}:root[data-theme=light] .syntax-code .token.url{color:#116329}:root[data-theme=light] .reference-detail .copy-action{color:var(--secondary);background:var(--light-control)}:root[data-theme=light] .reference-detail .arc-code-block .code-file-bar .copy-action{background:0 0}:root[data-theme=light] .reference-detail .resource-body .arc-code-block .code-file-bar .copy-action:hover{color:var(--ink);background:#e4e4e4}:root[data-theme=light] .reference-detail .arc-code-block .code-expander{color:var(--secondary)}:root[data-theme=light] .reference-detail .arc-code-block .code-expander:hover{color:var(--ink);background:var(--card-hover)}:root[data-theme=light] .reference-detail :is(.document-view-tabs,.setup-tabs,.code-format-tabs){background:#e3e3e3}:root[data-theme=light] .reference-detail :is(.document-view-tabs,.setup-tabs,.code-format-tabs) button{transition:background-color .15s,color .15s,box-shadow .15s}:root[data-theme=light] .reference-detail :is(.document-view-tabs,.setup-tabs,.code-format-tabs) button:not([aria-pressed=true]):hover{color:#111;background:#ffffffa6}:root[data-theme=light] .reference-detail :is(.document-view-tabs,.setup-tabs,.code-format-tabs) button[aria-pressed=true]{color:#111;background:#fff;box-shadow:0 1px 3px #00000014}@media (prefers-reduced-motion:reduce){:root[data-theme=light] .reference-detail :is(.document-view-tabs,.setup-tabs,.code-format-tabs) button{transition:none}}body{min-width:320px}@media (width<=1100px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.card-preview{aspect-ratio:1.3;height:auto}.homepage{padding-inline:24px}.homepage .hero-region{margin-inline:-24px;padding-inline:24px}.app-site-header,.reference-detail{padding-inline:24px}.reference-detail .detail-tabs{overscroll-behavior-x:contain;scrollbar-width:thin;flex:1;gap:20px;overflow-x:auto}.reference-detail .detail-tabs button,.detail-download-all{flex:none}}@media (width<=700px){html{scrollbar-gutter:auto}.homepage{padding:0 16px 48px}.app-site-header{padding:16px;position:relative}.site-header{grid-template-columns:1fr auto;gap:12px;height:auto;display:grid}.header-left{display:contents}.home-mark{grid-area:1/1;justify-self:start}.site-header>.join-split,.site-header>.header-join-only{grid-area:1/2}.site-header nav{scrollbar-width:thin;grid-area:2/1/auto/-1;gap:4px;width:100%;height:auto;overflow-x:auto}.site-header nav a{flex:none;min-height:44px;padding-inline:10px;font-size:14px}.join-split{height:44px}.join-menu-trigger{min-width:40px}.account-menu{max-width:calc(100vw - 32px)}.homepage .hero-region{margin-inline:-16px;padding:24px 16px 40px}.hero{gap:20px;min-height:0;padding:24px 0}.hero h1{text-wrap:balance;font-size:32px;line-height:38px}.hero>p{width:100%;font-size:14px;line-height:22px}.hero>p br{display:none}.reference-grid{grid-template-columns:minmax(0,1fr);gap:32px}.card-preview{aspect-ratio:1.35;border-radius:24px;height:auto}.card-copy{gap:8px;margin-top:14px;padding-inline:0}.card-favicon{border-radius:12px;width:40px;height:40px}.card-copy h2{font-size:15px;line-height:22px}.card-copy p{font-size:14px;line-height:22px}.save-reference{opacity:1;width:40px;height:40px;top:12px;right:12px;transform:none}.modal{border-radius:20px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.join-dialog{width:420px;min-height:0}.auth-panel{min-height:0;padding:44px 24px 28px}.auth-head h2{font-size:28px;line-height:34px}.auth-foot{padding-top:24px}.auth-crowd{flex-wrap:wrap}.info-dialog{padding:48px 24px 24px}.utility-links{flex-wrap:wrap}.reference-detail{padding:24px 16px 48px}.detail-context-bar{gap:12px}.detail-reference-controls{gap:6px}.reference-step{width:40px;height:40px}.reference-detail .detail-context-pill{gap:8px;padding:8px 12px}.detail-showcase{margin-top:16px;padding-bottom:0}.detail-screen{border-radius:16px}.reference-detail .detail-tabs-anchor{margin-top:12px}.reference-detail .detail-tabs-shell{gap:16px;padding-block:6px}.reference-detail .detail-tabs{gap:20px}.reference-detail .detail-tabs button{min-height:44px;font-size:14px;line-height:20px}.reference-detail .detail-download-all{min-height:40px;padding:10px 14px;font-size:14px;line-height:20px}.reference-detail .resource-header{gap:16px;padding:24px 0}.resource-header h2{letter-spacing:-.5px;font-size:28px;line-height:36px}.reference-detail .resource-panel:is([aria-labelledby=tab-design-md],[aria-labelledby=tab-tokens],[aria-labelledby=tab-css]) .resource-header{align-items:center;gap:12px}.reference-detail .resource-header .resource-view-switch{max-width:100%}.reference-detail .resource-header .resource-view-switch button{min-height:36px;padding-inline:12px}.reference-detail .resource-body .docs-heading h2{font-size:15px;line-height:22px}.reference-detail .resource-body .docs-heading--controls{align-items:center;gap:12px}.reference-detail .resource-body .docs-heading--controls .setup-tabs{max-width:100%}.setup-tabs{flex-wrap:wrap}.reference-detail .setup-tabs button{min-height:40px;padding-inline:12px}.reference-detail .resource-body .prompt-scenarios{scrollbar-width:thin;flex-wrap:nowrap;width:100%;overflow-x:auto}.prompt-scenarios button{white-space:nowrap;flex:none}.reference-detail .resource-body :is(p,li,.overview-card-note,.reference-file-tree a,.reference-usage-note,.overview-guide-link){font-size:14px;line-height:22px}.reference-detail .resource-body :is(.reference-note,.detail-small-note,.design-token-note,.markdown-reading-document p,.markdown-reading-document li){font-size:14px!important;line-height:22px!important}.overview-summary-grid--two,.markdown-composition-grid{grid-template-columns:minmax(0,1fr)}.reference-detail .inset-reference-card h3{font-size:15px;line-height:22px}.reference-detail .resource-body .markdown-reading-document{gap:32px;font-size:14px;line-height:22px}.reference-detail .resource-body .markdown-reading-section>h3{font-size:15px;line-height:22px}.reference-detail .resource-body .markdown-reading-section>h4{margin-top:24px;font-size:15px;line-height:22px}.reference-detail .resource-body .markdown-reading-section>ul{padding-left:20px;font-size:14px;line-height:22px}.reference-detail .resource-body .reference-table{overscroll-behavior-x:contain;scrollbar-width:thin;width:100%;max-width:100%;padding:6px;overflow-x:auto}.reference-table table{min-width:640px}.markdown-reading-table:not(:has(col:nth-child(3))) table{min-width:500px}.token-type-table table{min-width:760px}.reference-detail .resource-body :is(.reference-table,.markdown-reading-document .reference-table) :is(thead th,tbody th,tbody td){padding:12px 14px;font-size:14px;line-height:22px}.reference-detail .resource-body .reference-table code{padding:2px 6px;font-size:14px;line-height:20px}.reference-detail .resource-body .reference-table .overview-guide-link{font-size:14px;line-height:22px}.reference-detail .resource-body .guide-comparison-heading{display:none}.reference-detail .resource-body .guide-comparison-row{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}.reference-detail .resource-body .guide-comparison-row p{font-size:14px;line-height:22px}.guide-comparison-row p:before{color:var(--doc-title);margin-bottom:6px;font-weight:500;display:block}.guide-comparison-row p:first-child:before{content:"Use"}.guide-comparison-row p:last-child:before{content:"Avoid"}.reference-detail .resource-body .arc-code-block .code-file-bar{min-width:0;padding-left:10px}.code-file-bar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.reference-detail .resource-body .arc-code-block .syntax-numbered{overscroll-behavior-x:contain;overflow-x:auto}.syntax-numbered>code{width:max-content;min-width:100%}.code-line{grid-template-columns:32px minmax(0,1fr)}.code-line-number{padding-right:10px}.code-line-content{white-space:pre}.reference-detail .resource-body .prompt-inset-text{padding:16px;font-size:14px;line-height:22px}.reference-detail .resource-body .reference-file-tree ul{padding:8px}.reference-file-tree li a{grid-template-columns:16px minmax(0,1fr);gap:4px 10px;padding:10px 8px;display:grid}.reference-file-tree li a>span{overflow-wrap:anywhere;min-width:0}.reference-detail .resource-body .reference-file-tree li a>span:last-child{grid-column:2;justify-self:start;margin-left:0;font-size:14px;line-height:20px}.auth-panel input{font-size:16px}}@media (width<=380px){.reference-detail .resource-panel:is([aria-labelledby=tab-design-md],[aria-labelledby=tab-tokens],[aria-labelledby=tab-css]) .resource-header{flex-direction:column;align-items:flex-start}.reference-detail .detail-download-all{padding-inline:12px}.reference-detail .detail-tabs-shell{gap:12px}}@media (hover:none){.save-reference{opacity:1;transform:none}}@media (width<=700px){.color-system-table:has(thead th:nth-child(4)) table{min-width:850px}.token-type-table table{min-width:960px}.reference-detail .detail-download-all{display:none}.reference-detail .detail-tabs{gap:22px;width:100%;scroll-padding-inline:0}.reference-detail :is(.detail-tabs,.reference-table,.syntax-numbered,.prompt-scenarios),.site-header nav{-ms-overflow-style:none;scrollbar-width:none!important}.reference-detail :is(.detail-tabs,.reference-table,.syntax-numbered,.prompt-scenarios)::-webkit-scrollbar{width:0;height:0;display:none}.site-header nav::-webkit-scrollbar{width:0;height:0;display:none}.reference-detail .resource-panel .resource-body .reference-table{padding:6px;overflow:hidden}.reference-detail .resource-panel .resource-body .reference-table table{table-layout:auto;border-spacing:0;width:100%;min-width:0;display:block}.reference-detail .resource-panel .resource-body .reference-table colgroup{display:none}.reference-detail .resource-panel .resource-body .reference-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.reference-detail .resource-panel .resource-body .reference-table tbody{display:block}.reference-detail .resource-panel .resource-body .reference-table tbody tr{background:var(--doc-inset);border-radius:12px;height:auto;min-height:0;padding:14px 16px;display:block}.reference-detail .resource-panel .resource-body .reference-table tbody tr+tr{margin-top:6px}.reference-detail .resource-panel .resource-body .reference-table tbody :is(th,td){white-space:normal;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;width:100%;height:auto;min-height:0;margin:0;padding:0;font-size:14px;line-height:22px;display:block}.reference-detail .resource-panel .resource-body .reference-table tbody th{margin-bottom:6px;font-weight:500}.reference-detail .resource-panel .resource-body .reference-table tbody td+td{margin-top:8px}.reference-detail .resource-panel .resource-body .reference-table :is(code,.type-usage){white-space:normal;overflow-wrap:anywhere;max-width:100%}.reference-detail .resource-panel .resource-body :is(.color-system-table,.token-type-table,.token-font-table) td[data-label]:before{content:attr(data-label) ":";color:var(--doc-meta);margin-right:8px;font-size:14px;line-height:22px;display:inline-block}.reference-detail .resource-panel .resource-body .guide-rule-table td:before{content:attr(data-label);color:var(--doc-title);margin-bottom:4px;font-weight:500;display:block}.reference-detail .resource-panel .resource-body .guide-rule-table td+td{margin-top:12px}.reference-detail .resource-body .syntax-numbered{max-width:100%;overflow-x:hidden}.reference-detail .resource-body .syntax-numbered>code{width:100%;min-width:0}.reference-detail .resource-body .code-line{grid-template-columns:36px minmax(0,1fr)}.reference-detail .resource-body .code-line-content{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}}.mobile-bundle-download{display:none}@media (width<=700px){.reference-detail .resource-body .mobile-bundle-download{border-radius:999px;justify-content:center;justify-self:start;align-items:center;width:100%;min-height:44px;margin-top:16px;padding:10px 20px;font:500 14px/24px Inter,sans-serif;display:inline-flex}.reference-detail .resource-header{gap:12px;padding:16px 0}.reference-detail .resource-header h2{letter-spacing:-.3px;font-size:20px;line-height:28px}.reference-detail .resource-body .docs-heading h2,.reference-detail .resource-body .markdown-reading-section>h3{letter-spacing:0;font-size:15px;line-height:22px}.reference-detail .resource-body .markdown-reading-section>h4{font-size:15px;line-height:22px}.reference-detail .resource-body .design-token-section{gap:14px;margin-top:24px}.reference-detail .resource-body .documentation-stack>.docs-heading:not(:first-child){margin-top:24px}.reference-detail .resource-body .documentation-stack>.docs-heading+*{margin-top:14px}.reference-detail .resource-body .markdown-reading-document{gap:28px}.reference-detail .setup-tabs button,.reference-detail .resource-header .resource-view-switch button{min-height:36px;padding-inline:12px;font-size:13px;line-height:20px}.reference-detail .resource-body :is(.syntax-code,.prompt-inset-text){font-size:13px;line-height:22px}.reference-detail .resource-body .code-line{min-height:22px}.reference-detail .resource-body .arc-code-block .syntax-numbered{padding:16px 12px}.reference-detail .resource-body .code-file-bar>span{font-size:12px;line-height:20px}.reference-detail .resource-body .prompt-code-block .code-file-bar>span:first-child{font-size:14px;line-height:20px}.homepage .hero h1{font-size:28px;line-height:34px}.reference-detail .resource-body .ai-reference-stack>.mobile-bundle-download+.docs-heading{margin-top:24px}.reference-detail .resource-header h2{letter-spacing:0;color:var(--doc-description);font-size:16px;line-height:24px}.reference-detail .resource-body :is(.docs-heading h2,.markdown-reading-section>h3,.docs-token-group>h3,.markdown-document h3){letter-spacing:0;color:var(--doc-description);font-size:15px;font-weight:500;line-height:22px}.reference-detail .resource-body .code-line-number{font-variant-numeric:tabular-nums;padding-right:12px}.reference-detail .resource-body .inset-reference-card{padding:6px}.reference-detail .resource-body .inset-reference-card>:is(h3,h4){margin:0;padding:6px 12px 12px;font-size:15px;font-weight:500;line-height:22px}.reference-detail .resource-body .inset-reference-card>div{gap:12px;min-height:0;padding:14px}.reference-detail .overview-summary-grid{gap:12px}}
