:root{--ds-color-neutral-0:#fff;--ds-color-neutral-50:#f8f9fb;--ds-color-neutral-100:#f0f2f5;--ds-color-neutral-200:#e2e6ec;--ds-color-neutral-300:#cdd3dc;--ds-color-neutral-400:#aab3bf;--ds-color-neutral-500:#84909f;--ds-color-neutral-600:#667281;--ds-color-neutral-700:#485463;--ds-color-neutral-800:#2f3945;--ds-color-neutral-900:#171d24;--ds-color-blue-50:#eef4ff;--ds-color-blue-100:#dce8ff;--ds-color-blue-200:#b8d0ff;--ds-color-blue-300:#8bb1ff;--ds-color-blue-400:#5e91ff;--ds-color-blue-500:#366fff;--ds-color-blue-600:#245be0;--ds-color-blue-700:#1c47b4;--ds-color-blue-800:#193c8f;--ds-color-blue-900:#183575;--ds-color-red-50:#fff1f2;--ds-color-red-100:#ffe0e3;--ds-color-red-500:#e5484d;--ds-color-red-600:#d13438;--ds-color-red-700:#b42329;--ds-color-green-50:#edfcf2;--ds-color-green-100:#d5f5e1;--ds-color-green-500:#20a464;--ds-color-green-600:#178650;--ds-color-green-700:#126b42;--ds-space-0:0px;--ds-space-2:2px;--ds-space-4:4px;--ds-space-8:8px;--ds-space-12:12px;--ds-space-16:16px;--ds-space-20:20px;--ds-space-24:24px;--ds-space-32:32px;--ds-space-40:40px;--ds-space-48:48px;--ds-space-64:64px;--ds-size-icon-small:16px;--ds-size-icon-medium:20px;--ds-size-icon-large:24px;--ds-size-badge-small:20px;--ds-size-badge-medium:24px;--ds-size-control-small:44px;--ds-size-control-medium:48px;--ds-size-control-large:56px;--ds-radius-none:0px;--ds-radius-sm:6px;--ds-radius-md:10px;--ds-radius-lg:14px;--ds-radius-xl:20px;--ds-radius-full:9999px;--ds-font-size-caption:12px;--ds-font-size-body-sm:14px;--ds-font-size-body:16px;--ds-font-size-body-lg:18px;--ds-font-size-title-sm:20px;--ds-font-size-title:24px;--ds-font-size-heading:32px;--ds-font-size-display:40px;--ds-font-weight-regular:400;--ds-font-weight-medium:500;--ds-font-weight-semibold:600;--ds-font-weight-bold:700;--ds-font-line-height-caption:16px;--ds-font-line-height-body-sm:20px;--ds-font-line-height-body:24px;--ds-font-line-height-body-lg:28px;--ds-font-line-height-title-sm:28px;--ds-font-line-height-title:32px;--ds-font-line-height-heading:40px;--ds-font-line-height-display:48px;--ds-font-family-sans:"IBM Plex Sans KR", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-elevation-1:0 1px 2px #0f172a0f;--ds-elevation-2:0 8px 24px #0f172a1a;--ds-blur-subtle:8px;--ds-color-bg-canvas:var(--ds-color-neutral-50);--ds-color-bg-surface:var(--ds-color-neutral-0);--ds-color-bg-subtle:var(--ds-color-neutral-100);--ds-color-text-primary:var(--ds-color-neutral-900);--ds-color-text-secondary:var(--ds-color-neutral-600);--ds-color-text-disabled:var(--ds-color-neutral-400);--ds-color-text-inverse:var(--ds-color-neutral-0);--ds-color-icon-primary:var(--ds-color-neutral-900);--ds-color-border-default:var(--ds-color-neutral-500);--ds-color-border-strong:var(--ds-color-neutral-600);--ds-color-border-focus:var(--ds-color-blue-500);--ds-color-action-primary:var(--ds-color-blue-600);--ds-color-action-primary-hover:var(--ds-color-blue-700);--ds-color-action-primary-pressed:var(--ds-color-blue-800);--ds-color-action-on-primary:var(--ds-color-neutral-0);--ds-color-action-weak:var(--ds-color-blue-50);--ds-color-action-weak-hover:var(--ds-color-blue-100);--ds-color-action-on-weak:var(--ds-color-blue-700);--ds-color-status-danger:var(--ds-color-red-700);--ds-color-status-danger-subtle:var(--ds-color-red-50);--ds-color-status-success:var(--ds-color-green-700);--ds-color-status-success-subtle:var(--ds-color-green-50);--ds-color-status-neutral:var(--ds-color-neutral-700);--ds-color-status-neutral-subtle:var(--ds-color-neutral-100);--ds-color-status-on-status:var(--ds-color-neutral-0);--ds-color-focus-ring:var(--ds-color-blue-600)}.ds-icon{vertical-align:-.125em;color:var(--ds-color-icon-primary);flex:none;display:inline-block}.ds-icon[data-size="16"]{width:var(--ds-size-icon-small);height:var(--ds-size-icon-small)}.ds-icon[data-size="20"]{width:var(--ds-size-icon-medium);height:var(--ds-size-icon-medium)}.ds-icon[data-size="24"]{width:var(--ds-size-icon-large);height:var(--ds-size-icon-large)}.ds-badge{box-sizing:border-box;border-radius:var(--ds-radius-full);max-width:100%;font-family:var(--ds-font-family-sans);font-weight:var(--ds-font-weight-semibold);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.ds-badge__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ds-badge[data-size=small]{height:var(--ds-size-badge-small);padding-inline:var(--ds-space-8);font-size:var(--ds-font-size-caption);line-height:var(--ds-font-line-height-caption)}.ds-badge[data-size=medium]{height:var(--ds-size-badge-medium);padding-inline:calc(var(--ds-space-8) + var(--ds-space-2));font-size:var(--ds-font-size-body-sm);line-height:var(--ds-font-line-height-body-sm)}.ds-badge[data-variant=soft][data-tone=neutral]{color:var(--ds-color-status-neutral);background:var(--ds-color-status-neutral-subtle)}.ds-badge[data-variant=soft][data-tone=primary]{color:var(--ds-color-action-on-weak);background:var(--ds-color-action-weak)}.ds-badge[data-variant=soft][data-tone=success]{color:var(--ds-color-status-success);background:var(--ds-color-status-success-subtle)}.ds-badge[data-variant=soft][data-tone=danger]{color:var(--ds-color-status-danger);background:var(--ds-color-status-danger-subtle)}.ds-badge[data-variant=solid][data-tone=neutral]{color:var(--ds-color-status-on-status);background:var(--ds-color-status-neutral)}.ds-badge[data-variant=solid][data-tone=primary]{color:var(--ds-color-action-on-primary);background:var(--ds-color-action-primary)}.ds-badge[data-variant=solid][data-tone=success]{color:var(--ds-color-status-on-status);background:var(--ds-color-status-success)}.ds-badge[data-variant=solid][data-tone=danger]{color:var(--ds-color-status-on-status);background:var(--ds-color-status-danger)}.ds-button{box-sizing:border-box;min-inline-size:var(--ds-size-control-small);border-radius:var(--ds-radius-md);font-family:var(--ds-font-family-sans);font-weight:var(--ds-font-weight-semibold);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex;position:relative}.ds-button[data-size=small]{min-height:var(--ds-size-control-small);padding-inline:var(--ds-space-16);gap:var(--ds-space-8);font-size:var(--ds-font-size-body-sm);line-height:var(--ds-font-line-height-body-sm)}.ds-button[data-size=medium]{min-height:var(--ds-size-control-medium);padding-inline:var(--ds-space-20);gap:var(--ds-space-8);font-size:var(--ds-font-size-body);line-height:var(--ds-font-line-height-body)}.ds-button[data-size=large]{min-height:var(--ds-size-control-large);padding-inline:var(--ds-space-24);gap:var(--ds-space-12);font-size:var(--ds-font-size-body-lg);line-height:var(--ds-font-line-height-body-lg)}.ds-button[data-width=hug]{width:auto}.ds-button[data-width=full]{width:100%}.ds-button[data-variant=fill]{color:var(--ds-color-action-on-primary);background:var(--ds-color-action-primary)}.ds-button[data-variant=fill]:not(:disabled):hover{background:var(--ds-color-action-primary-hover)}.ds-button[data-variant=fill]:not(:disabled):active{background:var(--ds-color-action-primary-pressed)}.ds-button[data-variant=weak]{color:var(--ds-color-action-on-weak);background:var(--ds-color-action-weak)}.ds-button[data-variant=weak]:not(:disabled):hover{background:var(--ds-color-action-weak-hover)}.ds-button[data-variant=weak]:not(:disabled):active{color:var(--ds-color-action-primary-pressed)}.ds-button[data-variant=outline]{color:var(--ds-color-text-primary);background:var(--ds-color-bg-surface);border-color:var(--ds-color-border-strong)}.ds-button[data-variant=outline]:not(:disabled):hover{background:var(--ds-color-bg-subtle);border-color:var(--ds-color-border-focus)}.ds-button[data-variant=outline]:not(:disabled):active{color:var(--ds-color-action-on-weak);background:var(--ds-color-action-weak)}.ds-button:focus-visible{outline:var(--ds-space-2) solid transparent;outline-offset:var(--ds-space-2);box-shadow:0 0 0 var(--ds-space-4) var(--ds-color-focus-ring)}.ds-button:disabled{color:var(--ds-color-text-disabled);background:var(--ds-color-bg-subtle);border-color:var(--ds-color-border-default);cursor:not-allowed}.ds-button__content{justify-content:center;align-items:center;gap:inherit;min-width:0;display:inline-flex}.ds-button__icon{align-items:center;display:inline-flex}.ds-button__icon .ds-icon{color:inherit}.ds-button__label{min-width:0}.ds-button[data-loading=true] .ds-button__content{opacity:0}.ds-button__spinner{box-sizing:border-box;width:var(--ds-size-icon-medium);height:var(--ds-size-icon-medium);border-radius:var(--ds-radius-full);border:2px solid;border-right-color:#0000;animation:.7s linear infinite ds-button-spin;position:absolute}@keyframes ds-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ds-button,.ds-button__spinner{transition:none;animation:none}}@media (forced-colors:active){.ds-button:focus-visible{outline-color:highlight}}.ds-text-field{gap:var(--ds-space-8);width:100%;color:var(--ds-color-text-primary);font-family:var(--ds-font-family-sans);display:grid}.ds-text-field__label{font-size:var(--ds-font-size-body-sm);font-weight:var(--ds-font-weight-semibold);line-height:var(--ds-font-line-height-body-sm)}.ds-text-field__input{box-sizing:border-box;width:100%;color:var(--ds-color-text-primary);background:var(--ds-color-bg-surface);border:1px solid var(--ds-color-border-default);border-radius:var(--ds-radius-md);font-family:inherit;font-size:var(--ds-font-size-body);line-height:var(--ds-font-line-height-body);transition:border-color .12s,box-shadow .12s}.ds-text-field__input[data-size=medium]{min-height:var(--ds-size-control-medium);padding-inline:var(--ds-space-16)}.ds-text-field__input[data-size=large]{min-height:var(--ds-size-control-large);padding-inline:var(--ds-space-20)}.ds-text-field__input::placeholder{color:var(--ds-color-text-secondary)}.ds-text-field__input:focus-visible{border-color:var(--ds-color-border-focus);outline:var(--ds-space-2) solid transparent;outline-offset:var(--ds-space-2);box-shadow:0 0 0 var(--ds-space-4) var(--ds-color-focus-ring)}.ds-text-field__input[data-state=error]{border-color:var(--ds-color-status-danger);box-shadow:0 0 0 var(--ds-space-2) var(--ds-color-status-danger-subtle)}.ds-text-field__input[data-state=error]:focus-visible{border-color:var(--ds-color-status-danger);box-shadow:0 0 0 var(--ds-space-2) var(--ds-color-status-danger-subtle), 0 0 0 var(--ds-space-4) var(--ds-color-focus-ring)}.ds-text-field__input[data-state=disabled]{color:var(--ds-color-text-disabled);background:var(--ds-color-bg-subtle);border-color:var(--ds-color-border-default);box-shadow:none;cursor:not-allowed}.ds-text-field__description,.ds-text-field__error{font-size:var(--ds-font-size-caption);line-height:var(--ds-font-line-height-caption);margin:0}.ds-text-field__description{color:var(--ds-color-text-secondary)}.ds-text-field__error{color:var(--ds-color-status-danger)}@media (prefers-reduced-motion:reduce){.ds-text-field__input{transition:none}}@media (forced-colors:active){.ds-text-field__input:focus-visible{outline-color:highlight}}.ds-scroll-area{--ds-scroll-area-edge-size:var(--ds-space-64);min-block-size:0;position:relative;overflow:hidden}.ds-scroll-area__viewport{box-sizing:border-box;scroll-behavior:smooth;width:100%;height:100%;scroll-padding-block:var(--ds-scroll-area-edge-size);scrollbar-width:none;-ms-overflow-style:none;overflow:hidden auto}.ds-scroll-area__viewport::-webkit-scrollbar{width:0;height:0;display:none}.ds-scroll-area__content{min-height:100%}.ds-scroll-area__edge{z-index:1;box-sizing:border-box;height:var(--ds-scroll-area-edge-size);padding-block:var(--ds-space-8);opacity:0;pointer-events:none;backdrop-filter:none;justify-content:center;align-items:center;transition:opacity .12s,backdrop-filter .12s;display:flex;position:absolute;inset-inline:0}.ds-scroll-area__edge--top{top:0}.ds-scroll-area__edge--bottom{bottom:0}.ds-scroll-area__edge--top[data-active=true]{background:linear-gradient(to bottom, color-mix(in srgb, var(--ds-color-bg-surface) 36%, transparent), transparent)}.ds-scroll-area__edge--bottom[data-active=true]{background:linear-gradient(to top, color-mix(in srgb, var(--ds-color-bg-surface) 36%, transparent), transparent)}.ds-scroll-area__edge[data-active=true]{opacity:1;backdrop-filter:blur(var(--ds-blur-subtle))}.ds-scroll-area__button{box-sizing:border-box;width:var(--ds-size-control-small);min-width:var(--ds-size-control-small);height:var(--ds-size-control-small);min-height:var(--ds-size-control-small);color:var(--ds-color-action-on-weak);background:var(--ds-color-action-weak);border:1px solid var(--ds-color-border-default);border-radius:var(--ds-radius-full);box-shadow:var(--ds-elevation-1);cursor:pointer;pointer-events:auto;touch-action:manipulation;place-items:center;padding:0;transition:color .12s,background-color .12s,border-color .12s,opacity .12s;display:inline-grid}.ds-scroll-area__button:not(:disabled):hover{background:var(--ds-color-action-weak-hover);border-color:var(--ds-color-border-focus)}.ds-scroll-area__button:focus-visible{outline:var(--ds-space-2) solid transparent;outline-offset:var(--ds-space-2);box-shadow:0 0 0 var(--ds-space-4) var(--ds-color-focus-ring)}.ds-scroll-area__button:disabled{color:#0000;box-shadow:none;cursor:default;opacity:0;pointer-events:none;background:0 0;border-color:#0000}.ds-scroll-area__button .ds-icon{color:inherit;transition:transform .12s}.ds-scroll-area__button--up .ds-icon{transform:rotate(-90deg)}.ds-scroll-area__button--down .ds-icon{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.ds-scroll-area__viewport{scroll-behavior:auto}.ds-scroll-area__edge,.ds-scroll-area__button,.ds-scroll-area__button .ds-icon{transition:none}}@media (forced-colors:active){.ds-scroll-area__edge[data-active=true]{backdrop-filter:none;background:0 0}.ds-scroll-area__button:not(:disabled){color:buttontext;background:buttonface;border-color:buttontext}.ds-scroll-area__button:focus-visible{box-shadow:none;outline-color:highlight}.ds-scroll-area__button:disabled{color:#0000;forced-color-adjust:none;background:0 0;border-color:#0000}}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{background:var(--ds-color-bg-canvas);min-width:320px;color:var(--ds-color-text-primary);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-body);line-height:var(--ds-font-line-height-body);text-rendering:optimizelegibility;margin:0}a{color:var(--ds-color-action-primary);text-underline-offset:3px}button,input,summary{font:inherit}:focus-visible{outline:3px solid var(--ds-color-border-focus);outline-offset:3px}.skip-link{z-index:100;border-radius:var(--ds-radius-md);background:var(--ds-color-bg-surface);min-height:44px;padding:10px 16px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;justify-content:space-between;align-items:center;gap:var(--ds-space-16);border-bottom:1px solid var(--ds-color-border-default);background:var(--ds-color-bg-surface);min-height:64px;padding:10px 16px;display:flex;position:sticky;top:0}.site-brand{min-height:44px;color:var(--ds-color-text-primary);font-weight:var(--ds-font-weight-bold);align-items:center;text-decoration:none;display:inline-flex}.mobile-navigation summary{cursor:pointer;border:1px solid var(--ds-color-border-default);border-radius:var(--ds-radius-md);background:var(--ds-color-bg-surface);justify-content:center;align-items:center;min-width:64px;min-height:44px;list-style:none;display:flex}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation-panel{border-bottom:1px solid var(--ds-color-border-default);background:var(--ds-color-bg-surface);max-height:calc(100vh - 64px);padding:16px;position:absolute;top:64px;left:0;right:0;overflow:auto}.docs-grid{min-height:calc(100vh - 64px)}.desktop-sidebar{display:none}.docs-main{width:min(100% - 32px,840px);margin:0 auto;padding:40px 0 64px}.side-navigation{gap:24px;display:grid}.navigation-section h2{color:var(--ds-color-text-secondary);font-size:var(--ds-font-size-caption);line-height:var(--ds-font-line-height-caption);text-transform:uppercase;margin:0 0 8px}.navigation-section ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.navigation-section a{border-radius:var(--ds-radius-md);min-height:44px;color:var(--ds-color-text-secondary);align-items:center;padding:8px 12px;text-decoration:none;display:flex}.navigation-section a:hover{background:var(--ds-color-bg-subtle);color:var(--ds-color-text-primary)}.navigation-section a[aria-current=page]{background:var(--ds-color-action-weak);color:var(--ds-color-action-on-weak);font-weight:var(--ds-font-weight-semibold)}.eyebrow{color:var(--ds-color-action-primary);font-weight:var(--ds-font-weight-semibold)}h1,h2,h3{color:var(--ds-color-text-primary);letter-spacing:-.02em}h1{margin:0 0 16px;font-size:clamp(32px,8vw,48px);line-height:1.15}h2{font-size:var(--ds-font-size-title);line-height:var(--ds-font-line-height-title);margin:48px 0 16px}h3{font-size:var(--ds-font-size-title-sm);line-height:var(--ds-font-line-height-title-sm)}p,li{max-width:72ch}pre{border-radius:var(--ds-radius-lg);background:var(--ds-color-bg-subtle);padding:16px;overflow-x:auto}code{overflow-wrap:anywhere}.api-table{border:1px solid var(--ds-color-border-default);border-radius:var(--ds-radius-lg);background:var(--ds-color-bg-surface);overflow:hidden}.api-table table{border-collapse:collapse;width:100%}.api-table th,.api-table td{border-bottom:1px solid var(--ds-color-border-default);text-align:left;vertical-align:top;padding:12px 16px}.api-table th{background:var(--ds-color-bg-subtle)}.api-table tr:last-child td{border-bottom:0}.hero{padding:24px 0 40px}.hero>p{color:var(--ds-color-text-secondary);font-size:var(--ds-font-size-body-lg);line-height:var(--ds-font-line-height-body-lg)}.primary-link{border-radius:var(--ds-radius-md);background:var(--ds-color-action-primary);min-height:48px;color:var(--ds-color-action-on-primary);font-weight:var(--ds-font-weight-semibold);align-items:center;margin-top:16px;padding:10px 18px;text-decoration:none;display:inline-flex}.link-grid,.token-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.link-card,.token-card,.component-preview,.elevation-sample{border:1px solid var(--ds-color-border-default);border-radius:var(--ds-radius-lg);background:var(--ds-color-bg-surface);padding:20px}.link-card{color:inherit;text-decoration:none}.link-card strong{margin-bottom:4px;display:block}.link-card span,.token-card p{color:var(--ds-color-text-secondary)}.component-preview{margin:24px 0}.component-preview-copy h3,.component-preview-copy p{margin-top:0}.component-preview-stage{background:var(--ds-color-bg-subtle);border-radius:var(--ds-radius-md);place-items:center;min-height:160px;padding:24px;display:grid}.component-preview-controls{padding-top:16px}.color-swatch{border:1px solid var(--ds-color-border-default);border-radius:var(--ds-radius-md);height:96px;margin:-12px -12px 16px}.specimen-list{gap:16px;display:grid}.type-specimen,.metric-row{border-bottom:1px solid var(--ds-color-border-default);padding:16px}.type-specimen p{margin:0 0 8px}.metric-row{grid-template-columns:minmax(100px,1fr) 2fr auto;align-items:center;gap:16px;display:grid}.spacing-bar{background:var(--ds-color-action-primary);border-radius:var(--ds-radius-sm);min-width:2px;height:16px}.radius-sample{border:2px solid var(--ds-color-action-primary);background:var(--ds-color-action-weak);width:100%;height:96px;margin-bottom:16px}.elevation-sample{min-height:160px}.elevation-sample code{color:var(--ds-color-text-secondary);margin-top:24px;display:block}.page-description{color:var(--ds-color-text-secondary);font-size:var(--ds-font-size-body-lg);line-height:var(--ds-font-line-height-body-lg)}.status-chip{border-radius:var(--ds-radius-full);background:var(--ds-color-action-weak);color:var(--ds-color-action-on-weak);padding:4px 10px;display:inline-flex}@media (width<=639px){pre{overflow-wrap:anywhere;white-space:pre-wrap}.api-table{background:0 0;border:0;overflow:visible}.api-table table,.api-table tbody{display:block}.api-table thead{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.api-table tbody{gap:12px;display:grid}.api-table tr{border:1px solid var(--ds-color-border-default);border-radius:var(--ds-radius-lg);background:var(--ds-color-bg-surface);gap:10px;padding:16px;display:grid}.api-table td{overflow-wrap:anywhere;border:0;grid-template-columns:72px minmax(0,1fr);gap:8px;width:100%;padding:0;display:grid}.api-table td:before{color:var(--ds-color-text-secondary);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-semibold);line-height:var(--ds-font-line-height-caption)}.api-table td:first-child:before{content:"Prop"}.api-table td:nth-child(2):before{content:"Type"}.api-table td:nth-child(3):before{content:"Default"}.api-table td:nth-child(4):before{content:"Description"}}@media (width>=960px){.site-header{padding-left:32px;padding-right:32px}.mobile-navigation{display:none}.docs-grid{grid-template-columns:280px minmax(0,1fr);display:grid}.desktop-sidebar{border-right:1px solid var(--ds-color-border-default);background:var(--ds-color-bg-surface);height:calc(100vh - 64px);padding:32px 24px;display:block;position:sticky;top:64px;overflow:auto}.docs-main{width:min(100% - 64px,920px);padding:64px 0 96px}.hero{padding-top:48px}}