@font-face{font-family:pretendard;src:url(../media/PretendardVariable-s.p.2q4tlji06vjpz.woff2)format("woff2");font-display:swap;font-weight:45 920}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.T2W8Iq_className{font-family:pretendard,pretendard Fallback}.T2W8Iq_variable{--font-pretendard:"pretendard", "pretendard Fallback"}
@font-face{font-family:mono;src:url(../media/IBMPlexMono-s.p.13np95saf7dt6.woff2)format("woff2");font-display:swap}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:77.95%;descent-override:20.91%;line-gap-override:0.0%;size-adjust:131.49%}.HCVnxq_className{font-family:mono,mono Fallback}.HCVnxq_variable{--font-plex-mono:"mono", "mono Fallback"}
:root{--ink:#2e3238;--strong:#221c2d;--muted:#61596d;--purple:#6119d1;--purple-dark:#4e12ad;--purple-soft:#f0e8fc;--canvas:#f7f8fd;--line:#e5e8eb;--white:#fff;--code:#231a32;--mono:var(--font-plex-mono), ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-padding-top:95px}body{background:var(--white);color:var(--ink);font-family:var(--font-pretendard), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a,input,summary,pre,.doc-table-wrap{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:3px solid #8852dd}::selection{color:#2c1153;background:#e9dbfc}.site-container{width:min(1160px,100% - 80px);margin-inline:auto}.skip-link{z-index:30;background:var(--white);color:var(--purple);border-radius:8px;padding:10px 16px;font-weight:700;position:fixed;inset:10px auto auto 10px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #ebe7f0;position:sticky;top:0}.header-inner{align-items:center;gap:30px;min-height:68px;display:flex}.site-brand,.footer-brand{width:fit-content;color:var(--strong);letter-spacing:-.045em;flex:none;align-items:center;gap:10px;font-weight:760;display:inline-flex}.site-brand{font-size:19px}.site-brand img,.footer-brand img{display:block}.site-nav{align-items:center;gap:27px;margin-left:auto;display:flex}.site-nav a{color:#554e61;white-space:nowrap;padding:7px 1px;font-size:15px;font-weight:650}.site-nav a:hover,.site-nav a[aria-current]{color:var(--purple)}.site-version{color:#5821a6;font:12px/1.5 var(--mono);white-space:nowrap;background:#faf6ff;border:1px solid #e9dff6;border-radius:6px;align-items:center;padding:3px 9px;display:inline-flex}.site-version:hover{border-color:#c7a9ec}.hero{background:linear-gradient(124deg,#fff 9%,#fbf9ff 54%,#f5efff 100%);border-bottom:1px solid #ebe7f0;overflow:hidden}.hero-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.94fr);grid-template-areas:"copy preview""builder preview";gap:30px clamp(38px,5.2vw,78px);padding-block:clamp(47px,5.2vw,76px) 58px;display:grid}.hero-copy{grid-area:copy}.hero-copy h1{color:var(--strong);letter-spacing:-.059em;margin:0;font-size:clamp(43px,4.45vw,66px);font-weight:810;line-height:1.065}.hero-copy h1 em{color:var(--purple);font-style:normal}.hero-copy p{max-width:480px;color:var(--muted);word-break:keep-all;margin:19px 0 0;font-size:18px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:23px;display:flex}.hero-builder{grid-area:builder;min-width:0}.hero-preview{grid-area:preview;align-self:center;min-width:0}.button{border:1px solid var(--purple);background:var(--purple);width:fit-content;min-height:44px;color:var(--white);border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:8px 16px;font-size:15px;font-weight:690;line-height:1.25;transition:background-color .14s,border-color .14s;display:inline-flex}.button:hover{border-color:var(--purple-dark);background:var(--purple-dark)}.button-outline{background:var(--white);color:var(--strong);border-color:#e2d9ed}.button-outline:hover{background:#f8f2ff;border-color:#cbb3eb}.button-small{gap:8px;min-height:38px;padding:7px 12px;font-size:14px}.embed-builder{background:var(--white);border:1px solid #e4dceb;border-radius:15px;min-width:0;overflow:hidden;box-shadow:0 12px 24px -23px #5537815c}.builder-field{padding:16px 17px 11px}.builder-field label{color:var(--strong);margin-bottom:6px;font-size:14px;font-weight:720;display:block}.builder-input{min-height:44px;color:var(--purple);background:#fcfaff;border:1px solid #e2d9eb;border-radius:8px;align-items:center;gap:9px;padding-inline:11px;display:flex}.builder-input:focus-within{border-color:#9765dd;box-shadow:0 0 0 3px #efdefd}.builder-input:has(input[aria-invalid=true]){border-color:#d08890}.builder-input svg{flex:none}.builder-input input{width:100%;min-width:0;color:var(--strong);font-family:var(--mono);background:0 0;border:0;outline:none;padding:8px 0;font-size:13px}.builder-input input::placeholder{color:#766b84;opacity:1}.builder-hint{color:#665d73;min-height:19px;margin:6px 0 0;font-size:12.5px;line-height:1.5}.field-error{color:#a12a3c}.builder-code,.doc-code{background:var(--code);color:#ece7f8;overflow:hidden}.code-toolbar{background:#2b203b;border-bottom:1px solid #443653;justify-content:space-between;align-items:center;gap:12px;min-height:43px;padding:6px 13px;display:flex}.code-toolbar>span{color:#e2d6ef;align-items:center;gap:7px;font-size:12px;font-weight:680;display:inline-flex}.copy-button{color:#fcf8ff;background:#38294a;border:1px solid #5c4b6a;border-radius:6px;flex:none;align-items:center;gap:6px;min-height:28px;padding:3px 7px;font-size:12px;font-weight:630;line-height:1.3;display:inline-flex}.copy-button:hover:not(:disabled){background:#4b3563;border-color:#8c6bae}.copy-button:disabled{opacity:.58}.copy-button:focus-visible{outline-color:#c9a6fa}.embed-code,.doc-code pre{color:inherit;font-family:var(--mono);tab-size:2;margin:0;padding:13px 16px 16px;font-size:12px;line-height:1.62;overflow:auto}.embed-code{white-space:pre-wrap;word-break:break-all;min-height:119px;max-height:200px}.embed-code code,.doc-code pre code{font:inherit}.token-markup{color:#e3bcff}.token-string{color:#c6e9ab}.code-empty{color:#ddcee9;min-height:119px;margin:0;padding:15px 16px;font-size:14px}.preview-card{background:var(--white);border:1px solid #e2d7ee;border-radius:19px;overflow:hidden;box-shadow:0 22px 55px -36px #52317b88,0 4px 14px -10px #61328d48}.preview-top,.preview-bottom{justify-content:space-between;align-items:center;gap:12px;min-height:57px;padding:10px 17px;display:flex}.preview-top{color:var(--strong);border-bottom:1px solid #ece4f3;font-size:14px;font-weight:710}.preview-top>span:first-child,.preview-bottom a{align-items:center;gap:8px;display:inline-flex}.preview-top svg{color:var(--purple)}.preview-tag{color:#592895;white-space:nowrap;background:#faf3ff;border:1px solid #e9d9f7;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:650}.preview-stage{background-color:#f6f0fd;background-image:radial-gradient(#d9c8ec 1px,#0000 1px);background-size:15px 15px;padding:24px}.sample-figure,.live-sample{background:var(--white);border:1px solid #e4d8ee;border-radius:11px;overflow:hidden;box-shadow:0 9px 23px -13px #43295a66}.sample-figure img{width:100%;height:auto;display:block}.sample-caption{color:var(--strong);padding:12px 14px 13px;font-size:15px;line-height:1.4}.live-sample>p{text-align:center;margin:0;padding:18px}.live-sample iframe{display:block}.preview-bottom{border-top:1px solid #ece4f3;min-height:62px}.preview-bottom a{color:#554a65;white-space:nowrap;font-size:13px;font-weight:640}.preview-bottom a:hover{color:var(--purple)}.guide-section{padding-block:45px 61px}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:17px;display:flex}.section-heading h2{color:var(--strong);letter-spacing:-.044em;margin:0;font-size:27px;font-weight:760}.section-heading a{color:var(--purple);white-space:nowrap;align-items:center;gap:7px;font-size:14px;font-weight:670;display:inline-flex}.section-heading a:hover{text-decoration:underline}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.guide-card,.docs-task-card{border:1px solid var(--line);background:var(--white);border-radius:13px;padding:17px 19px;transition:background-color .15s,border-color .15s;display:block}.guide-card:hover,.docs-task-card:hover{background:#fcf8ff;border-color:#d7bee9}.guide-card-heading{justify-content:space-between;align-items:center;display:flex}.guide-icon{width:39px;height:39px;color:var(--purple);background:#f1e9fb;border-radius:9px;place-items:center;display:grid}.guide-arrow{color:#746681}.guide-card:hover .guide-arrow{color:var(--purple)}.guide-card h3{color:var(--strong);letter-spacing:-.025em;margin:12px 0 3px;font-size:17px;font-weight:730}.guide-card p{color:var(--muted);word-break:keep-all;margin:0;font-size:14px}.site-footer{background:#fcfbfe;border-top:1px solid #ebe7f0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:13px 22px;min-height:77px;padding-block:15px;display:flex}.footer-brand{font-size:14px}.footer-inner nav{color:var(--muted);flex-wrap:wrap;gap:10px 21px;font-size:13px;display:flex}.footer-inner nav a:hover{color:var(--purple)}.docs-layout{grid-template-columns:195px minmax(0,1fr) 190px;align-items:start;column-gap:clamp(25px,3.2vw,48px);width:min(1250px,100% - 64px);min-height:calc(100vh - 147px);margin-inline:auto;padding-block:43px 70px;display:grid}.docs-sidebar,.docs-toc{max-height:calc(100vh - 126px);position:sticky;top:104px;overflow:auto}.docs-sidebar{border-right:1px solid #ede7f1;padding:1px 13px 5px 0}.docs-mobile-nav{display:none}.docs-nav-group+.docs-nav-group{margin-top:17px}.docs-nav-group>p,.docs-nav-group>h2,.docs-toc>p,.docs-toc>h2{color:var(--strong);margin:0 0 6px;font-size:13px;font-weight:740}.docs-nav-group ul,.docs-toc ul,.docs-toc ol{margin:0;padding:0;list-style:none}.docs-nav-link{color:#5c5368;border-radius:6px;padding:5px 8px;font-size:14px;line-height:1.45;display:block}.docs-nav-link:hover{color:var(--purple);background:#f8f3fe}.docs-nav-link[aria-current=page]{color:#5013a4;background:#f2eafa;font-weight:710}.docs-article{min-width:0}.docs-heading{border-bottom:1px solid #ede7f1;margin-bottom:26px;padding-bottom:19px}.docs-eyebrow{color:var(--purple);margin:0 0 5px;font-size:13px;font-weight:720}.docs-heading h1{color:var(--strong);letter-spacing:-.048em;overflow-wrap:anywhere;margin:0;font-size:clamp(32px,4vw,48px);font-weight:780;line-height:1.13}.docs-heading h1+p,.docs-description{color:var(--muted);margin:11px 0 0;font-size:17px;line-height:1.6}.docs-toc{border-left:1px solid #ede7f1;padding-left:13px}.docs-toc li a{color:#61566f;overflow-wrap:anywhere;padding:4px 0;font-size:13px;line-height:1.4;display:block}.docs-toc li a:hover{color:var(--purple)}.docs-toc [data-depth="3"]{padding-left:10px}.docs-content{min-width:0;color:var(--ink);font-size:16px;line-height:1.78}.docs-content h2{color:var(--strong);letter-spacing:-.035em;margin:32px 0 8px;font-size:26px;font-weight:750;line-height:1.35}.docs-content h3{color:var(--strong);letter-spacing:-.025em;margin:24px 0 6px;font-size:20px;font-weight:730;line-height:1.4}.docs-content h2:first-child,.docs-content h3:first-child{margin-top:0}.docs-content p{margin:9px 0 14px}.docs-content ul,.docs-content ol{margin:9px 0 14px;padding-left:23px}.docs-content li+li{margin-top:3px}.docs-content p a,.docs-content li a,.docs-content td a{color:var(--purple);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.docs-content a:hover{color:var(--purple-dark)}.docs-content :not(pre)>code{color:#54258c;font:.87em var(--mono);overflow-wrap:anywhere;background:#f2edf8;border-radius:4px;padding:2px 5px}.docs-content blockquote{background:#fbf7ff;border-left:3px solid #b384e6;margin:16px 0;padding:8px 14px}.docs-content blockquote p{margin:0}.docs-content strong{color:var(--strong)}.doc-code{border-radius:10px;margin:14px 0 20px}.doc-code pre{white-space:pre;padding:14px 16px;font-size:13px}.doc-code pre>code{color:inherit;background:0 0;padding:0}.doc-table-wrap{border:1px solid #e9e1ee;border-radius:9px;margin:14px 0 20px;overflow:auto}.docs-content table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.55}.docs-content th,.docs-content td{text-align:left;vertical-align:top;border-bottom:1px solid #eee7f1;padding:8px 11px}.docs-content th{color:var(--strong);background:#f8f3fc;font-weight:700}.docs-content tbody tr:last-child td{border-bottom:0}.docs-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.docs-task-card strong{color:var(--strong);font-size:16px;display:block}.docs-task-card p{color:var(--muted);margin:5px 0 0;font-size:14px}.docs-links{flex-wrap:wrap;gap:10px 16px;margin-top:25px;display:flex}.docs-links a{color:var(--purple);font-size:14px;font-weight:650}.docs-links a:hover{text-decoration:underline}.quick-steps{gap:25px;display:grid}.quick-step{padding-left:43px;position:relative}.quick-step .quick-step-index{background:var(--purple-soft);width:30px;height:30px;color:var(--purple);font:14px var(--mono);border-radius:8px;place-items:center;display:grid;position:absolute;top:1px;left:0}.quick-step h2{margin:0 0 6px}.quick-step .embed-builder{max-width:620px;margin:12px 0 0}.docs-content .builder-hint{margin:6px 0 0}.docs-content .builder-code pre>code{color:inherit;background:0 0;padding:0}.docs-content .code-empty{margin:0}@media (max-width:1050px){.docs-layout{grid-template-columns:175px minmax(0,1fr)}.docs-toc{display:none}.site-container{width:calc(100% - 56px)}.hero-layout{column-gap:30px}.hero-copy h1{font-size:clamp(39px,5.25vw,59px)}.preview-stage{padding:17px}}@media (max-width:760px){html{scroll-padding-top:82px}.site-container{width:calc(100% - 36px)}.header-inner{gap:14px;min-height:61px}.site-brand{gap:6px;font-size:16px}.site-brand img{width:28px;height:28px}.site-nav{gap:12px}.site-nav a{font-size:13px}.site-version{display:none}.hero-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""builder""preview";row-gap:22px;padding-block:36px 38px}.hero-copy h1{font-size:clamp(38px,8.3vw,57px)}.hero-copy p{margin-top:13px;font-size:16px}.hero-actions{margin-top:17px}.hero-preview{width:min(100%,550px)}.guide-section{padding-block:31px 43px}.section-heading h2{font-size:23px}.guide-grid{grid-template-columns:1fr;gap:10px}.guide-card{padding:14px 16px}.guide-card h3{margin-top:8px}.docs-layout{width:calc(100% - 36px);padding-block:19px 45px;display:block}.docs-sidebar{display:none}.docs-mobile-nav{background:#fcf9ff;border:1px solid #eae1f0;border-radius:9px;margin-bottom:22px;display:block}.docs-mobile-nav summary{color:var(--strong);cursor:pointer;padding:7px 11px;font-size:14px;font-weight:690}.docs-mobile-nav nav{padding:5px 12px 12px}.docs-heading{margin-bottom:20px;padding-bottom:15px}.docs-content h2{font-size:23px}}@media (max-width:385px){.site-container,.docs-layout{width:calc(100% - 26px)}.header-inner{gap:7px}.site-nav{gap:8px}.site-nav a{font-size:12px}.site-brand{font-size:14px}.site-brand img{width:25px;height:25px}.section-heading h2{font-size:20px}.section-heading a{font-size:12px}.docs-task-grid{grid-template-columns:1fr}.quick-step{padding-left:35px}.quick-step .quick-step-index{width:26px;height:26px}}@media (max-width:470px){html{scroll-padding-top:110px}.header-inner{flex-wrap:wrap;gap:0;padding-top:9px}.site-nav{justify-content:space-between;width:100%;margin-left:0}.site-nav a{padding-block:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.docs-toc nav>p{color:var(--strong);margin:0 0 7px;font-size:13px;font-weight:740}.docs-content .docs-task-grid{padding:0;list-style:none}.docs-content .docs-task-grid li+li{margin-top:0}.docs-task-card h2{justify-content:space-between;gap:10px;margin:0;font-size:18px;display:flex}.docs-task-card h2 svg{color:var(--purple);flex:none}.docs-task-card p{margin-bottom:0}.docs-links a{border:1px solid var(--line);border-radius:9px;gap:3px;min-width:min(100%,175px);padding:9px 12px;display:grid}.docs-links a small{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.docs-links a strong{color:var(--strong)}.docs-links a:hover{background:#fcf8ff;border-color:#d7bee9;text-decoration:none}.docs-links a[rel=next]{text-align:right;margin-left:auto}.docs-links a[rel=next] small{justify-content:flex-end}.docs-mobile-nav summary{list-style:none}.docs-mobile-nav summary::-webkit-details-marker{display:none}.docs-mobile-nav summary svg{float:right;margin-top:3px}.docs-mobile-nav[open] summary svg{transform:rotate(180deg)}.not-found{min-height:calc(100vh - 147px);padding-block:72px}.not-found h1{color:var(--strong);letter-spacing:-.05em;margin:0;font-size:clamp(36px,5vw,58px);line-height:1.1}.not-found p{color:var(--muted);margin:15px 0 24px}@media (max-width:470px){.docs-links a{flex:120px;min-width:0}.docs-task-grid{grid-template-columns:1fr}}