.sample{margin:var(--spacing-6, 1.5rem) 0}.sample-stage{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-container, .75rem);background:var(--color-background-body)}.sample iframe{display:block;border:0;transform-origin:top left;background:transparent;opacity:0;transition:opacity .2s ease}.sample iframe[data-ready]{opacity:1}.sample-stage{transition:block-size .2s ease}@media(prefers-reduced-motion:reduce){.sample iframe,.sample-stage{transition:none}}.sample-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3, .75rem);margin-block-end:var(--spacing-2, .5rem);font-size:var(--text-supporting-size, .75rem);line-height:1.5;color:var(--color-text-secondary)}.sample-name{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-tools{display:flex;align-items:center;gap:var(--spacing-3, .75rem);flex:none}.sample-open{color:inherit}.sample-devices{display:inline-flex;gap:2px;padding:2px;border-radius:var(--radius-full, 999px);background:var(--color-background-muted)}.sample-devices button{block-size:1.5rem;padding-inline:var(--spacing-3, .75rem);border:0;border-radius:var(--radius-full, 999px);background:transparent;color:var(--color-text-secondary);font:inherit;font-weight:500;cursor:pointer}.sample-devices button:hover{color:var(--color-text-primary)}.sample-devices button[aria-pressed=true]{background:var(--color-background-surface);color:var(--color-text-primary);box-shadow:0 0 0 1px var(--color-border)}.sample-devices button:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--focus-outline-color);outline-offset:1px}.sample-section+.sample-section{margin-block-start:2.5rem}.sample-wait{position:absolute;inset:0;display:grid;place-items:center;font-size:.75rem;color:var(--color-text-secondary);pointer-events:none}guide-sample[data-loaded] .sample-wait{display:none}@media not (min-width:64rem){.sample-bar{margin-block-end:var(--spacing-3, .75rem)}.sample-devices button,.sample-open{position:relative}.sample-devices button{block-size:2rem}.sample-devices button:after{content:"";position:absolute;inset-block:-.375rem;inset-inline:0}.sample-open:after{content:"";position:absolute;inset-block:-.8125rem;inset-inline:0}}._brand_19a7l_2{display:inline-flex;align-items:center;gap:var(--spacing-2);min-inline-size:0;color:var(--color-text-primary);text-decoration:none}._mark_19a7l_3{display:inline-grid;place-items:center;inline-size:1.5rem;block-size:1.5rem;flex:none;border-radius:var(--radius-element);background:var(--color-accent);color:var(--color-on-accent)}._mark_19a7l_3 svg{inline-size:1rem;block-size:1rem}._body_19a7l_8{display:flex;justify-content:center;gap:var(--spacing-10);padding:var(--spacing-8) var(--spacing-6) var(--spacing-12)}._prose_19a7l_9{flex:0 1 45rem;min-inline-size:0;overflow-wrap:anywhere}._outline_19a7l_10{position:sticky;inset-block-start:var(--spacing-8);align-self:flex-start;display:flex;flex-direction:column;gap:var(--spacing-2);flex:0 0 13rem;max-block-size:calc(100dvh - 8rem);overflow:auto}@media not (min-width:80rem){._outline_19a7l_10{display:none}}@media not (min-width:64rem){._body_19a7l_8{padding:var(--spacing-5) var(--spacing-4) var(--spacing-10)}}._prose_19a7l_9{--prose-size: 1rem;font-size:var(--prose-size);line-height:1.7;color:var(--color-text-primary)}._prose_19a7l_9 :is(p,li,blockquote,dd,dt){font-size:inherit;line-height:inherit}._prose_19a7l_9 h1{margin:0 0 var(--spacing-6);font-size:var(--text-heading-1-size);line-height:1.35;font-weight:600;letter-spacing:-.01em}._prose_19a7l_9 h2{margin:var(--spacing-12) 0 var(--spacing-3);padding-block-start:var(--spacing-6);border-block-start:1px solid var(--color-border);font-size:var(--text-heading-2-size);line-height:1.4;font-weight:600;scroll-margin-block-start:var(--spacing-6)}._prose_19a7l_9 h3{margin:var(--spacing-8) 0 var(--spacing-2);font-size:1.125rem;line-height:1.5;font-weight:600;scroll-margin-block-start:var(--spacing-6)}._prose_19a7l_9 h4{margin:var(--spacing-6) 0 var(--spacing-2);font-size:var(--prose-size);font-weight:600}._prose_19a7l_9 p,._prose_19a7l_9 ul,._prose_19a7l_9 ol,._prose_19a7l_9 pre,._prose_19a7l_9 blockquote{margin:0 0 var(--spacing-4)}._prose_19a7l_9 ul,._prose_19a7l_9 ol{padding-inline-start:var(--spacing-6)}._prose_19a7l_9 ul{list-style:disc}._prose_19a7l_9 ol{list-style:decimal}._prose_19a7l_9 li::marker{color:var(--color-text-secondary)}._prose_19a7l_9 li{margin-block:var(--spacing-1)}._prose_19a7l_9 li>ul,._prose_19a7l_9 li>ol{margin-block:var(--spacing-1) 0}._prose_19a7l_9 strong{font-weight:600}._prose_19a7l_9 a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:var(--color-border-emphasized)}._prose_19a7l_9 a:hover{text-decoration-color:currentColor}._prose_19a7l_9 a:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);outline-offset:2px;border-radius:var(--radius-inner)}._prose_19a7l_9 hr{border:0;border-block-start:1px solid var(--color-border);margin:var(--spacing-8) 0}._prose_19a7l_9 blockquote{padding:var(--spacing-3) var(--spacing-4);border-inline-start:2px solid var(--color-border-emphasized);background:var(--color-background-muted);border-radius:0 var(--radius-element) var(--radius-element) 0;color:var(--color-text-secondary)}._prose_19a7l_9 blockquote>:last-child{margin-block-end:0}._prose_19a7l_9 code{font-family:var(--font-family-code);font-size:.85em;overflow-wrap:break-word;word-break:keep-all}._prose_19a7l_9 :not(pre)>code{padding:.1em .35em;border-radius:var(--radius-inner);background:var(--color-background-muted)}._prose_19a7l_9 pre{padding:var(--spacing-4);overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-element);background:var(--color-background-card);font-size:.9375rem;line-height:1.6}._prose_19a7l_9 pre code{font-size:inherit}.shiki span{color:var(--shiki-light)}html[data-theme=dark] .shiki span{color:var(--shiki-dark)}._table_19a7l_54{max-inline-size:100%;overflow-x:auto;margin:0 0 var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-element)}._prose_19a7l_9 ._table_19a7l_54>table{inline-size:100%;margin:0;border-collapse:collapse;font-size:var(--prose-size);line-height:1.6}._prose_19a7l_9 th,._prose_19a7l_9 td{padding:var(--spacing-2) var(--spacing-3);text-align:start;vertical-align:top;border-block-end:1px solid var(--color-border)}._prose_19a7l_9 tr:last-child td{border-block-end:0}._prose_19a7l_9 th{font-weight:600;background:var(--color-background-muted);white-space:nowrap}._prose_19a7l_9 details{margin-block:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-element)}._prose_19a7l_9 details>summary{padding:var(--spacing-2) var(--spacing-3);cursor:pointer;font-size:var(--prose-size);font-weight:500}._prose_19a7l_9 details>pre{margin:0;border:0;border-block-start:1px solid var(--color-border);border-radius:0}._stage_19a7l_69{position:relative;isolation:isolate;min-block-size:100%}._content_19a7l_71{view-transition-name:guide-content;min-block-size:100%}._glow_19a7l_76{position:absolute;inset-block-start:0;inset-inline:0;z-index:4;block-size:2px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-accent) 85%,transparent),transparent) 0 0 / 40% 100% no-repeat,color-mix(in srgb,var(--color-accent) 22%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--color-accent) 35%,transparent);opacity:0;transition:opacity .24s ease}._glow_19a7l_76[data-visible]{opacity:1;animation:_glow-flow_19a7l_1 1.6s ease-in-out infinite,_glow-breathe_19a7l_1 2.4s ease-in-out infinite}@keyframes _glow-flow_19a7l_1{0%{background-position:-40% 0,0 0}to{background-position:140% 0,0 0}}@keyframes _glow-breathe_19a7l_1{0%,to{filter:brightness(.85)}50%{filter:brightness(1.15)}}@media(prefers-reduced-motion:reduce){._glow_19a7l_76{transition:none}._glow_19a7l_76[data-visible]{animation:none;background:color-mix(in srgb,var(--color-accent) 55%,transparent)}}._spoken_19a7l_92{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}._identity_19a7l_94{display:flex;flex-direction:column;gap:.125rem;min-inline-size:0}._identity_19a7l_94>span{padding-inline-start:.5rem;color:var(--color-text-secondary);font-size:.6875rem;line-height:1.2}._phoneTools_19a7l_96{display:flex;align-items:center;gap:var(--spacing-2)}@media not (min-width:64rem){._identity_19a7l_94>span{display:none}}._prose_19a7l_9 img{display:block;max-inline-size:100%;block-size:auto;margin-inline:auto;border-radius:var(--radius-element)}._prose_19a7l_9 figure svg{max-inline-size:100%;block-size:auto}._postMeta_19a7l_100{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-block:calc(-1 * var(--spacing-2)) var(--spacing-8);color:var(--color-text-secondary);font-size:.8125rem}._prose_19a7l_9 figure svg p{margin:0;font-size:inherit;line-height:normal}._prose_19a7l_9 figure svg foreignObject{overflow:visible}._page_ae2oo_1{max-inline-size:45rem;margin-inline:auto;padding:var(--spacing-10) var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-8)}._page_ae2oo_1 h1{font-size:1.5rem;font-weight:600}._page_ae2oo_1 pre{max-inline-size:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8125rem;line-height:1.7}._instructions_ae2oo_5{padding:var(--spacing-4)}._instructions_ae2oo_5 pre{margin:0;max-block-size:20rem;overflow-y:auto;scrollbar-gutter:stable}._instructions_ae2oo_5 p{margin-block:var(--spacing-2) 0;color:var(--color-text-secondary);font-size:.8125rem}._home_1m1gw_1{max-inline-size:62rem;margin-inline:auto;padding:var(--spacing-10) var(--spacing-8)}._intro_1m1gw_2{margin-block-end:var(--spacing-8)}._eyebrow_1m1gw_3,._count_1m1gw_3{color:var(--color-text-secondary);font-size:.8125rem}._intro_1m1gw_2 h1{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.3;letter-spacing:-.035em;font-weight:600;margin-block:var(--spacing-2) var(--spacing-3)}._intro_1m1gw_2>p:last-child{color:var(--color-text-secondary);font-size:1rem}._tools_1m1gw_6{display:grid;grid-template-columns:minmax(0,1fr) 12rem;align-items:end;gap:var(--spacing-3)}._count_1m1gw_3{margin-block:var(--spacing-4)}._posts_1m1gw_8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-6)}._post_1m1gw_8{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-container);text-decoration:none;color:inherit;background:var(--color-background-surface);transition:border-color .12s ease}._post_1m1gw_8:hover{border-color:var(--color-border-emphasized)}._post_1m1gw_8:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);outline-offset:3px}._post_1m1gw_8>img{inline-size:100%;block-size:auto;aspect-ratio:16/9;object-fit:cover;border-block-end:1px solid var(--color-border)}._summary_1m1gw_13{padding:var(--spacing-5)}._summary_1m1gw_13 time{color:var(--color-text-secondary);font-size:.75rem}._summary_1m1gw_13 h2{margin-block:var(--spacing-2);font-size:1.2rem;font-weight:600;line-height:1.5;letter-spacing:-.02em}._summary_1m1gw_13 p{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary)}._tags_1m1gw_17{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-block-start:var(--spacing-4)}._tags_1m1gw_17 span{padding:.15rem .4rem;border-radius:var(--radius-inner);background:var(--color-background-muted);color:var(--color-text-secondary);font-size:.6875rem}._empty_1m1gw_19{padding-block:var(--spacing-10);color:var(--color-text-secondary);text-align:center}@media not (min-width:64rem){._home_1m1gw_1{padding:var(--spacing-6) var(--spacing-4)}._posts_1m1gw_8{grid-template-columns:1fr}._tools_1m1gw_6{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){._post_1m1gw_8{transition:none}}._frame_1j8j0_2{position:relative;margin:1.5rem 0;border:1px solid var(--color-border);border-radius:var(--radius-element);background:var(--color-background-muted);overflow:hidden}._canvas_1j8j0_3{padding:2.5rem 1.375rem 1.4375rem;min-block-size:8rem;display:grid;place-items:center}._frame_1j8j0_2 ._canvas_1j8j0_3 svg{display:block;block-size:auto;margin-inline:auto;font-family:Pretendard Variable,Pretendard,sans-serif}._frame_1j8j0_2 ._canvas_1j8j0_3 .node rect,._frame_1j8j0_2 ._canvas_1j8j0_3 .node polygon{filter:none!important}._source_1j8j0_6{border-block-start:1px solid var(--color-border);padding:.5rem 1rem;font-size:.8125rem;color:var(--color-text-secondary)}._source_1j8j0_6 summary{cursor:pointer}._source_1j8j0_6 pre{margin:.5rem 0 0}@media not (min-width:34rem){._canvas_1j8j0_3{padding:1.125rem .75rem}}._zoom_1j8j0_11{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem;z-index:1;padding:.25rem .625rem;border:1px solid var(--color-border);border-radius:var(--radius-element);background:var(--color-background-surface);color:var(--color-text-secondary);font:inherit;font-size:.75rem;cursor:zoom-in}._zoom_1j8j0_11:hover{color:var(--color-text-primary);border-color:var(--color-border-emphasized)}._zoom_1j8j0_11:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color)}._canvas_1j8j0_3{cursor:zoom-in}._brand_14ycy_1{display:flex;align-items:center;gap:.625rem;min-inline-size:0}._logo_14ycy_2{display:block;inline-size:1.75rem;block-size:1.75rem;color:var(--color-text-primary);flex:none}._logo_14ycy_2 svg{display:block;inline-size:100%;block-size:100%}._agentBar_14ycy_4{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;block-size:2.5rem;padding-inline:.5rem;color:var(--color-text-secondary);flex:none}._footer_14ycy_5{display:flex;align-items:center;justify-content:flex-start;inline-size:100%;gap:.5rem;padding-inline:.5rem}._version_14ycy_6{font-family:var(--font-family-code);font-size:.6875rem;color:var(--color-text-secondary)}._phoneBrand_14ycy_7{display:flex;align-items:center}._settingsEntry_14ycy_9{padding:.25rem .5rem}._settingsEntry_14ycy_9 button{justify-content:flex-start}._rocket_t4g8o_2{position:relative;display:block;inline-size:100%;block-size:100%}._frame_t4g8o_3{position:absolute;inset:0;display:block}._frame_t4g8o_3 svg{display:block;inline-size:100%;block-size:100%}._viewer_1p4z5_2{--yarl__color_backdrop: rgb(0 0 0 / .88)}._diagram_1p4z5_3{border-radius:var(--radius-element);padding:1.5rem;box-sizing:content-box}._diagram_1p4z5_3 svg{display:block;width:100%!important;height:100%!important;max-width:none!important}._imageButton_1p4z5_6{display:block;inline-size:fit-content;max-inline-size:100%;margin-inline:auto;padding:0;border:0;background:none;cursor:zoom-in}._imageButton_1p4z5_6:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);outline-offset:2px}