:root{--todae-font-family-sans:var(--docs-font-sans,system-ui),system-ui,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--todae-font-family-mono:var(--docs-font-mono,ui-monospace),ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:16px;line-height:1.6;--docs-topbar:3.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root,[data-appearance]{font-family:var(--todae-text-font-family)}*{box-sizing:border-box}body{margin:0}:root:lang(ko){word-break:keep-all;overflow-wrap:anywhere}.shell{--docs-line:color-mix(in oklch,var(--todae-color-border-subtle) 50%,var(--todae-color-bg-canvas));--docs-raised:color-mix(in oklch,var(--todae-color-bg-subtle) 45%,var(--todae-color-bg-canvas));min-height:100vh;color:var(--todae-color-fg-default);background:var(--todae-color-bg-canvas)}.skip-link{position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;z-index:50;padding:.5rem .875rem;border-radius:var(--todae-radius-md);background:var(--todae-color-accent-default);color:var(--todae-color-on-accent);font-weight:600}.topbar{position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:20;-webkit-border-after:1px solid var(--docs-line);border-block-end:1px solid var(--docs-line);background:color-mix(in oklch,var(--todae-color-bg-canvas) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}.topbar-inner{display:flex;align-items:center;gap:.75rem;max-inline-size:90rem;block-size:var(--docs-topbar);margin-inline:auto;padding-inline:1rem}.brand{display:inline-flex;align-items:center;gap:.625rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;font-size:1.0625rem;font-weight:650;letter-spacing:-.02em;text-decoration:none;color:inherit}.brand-mark{inline-size:1.25rem;block-size:1.25rem;border-radius:.3125rem;background:linear-gradient(var(--todae-color-fg-default),var(--todae-color-fg-default)) center .1875rem /.625rem .5rem no-repeat,linear-gradient(var(--todae-color-fg-default),var(--todae-color-fg-default)) center bottom .1875rem /.875rem .25rem no-repeat,var(--todae-color-bg-subtle);box-shadow:inset 0 0 0 1px var(--docs-line)}.language-switcher ul,.top-links ul{display:flex;gap:.125rem;margin:0;padding:0;list-style:none}.language-switcher a,.top-links a{display:block;padding:.375rem .625rem;border-radius:var(--todae-radius-md);color:var(--todae-color-fg-muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .12s,background-color .12s}.language-switcher a:hover,.top-links a:hover{color:var(--todae-color-fg-default);background:var(--todae-color-bg-highlight)}.language-switcher a[aria-current=true]{color:var(--todae-color-fg-default);background:var(--todae-color-bg-subtle);text-decoration:none}.topbar-tools{display:flex;align-items:center;gap:.5rem;-webkit-margin-start:auto;margin-inline-start:auto}.topbar-icon-link{display:inline-grid;place-items:center;inline-size:2.25rem;block-size:2.25rem;border-radius:var(--todae-radius-md);color:var(--todae-color-fg-muted)}.topbar-icon-link:hover{color:var(--todae-color-fg-default);background:var(--todae-color-bg-highlight)}.theme-switcher{padding:.125rem;border:1px solid var(--docs-line);border-radius:var(--todae-radius-md)}.mobile-nav-drawer .site-nav{padding-block:.25rem 1rem}@media (min-width:64rem){.shell:not(:has(.playground)) .mobile-nav-trigger{display:none}}@media (max-width:48rem){.top-links{display:none}.topbar-inner{gap:.25rem}}@media (max-width:30rem){.topbar-tools .theme-switcher{display:none}}.layout{display:grid;grid-template-columns:minmax(0,1fr);max-inline-size:90rem;margin-inline:auto;padding-inline:1.25rem}.sidebar{display:none}@media (min-width:64rem){.layout{grid-template-columns:15rem minmax(0,1fr);column-gap:3.5rem;padding-inline:1.5rem}.sidebar{display:block;position:-webkit-sticky;position:sticky;inset-block-start:var(--docs-topbar);block-size:calc(100dvh - var(--docs-topbar));overflow-y:auto;overscroll-behavior:contain;padding-block:1.75rem 3rem}}.layout:has(.home,.playground){grid-template-columns:minmax(0,1fr)}.layout:has(.home,.playground) .sidebar{display:none}.layout:has(.playground){max-inline-size:none;padding-inline:0}.site-nav{display:grid;grid-gap:1.5rem;gap:1.5rem}.site-nav-label{display:block;-webkit-margin-after:.375rem;margin-block-end:.375rem;padding-inline:.625rem;color:var(--todae-color-fg-default);font-size:.8125rem;font-weight:600}.site-nav ul{display:grid;grid-gap:1px;gap:1px;margin:0;padding:0;list-style:none}.site-nav a{display:block;padding:.3125rem .625rem;border-radius:var(--todae-radius-md);color:var(--todae-color-fg-muted);font-size:.875rem;line-height:1.4;text-decoration:none;overflow-wrap:anywhere;transition:color .12s,background-color .12s}.site-nav a:hover{color:var(--todae-color-fg-default);background:var(--todae-color-bg-highlight)}.site-nav a[aria-current=page]{color:var(--todae-color-fg-default);background:var(--todae-color-bg-subtle);font-weight:600;text-decoration:none}main{min-inline-size:0;padding-block:2.5rem 6rem}main:focus{outline:none}.layout:not(:has(.home,.playground)) main{max-inline-size:46rem}:where(main,main>div[lang])>h1{margin:0 0 1rem;font-size:clamp(2rem,1.6rem + 1.5vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;text-wrap:balance}:where(main,main>div[lang])>h1+p{color:var(--todae-color-fg-muted);font-size:1.125rem}:where(main,main>div[lang])>h2{margin:3rem 0 .75rem;-webkit-padding-before:2rem;padding-block-start:2rem;-webkit-border-before:1px solid var(--docs-line);border-block-start:1px solid var(--docs-line);font-size:1.5rem;font-weight:650;line-height:1.25;letter-spacing:-.02em}:where(main,main>div[lang])>h3{margin:2rem 0 .5rem;font-size:1.125rem;font-weight:600;line-height:1.35;letter-spacing:-.01em}:where(main,main>div[lang])>h4{margin:1.5rem 0 .5rem;font-size:1rem;font-weight:600}:where(main,main>div[lang])>:is(h1,h2,h3,h4){scroll-margin-block-start:calc(var(--docs-topbar) + 1.5rem)}:where(main,main>div[lang])>:is(p,ul,ol){margin-block:.875rem;line-height:1.7;text-wrap:pretty}:where(main,main>div[lang])>:is(ul,ol){-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}:where(main,main>div[lang])>:is(ul,ol)>li+li{-webkit-margin-before:.375rem;margin-block-start:.375rem}:where(main,main>div[lang])>blockquote{margin:1.25rem 0;padding:.25rem 0 .25rem 1rem;-webkit-border-start:3px solid var(--todae-color-border-default);border-inline-start:3px solid var(--todae-color-border-default);color:var(--todae-color-fg-muted)}.untranslated-notice{margin:0 0 2rem;padding:.75rem 1rem;border:1px solid var(--docs-line);border-radius:var(--todae-radius-md);background:var(--docs-raised);color:var(--todae-color-fg-muted);font-size:.875rem}.example{display:flex;flex-wrap:wrap;gap:var(--todae-stack-gap,.75rem);align-items:center;margin:1.5rem 0;padding:2rem 1.5rem;border:1px solid var(--docs-line);border-radius:var(--todae-radius-lg);background:radial-gradient(circle at 1px 1px,var(--docs-line) 1px,transparent 0) 0 0 /1rem 1rem,var(--todae-color-bg-surface)}.example-block{flex-direction:column;align-items:stretch}.docs-pre{max-width:100%;padding:calc(var(--todae-chip-ring-width) + var(--todae-chip-ring-offset));margin-block:1rem;margin-inline:calc((var(--todae-chip-ring-width) + var(--todae-chip-ring-offset)) * -1);border-radius:calc(var(--todae-radius-lg) + var(--todae-chip-ring-width) + var(--todae-chip-ring-offset))}.docs-pre:has(pre:focus-visible){outline:var(--todae-chip-ring-width) solid var(--todae-chip-ring-focus);outline-offset:calc(var(--todae-chip-ring-offset) * -1)}.docs-pre pre{margin:0;max-width:100%;overflow-x:auto;padding:1rem 1.25rem;border:1px solid var(--docs-line);border-radius:var(--todae-radius-lg);background:var(--docs-raised);font-size:.8125rem;line-height:1.7}.docs-pre pre:focus-visible{outline:none}.scroll-x{max-width:100%;padding:calc(var(--todae-chip-ring-width) + var(--todae-chip-ring-offset));margin-block:1.25rem;margin-inline:calc((var(--todae-chip-ring-width) + var(--todae-chip-ring-offset)) * -1)}.scroll-x:has(.scroll-x-body:focus-visible){outline:var(--todae-chip-ring-width) solid var(--todae-chip-ring-focus);outline-offset:calc(var(--todae-chip-ring-offset) * -1);border-radius:var(--todae-radius-lg)}.scroll-x-body{max-width:100%;overflow-x:auto;border:1px solid var(--docs-line);border-radius:var(--todae-radius-lg)}.scroll-x-body:focus-visible{outline:none}.scroll-x-body>table{inline-size:100%;margin:0;font-size:.875rem}.scroll-x-body>table>caption{padding:.75rem 1rem 0;text-align:start;font-weight:600}table{margin:1rem 0}.props-table{container:props-table/inline-size;margin-block:1.25rem}.props-table>.scroll-x{margin-block:0}.props-table td,.props-table th{overflow-wrap:anywhere}.props-table .props-name code{font-weight:600}.props-table .props-required{display:block;inline-size:-moz-fit-content;inline-size:fit-content;-webkit-margin-before:.375rem;margin-block-start:.375rem}.props-table td p{margin:0}@container props-table (width >= 40rem){.props-table .props-name{inline-size:1%;white-space:nowrap}.props-table td:nth-child(2){inline-size:35%;min-inline-size:10rem}.props-table td:last-child{min-inline-size:16rem}}.props-table .props-type{display:inline-block;max-inline-size:100%;white-space:normal}.props-table .props-type-member{display:block;-webkit-padding-start:1ch;padding-inline-start:1ch;text-indent:-1ch}.props-table .props-default{-webkit-margin-before:.375rem;margin-block-start:.375rem;color:var(--todae-color-fg-muted)}.props-table .props-default-label{font-weight:600}@container props-table (width < 40rem){.props-table thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.props-table tr{display:grid;grid-gap:.5rem;gap:.5rem;padding:var(--todae-table-cell-padding-y) var(--todae-table-cell-padding-x);-webkit-border-after:var(--todae-table-rule-thickness) solid var(--todae-table-border);border-block-end:var(--todae-table-rule-thickness) solid var(--todae-table-border)}.props-table tbody tr:last-child{-webkit-border-after:0;border-block-end:0}.props-table .props-required{display:inline-block;-webkit-margin-before:0;margin-block-start:0}.props-table tbody :is(th,td){display:block;inline-size:auto;min-inline-size:0;padding:0;border:0;white-space:normal}}.labelled-field{display:flex;flex-direction:column}.labelled-field>:not([data-todae-description],[data-todae-error])+:not([data-todae-description],[data-todae-error]){-webkit-margin-before:var(--todae-field-label-gap);margin-block-start:var(--todae-field-label-gap)}.home{max-inline-size:76rem;margin-inline:auto;-webkit-padding-before:1rem;padding-block-start:1rem}.hero{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:3rem;gap:3rem;align-items:center;padding-block:2rem 4.5rem}@media (min-width:64rem){.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:4rem;padding-block:3.5rem 5rem}}.hero-eyebrow{display:inline-block;margin:0;padding:.25rem .75rem;border:1px solid var(--docs-line);border-radius:999px;background:var(--docs-raised);color:var(--todae-color-fg-muted);font-size:.8125rem;font-weight:500}.hero h1{margin:1.25rem 0 1rem;font-size:clamp(2.25rem,1.4rem + 3.2vw,3.75rem);font-weight:700;line-height:1.05;letter-spacing:-.04em;text-wrap:balance}.hero-lead{max-inline-size:36rem;margin:0;color:var(--todae-color-fg-muted);font-size:1.125rem;line-height:1.6;text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;-webkit-margin-before:2rem;margin-block-start:2rem}.docs-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.6875rem 1.125rem;border:1px solid var(--todae-color-border-default);border-radius:var(--todae-button-base-radius);background:var(--todae-color-bg-surface);color:var(--todae-color-fg-default);font-size:.9375rem;font-weight:550;text-decoration:none;transition:background-color .12s,border-color .12s}.docs-cta:hover{background:var(--todae-color-bg-highlight)}.docs-cta-primary{border-color:var(--todae-button-primary-bg-default);background:var(--todae-button-primary-bg-default);color:var(--todae-button-primary-fg-default)}.docs-cta-primary:hover{border-color:var(--todae-button-primary-bg-hover);background:var(--todae-button-primary-bg-hover)}.hero-showcase{padding:clamp(1rem,3vw,2rem);border:1px solid var(--docs-line);border-radius:1.25rem;background:radial-gradient(circle at 1px 1px,var(--docs-line) 1px,transparent 0) 0 0 /1.25rem 1.25rem,var(--docs-raised)}.showcase-card{box-shadow:0 1px 2px oklch(0 0 0/.06),0 16px 40px -16px oklch(0 0 0/.22)}.showcase-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.showcase-panel{display:grid;grid-gap:.875rem;gap:.875rem;-webkit-padding-before:1rem;padding-block-start:1rem}.home-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));grid-gap:1rem;gap:1rem}.home-group{padding:1.5rem;border:1px solid var(--docs-line);border-radius:var(--todae-radius-lg);background:var(--todae-color-bg-surface)}@media (min-width:48rem){.home-group:has(li:nth-child(10)){grid-column:span 2}}.home-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.home-group h2{margin:0;font-size:1.125rem;font-weight:650;letter-spacing:-.01em}.home-group-count{font-size:.8125rem;white-space:nowrap}.home-group p,.home-group-count{color:var(--todae-color-fg-muted)}.home-group p{margin:.375rem 0 1rem;font-size:.9375rem}.home-group ul{display:flex;flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none}.home-group a{display:block;padding:.1875rem .625rem;border:1px solid var(--docs-line);border-radius:var(--todae-radius-md);color:var(--todae-color-fg-default);font-size:.8125rem;text-decoration:none}.home-group a:hover{border-color:var(--todae-color-border-default);background:var(--todae-color-bg-highlight)}.playground{display:grid;grid-template-columns:minmax(0,1fr);margin-block:-2.5rem -6rem;min-block-size:calc(100dvh - var(--docs-topbar))}@media (min-width:64rem){.playground{grid-template-columns:23rem minmax(0,1fr)}}.pg-rail{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 1.25rem 0;-webkit-border-after:1px solid var(--docs-line);border-block-end:1px solid var(--docs-line);background:var(--todae-color-bg-surface)}@media (min-width:64rem){.pg-rail{position:-webkit-sticky;position:sticky;inset-block-start:var(--docs-topbar);block-size:calc(100dvh - var(--docs-topbar));overflow-y:auto;overscroll-behavior:contain;-webkit-border-after:0;border-block-end:0;-webkit-border-end:1px solid var(--docs-line);border-inline-end:1px solid var(--docs-line)}}.pg-intro h1{margin:0;font-size:1.375rem;font-weight:700;letter-spacing:-.02em}.pg-intro p{margin:.375rem 0 0;color:var(--todae-color-fg-muted);font-size:.875rem;line-height:1.5}.pg-section{min-inline-size:0;margin:0;padding:0;border:0}.pg-heading{display:block;margin:0 0 .625rem;padding:0;color:var(--todae-color-fg-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.preset{display:grid;grid-gap:.375rem;gap:.375rem;padding:.375rem .375rem .5rem;border:1px solid var(--docs-line);border-radius:var(--todae-radius-md);background:var(--todae-color-bg-canvas);cursor:pointer;transition:border-color .12s}.preset:hover{border-color:var(--todae-color-border-default)}.preset[data-selected]{border-color:var(--todae-color-fg-default);box-shadow:0 0 0 1px var(--todae-color-fg-default)}.preset:has(input:focus-visible){outline:2px solid var(--todae-color-accent-default);outline-offset:2px}.preset-swatch{display:block;padding:.375rem;border-radius:calc(var(--todae-radius-md) - .125rem);background:var(--todae-color-bg-subtle)}.preset-swatch-surface{display:grid;align-content:start;grid-gap:.25rem;gap:.25rem;block-size:3.5rem;padding:.375rem;border:var(--todae-border-width) solid var(--todae-color-border-subtle);border-radius:var(--todae-radius-md);background:var(--todae-color-bg-surface)}.preset-swatch-type{color:var(--todae-color-fg-default);font-size:.875rem;font-weight:var(--todae-font-weight-bold);line-height:1}.preset-swatch-accent{inline-size:55%;block-size:.625rem;-webkit-margin-after:.125rem;margin-block-end:.125rem;border-radius:var(--todae-button-base-radius);background:var(--todae-color-accent-default)}.preset-swatch-line{block-size:.25rem;border-radius:.125rem;background:var(--todae-color-fg-muted);opacity:.45}.preset-swatch-line-short{inline-size:60%}.preset-name{font-size:.8125rem;font-weight:500;text-align:center}.pg-modes{display:grid;grid-gap:1rem;gap:1rem}.pg-tokens-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.pg-changed{color:var(--todae-color-fg-muted);font-size:.75rem;font-weight:500}.pg-token-panel{-webkit-padding-before:.75rem;padding-block-start:.75rem}.pg-token-list,.pg-token-panel{display:grid;grid-gap:.75rem;gap:.75rem}.pg-empty{margin:0;color:var(--todae-color-fg-muted);font-size:.875rem}.token-row{display:grid;grid-gap:.25rem;gap:.25rem}.token-row label code{padding:0;background:none;color:var(--todae-color-fg-muted);font-size:.75rem}.token-row[data-edited] label code{color:var(--todae-color-fg-default);font-weight:600}.token-row[data-edited] label code:before{content:"";display:inline-block;inline-size:.375rem;block-size:.375rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem;border-radius:50%;background:var(--todae-color-accent-default);vertical-align:middle}.token-row-inputs{display:flex;align-items:center;gap:.375rem}.token-row-inputs>:last-child{flex:1 1 auto;min-inline-size:0}.token-row-inputs input:not([type=color]){font-family:var(--todae-font-family-mono);font-size:.75rem}.token-swatch{flex:none;inline-size:2rem;block-size:2rem;padding:.1875rem;border:1px solid var(--todae-color-border-default);border-radius:var(--todae-field-radius);background:var(--todae-color-bg-surface);cursor:pointer}.token-swatch::-webkit-color-swatch-wrapper{padding:0}.token-swatch::-webkit-color-swatch{border:0;border-radius:calc(var(--todae-field-radius) - .1875rem)}.token-swatch::-moz-color-swatch{border:0;border-radius:calc(var(--todae-field-radius) - .1875rem)}.token-swatch:focus-visible{outline:2px solid var(--todae-color-accent-default);outline-offset:2px}.pg-actions{position:-webkit-sticky;position:sticky;inset-block-end:0;display:flex;gap:.5rem;-webkit-margin-before:auto;margin-block-start:auto;margin-inline:-1.25rem;padding:.875rem 1.25rem;-webkit-border-before:1px solid var(--docs-line);border-block-start:1px solid var(--docs-line);background:var(--todae-color-bg-surface)}.pg-actions>*{flex:1 1}.pg-hint{margin:-1rem 0 1rem;color:var(--todae-color-fg-muted);font-size:.75rem}.pg-stage-theme{display:flex;min-inline-size:0}.pg-stage{flex:1 1 auto;min-inline-size:0;padding:clamp(1rem,3vw,2.5rem);background:var(--todae-color-bg-subtle);color:var(--todae-color-fg-default);container-type:inline-size}.preview{display:grid;grid-gap:1.5rem;gap:1.5rem;max-inline-size:70rem;margin-inline:auto}.preview-head{flex-wrap:wrap;justify-content:space-between;gap:1rem}.preview-head,.preview-user{display:flex;align-items:center}.preview-user{gap:.875rem}.preview-actions{display:flex;flex-wrap:wrap;gap:.5rem}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;align-items:start}.preview-span-2{grid-column:span 2}.preview-span-3{grid-column:1/-1}.preview-tall{grid-column:3;grid-row:1/span 2}@container (max-width: 60rem){.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-span-2{grid-column:1/-1}.preview-tall{grid-column:auto;grid-row:auto}}@container (max-width: 38rem){.preview-grid{grid-template-columns:minmax(0,1fr)}.preview-alerts,.preview-stats{grid-template-columns:minmax(0,1fr)!important}}.preview-card-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1.25rem;gap:1.25rem}.preview-stats>div{display:grid;justify-items:start;grid-gap:.375rem;gap:.375rem}.preview-stats progress{inline-size:100%}.preview-form,.preview-stack{display:grid;grid-gap:1rem;gap:1rem}.preview-chips{display:flex;flex-wrap:wrap;gap:.375rem}.preview-list{margin:0;padding:0;list-style:none}.preview-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.625rem;-webkit-border-after:1px solid var(--todae-color-border-subtle);border-block-end:1px solid var(--todae-color-border-subtle)}.preview-list li:last-child{-webkit-border-after:0;border-block-end:0}.preview-alerts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.demo-toolbar{display:flex;gap:var(--todae-space-1)}.demo-highlight-text p{margin:0;max-width:60ch}::highlight(docs-combobox-match),::highlight(docs-search){background-color:var(--todae-color-status-warning-bg);color:var(--todae-color-fg-default)}::highlight(docs-search-current){background-color:var(--todae-color-status-warning-border);color:var(--todae-color-fg-default)}.demo-stars{letter-spacing:.1em;outline:none}