.guide-page{margin:0;background:var(--ds-bg-raised);color:var(--ds-text);font-family:"Pretendard Variable",sans-serif;font-size:var(--ds-type-touch-body-font-size);line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.guide-page *{box-sizing:border-box}
.guide-page a{color:inherit;text-underline-offset:var(--ds-space-xs);touch-action:manipulation}
.guide-page :focus-visible{outline:var(--ds-border-width-thick) solid currentColor;outline-offset:var(--ds-space-xs)}
.guide-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-lg);padding:var(--ds-space-lg) var(--ds-space-5xl);border-bottom:var(--ds-border-width-hairline) solid var(--ds-border)}
.guide-brand{display:flex;align-items:center;min-height:var(--ds-layout-header-control-size)}
.guide-brand img{display:block;width:auto;height:var(--ds-icon-button-size-sm)}
.guide-header-links{display:flex;align-items:center;gap:var(--ds-space-2xl);font-size:var(--ds-type-body-font-size);white-space:nowrap}
.guide-header-links a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--ds-layout-header-control-size);text-decoration:none}
.guide-header-links a:hover,.guide-header-links a:focus-visible{text-decoration:underline}
.guide-current{font-weight:var(--ds-type-body-strong-font-weight)}
.guide-header-links .guide-download{padding:0 var(--ds-space-xl);gap:var(--ds-space-xl);background:var(--ds-text);color:var(--ds-bg-raised);border-radius:var(--ds-radius-md)}
.guide-layout{display:grid;grid-template-columns:var(--ds-layout-sidebar-width) minmax(0,1fr);gap:var(--ds-space-5xl);max-width:calc(var(--ds-layout-sidebar-width) + var(--ds-layout-profile-panel-max) + var(--ds-space-5xl) * 9);margin:auto;padding:var(--ds-space-5xl)}
.guide-sidebar{position:sticky;top:var(--ds-space-3xl);align-self:start;font-size:var(--ds-type-body-font-size);max-height:calc(100svh - var(--ds-space-5xl));overflow:auto}
#guide-toc-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.guide-nav-label{font-size:var(--ds-type-caption-font-size);font-weight:var(--ds-type-label-font-weight);color:var(--ds-text-tertiary);margin:0 0 var(--ds-space-md)}
.guide-nav-cookbook{margin-top:var(--ds-space-3xl)}
.guide-toc,.cookbook-toc{list-style:none;margin:0;padding:0;display:grid;gap:var(--ds-space-xs)}
.guide-toc a,.cookbook-toc a{display:flex;align-items:center;min-height:var(--ds-layout-header-control-size);padding:var(--ds-space-sm) 0;text-decoration:none;color:var(--ds-text-secondary);font-size:var(--ds-type-label-font-size)}
.guide-toc a:hover,.cookbook-toc a:hover{color:var(--ds-text);text-decoration:underline}
.guide-toc a[aria-current],.cookbook-toc a[aria-current]{color:var(--ds-text);font-weight:var(--ds-type-body-strong-font-weight);text-decoration:underline}
.guide-home{display:inline-flex;align-items:center;min-height:var(--ds-layout-header-control-size);margin-top:var(--ds-space-3xl);font-size:var(--ds-type-caption-font-size);text-decoration:none;color:var(--ds-text-tertiary)}
.guide-home:hover{text-decoration:underline}
#guide-content{min-width:0;scroll-margin-top:var(--ds-space-2xl)}
.guide-intro{padding-bottom:var(--ds-space-5xl)}
.guide-eyebrow,.guide-section-number,.guide-example-label{font-size:var(--ds-type-caption-font-size);font-weight:var(--ds-type-label-font-weight);letter-spacing:var(--ds-type-overline-letter-spacing);color:var(--ds-text-tertiary)}
.guide-eyebrow{margin:0 0 var(--ds-space-lg)}
.guide-intro h1{font-size:var(--ds-type-display-font-size);line-height:1.25;letter-spacing:var(--ds-type-display-letter-spacing);font-weight:var(--ds-type-title-font-weight);margin:0 0 var(--ds-space-xl)}
.guide-lead{margin:0;color:var(--ds-text-secondary)}
.guide-start{display:flex;gap:var(--ds-space-2xl);margin-top:var(--ds-space-xl);font-size:var(--ds-type-body-font-size);flex-wrap:wrap}
.guide-start a{display:inline-flex;gap:var(--ds-space-lg);align-items:center;min-height:var(--ds-layout-header-control-size)}
.guide-section,.guide-cookbook{padding:var(--ds-space-5xl) 0;border-top:var(--ds-border-width-hairline) solid var(--ds-border);scroll-margin-top:var(--ds-space-3xl)}
.guide-section-number{margin:0 0 var(--ds-space-md)}
.guide-section h2,.guide-cookbook h2{font-size:var(--ds-type-title-lg-font-size);line-height:1.4;font-weight:var(--ds-type-title-font-weight);letter-spacing:var(--ds-type-title-lg-letter-spacing);margin:0 0 var(--ds-space-lg)}
.guide-section-heading{margin-bottom:var(--ds-space-3xl)}
.guide-section-heading>p:last-child,.cookbook-lead{max-width:var(--ds-layout-profile-panel-max)}
.guide-section h3,.guide-cookbook h3{font-size:var(--ds-type-touch-heading-font-size);font-weight:var(--ds-type-heading-font-weight);line-height:1.5;margin:0 0 var(--ds-space-md)}
.guide-section h4{font-size:inherit;line-height:1.5;font-weight:var(--ds-type-heading-font-weight);margin:0 0 var(--ds-space-sm)}
.guide-section p,.guide-cookbook p{color:var(--ds-text-secondary);margin-top:0;margin-bottom:var(--ds-space-lg)}
.guide-section strong,.guide-cookbook strong{font-weight:var(--ds-type-body-strong-font-weight);color:var(--ds-text)}
.guide-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--ds-space-3xl);align-items:start}
.guide-copy{font-size:var(--ds-type-body-font-size)}
.guide-steps{padding-left:var(--ds-space-xl);margin:0}
.guide-steps li{padding-left:var(--ds-space-xs);margin-bottom:var(--ds-space-2xl)}
.guide-steps li:last-child{margin-bottom:0}
.guide-steps li::marker{font-size:var(--ds-type-label-font-size);color:var(--ds-text-tertiary)}
.guide-steps h3{font-size:var(--ds-type-body-font-size);margin-bottom:var(--ds-space-sm)}
.guide-steps p:last-child{margin-bottom:0}
.guide-figure{margin:0;min-width:0}
.guide-figure figcaption{font-size:var(--ds-type-caption-font-size);color:var(--ds-text-tertiary);line-height:1.7;margin-top:var(--ds-space-md)}
.guide-figure figcaption span{display:block;color:var(--ds-text-secondary);font-weight:var(--ds-type-label-font-weight)}
.guide-note{padding:var(--ds-space-md) 0 var(--ds-space-md) var(--ds-space-lg);border-left:var(--ds-border-width-thick) solid var(--ds-border-strong);margin-top:var(--ds-space-2xl);font-size:var(--ds-type-body-font-size)}
.guide-note p{margin:var(--ds-space-sm) 0 0}
.guide-section .guide-tip{font-size:var(--ds-type-label-font-size);color:var(--ds-text-tertiary);margin:var(--ds-space-2xl) 0 0}
.guide-table-wrap{margin-top:var(--ds-space-3xl);overflow-x:auto}
.guide-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--ds-type-body-font-size)}
.guide-table caption{text-align:left;font-weight:var(--ds-type-heading-font-weight);margin-bottom:var(--ds-space-lg)}
.guide-table th,.guide-table td{padding:var(--ds-space-lg);border-bottom:var(--ds-border-width-hairline) solid var(--ds-border);vertical-align:top}
.guide-table tbody tr:last-child>*{border-bottom:0}
.guide-table thead{background:var(--ds-bg);font-size:var(--ds-type-label-font-size);color:var(--ds-text-secondary)}
.guide-table th:first-child{padding-left:var(--ds-space-md)}
.guide-table tbody th{font-weight:var(--ds-type-body-strong-font-weight)}
.guide-table td{color:var(--ds-text-secondary)}
.guide-subsection{margin-top:var(--ds-space-5xl)}
.guide-subsection>h3{margin-bottom:var(--ds-space-xl)}
.guide-subsection>p{max-width:var(--ds-layout-profile-panel-max)}
.guide-context{display:flex;flex-wrap:wrap;gap:var(--ds-space-md) var(--ds-space-2xl);padding:var(--ds-space-md) 0;margin:0 0 var(--ds-space-2xl);font-size:var(--ds-type-label-font-size);border-bottom:var(--ds-border-width-hairline) solid var(--ds-border)}
.guide-context>div{display:flex;gap:var(--ds-space-sm);align-items:baseline}
.guide-context dt{color:var(--ds-text-tertiary)}
.guide-context dd{margin:0;color:var(--ds-text);font-weight:var(--ds-type-label-font-weight)}
.guide-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-3xl)}
.guide-status-item{min-width:0}
.guide-status-item figcaption{font-size:var(--ds-type-body-font-size);color:var(--ds-text-secondary)}
.guide-status-item figcaption span{display:none}
.recipe-step{margin:var(--ds-space-3xl) 0}
.recipe-step h4{font-size:var(--ds-type-touch-heading-font-size);margin:0 0 var(--ds-space-lg);line-height:1.5}
.guide-subsection[id]{scroll-margin-top:var(--ds-space-3xl)}
@media(max-width:760px){.guide-status-grid{grid-template-columns:minmax(0,1fr)}}
.guide-prompt{padding:var(--ds-space-lg);margin-top:var(--ds-space-2xl);background:var(--ds-bg);border-radius:var(--ds-radius-md)}
.guide-prompt p:last-child{margin-bottom:0}
.guide-page code{font:inherit;color:var(--ds-text)}
.guide-steps-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-3xl);padding-left:0;list-style-position:inside;font-size:var(--ds-type-body-font-size);margin-bottom:var(--ds-space-2xl)}
.guide-steps-inline li{padding:0}
.guide-steps-inline li::marker{font-size:var(--ds-type-title-font-size)}
.guide-steps-inline h3{margin-top:var(--ds-space-sm)}
.guide-private-notes{grid-template-columns:1fr 1fr;margin-top:var(--ds-space-3xl);font-size:var(--ds-type-body-font-size)}
.guide-private-notes h3{font-size:inherit}
.cookbook-lead{margin-bottom:var(--ds-space-3xl)!important}
.cookbook-recipe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--ds-space-3xl);padding:var(--ds-space-3xl) 0;border-top:var(--ds-border-width-hairline) solid var(--ds-border);scroll-margin-top:var(--ds-space-3xl)}
.recipe-number{display:block;font-size:var(--ds-type-title-lg-font-size);font-weight:var(--ds-type-title-font-weight);color:var(--ds-text-tertiary);margin-bottom:var(--ds-space-lg)}
.recipe-context p{font-size:var(--ds-type-caption-font-size)}
.recipe-body{min-width:0;font-size:var(--ds-type-body-font-size)}
.recipe-prep,.recipe-result{font-size:var(--ds-type-body-font-size)}
.recipe-prep strong,.recipe-result strong{display:block;margin-bottom:var(--ds-space-xs)}
.recipe-request{padding:var(--ds-space-xl);background:var(--ds-bg);border-radius:var(--ds-radius-md);margin:var(--ds-space-xl) 0}
.recipe-request>p:has(code){font-size:var(--ds-type-touch-body-font-size);line-height:1.8}
.recipe-copy{display:flex;align-items:center;gap:var(--ds-space-lg)}
.recipe-copy button{border:var(--ds-border-width-hairline) solid var(--ds-border-strong);border-radius:var(--ds-radius-sm);font:inherit;font-size:var(--ds-type-label-font-size);color:var(--ds-text);background:var(--ds-bg-raised);padding:var(--ds-space-sm) var(--ds-space-lg);min-height:var(--ds-layout-header-control-size);white-space:nowrap;cursor:pointer}
.recipe-copy button:hover{background:var(--ds-bg-hover)}
.recipe-copy [role="status"]{font-size:var(--ds-type-caption-font-size);color:var(--ds-text-secondary)}
.guide-action{display:inline-flex;align-items:center;min-height:var(--ds-layout-header-control-size);font-size:var(--ds-type-label-font-size)}
.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-lg);padding:var(--ds-space-2xl) 0;border-top:var(--ds-border-width-hairline) solid var(--ds-border);font-size:var(--ds-type-caption-font-size);color:var(--ds-text-tertiary)}
.guide-footer a{display:inline-flex;align-items:center;min-height:var(--ds-layout-header-control-size);text-decoration:none}
.guide-skip{position:absolute;left:var(--ds-space-lg);top:var(--ds-space-lg);transform:translateY(-200%);background:var(--ds-bg-raised);padding:var(--ds-space-md);z-index:var(--ds-z-dropdown)}
.guide-skip:focus{transform:none}
@media(max-width:1100px){.guide-layout{grid-template-columns:var(--ds-layout-sidebar-width) minmax(0,1fr);gap:var(--ds-space-3xl);padding:var(--ds-space-3xl)}.guide-row{grid-template-columns:minmax(0,1fr)}.guide-copy{font-size:var(--ds-type-touch-body-font-size)}.guide-figure{max-width:var(--ds-layout-profile-panel-max)}.guide-steps-inline{grid-template-columns:1fr}.guide-steps-inline li{margin-bottom:0}.cookbook-recipe{grid-template-columns:minmax(0,1fr)}.recipe-context{display:flex;gap:var(--ds-space-lg);align-items:center}.recipe-context p,.recipe-number{margin-bottom:0}.guide-header{padding:var(--ds-space-lg) var(--ds-space-3xl)}}
@media(max-width:760px){.guide-layout{grid-template-columns:minmax(0,1fr);gap:var(--ds-space-3xl);padding:var(--ds-space-2xl)}.guide-sidebar{position:static;max-height:none;display:grid;grid-template-columns:1fr}.guide-toc,.cookbook-toc{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--ds-space-lg)}.guide-home{display:none}.guide-intro{padding-bottom:var(--ds-space-3xl)}.guide-intro h1{font-size:var(--ds-type-title-xl-font-size)}.guide-section,.guide-cookbook{padding:var(--ds-space-3xl) 0}.guide-section h2,.guide-cookbook h2{font-size:var(--ds-type-touch-title-font-size)}.guide-table th,.guide-table td{padding:var(--ds-space-md) var(--ds-space-sm);font-size:var(--ds-type-label-font-size)}.guide-table th:first-child{padding-left:0}.recipe-copy{align-items:flex-start;flex-direction:column;gap:var(--ds-space-sm)}.guide-subsection{margin-top:var(--ds-space-3xl)}}
@media(max-width:640px){.guide-header{padding:var(--ds-space-sm) var(--ds-space-lg);gap:var(--ds-space-sm)}.guide-header-links{gap:var(--ds-space-lg);font-size:var(--ds-type-label-font-size)}.guide-brand img{width:var(--ds-icon-button-size-md);height:var(--ds-icon-button-size-md)}.guide-header-links .guide-download{padding:0 var(--ds-space-md);gap:var(--ds-space-md)}}

.guide-navigation summary{display:none;cursor:pointer;min-height:var(--ds-layout-header-control-size);font-size:var(--ds-type-body-font-size);font-weight:var(--ds-type-body-strong-font-weight)}
@media(max-width:760px){.guide-navigation summary{display:list-item;align-content:center;margin-bottom:var(--ds-space-md)}.guide-navigation:not([open]) summary{margin-bottom:0}}
.guide-screen{position:relative;overflow:hidden;isolation:isolate;background:var(--ds-bg);border:var(--ds-border-width-hairline) solid var(--ds-border);border-radius:var(--ds-radius-lg)}
.guide-screen iframe{position:absolute;left:0;top:0;max-width:none;border:0;transform-origin:top left;transform:scale(var(--screen-scale,1));pointer-events:none}
.guide-screen-enlarge{display:inline-flex;align-items:center;min-height:var(--ds-layout-header-control-size);font-size:var(--ds-type-caption-font-size);color:var(--ds-text-secondary);text-underline-offset:var(--ds-space-xs)}