html,body{background:var(--bg-base);min-height:100%;color:var(--text-primary);font-family:var(--font-body);letter-spacing:0;margin:0}html:lang(ko),html:lang(ko) *{letter-spacing:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none}@layer base{button,input,textarea,select{font:inherit}}code{font-family:var(--font-mono)}.docs-shell{grid-template-columns:minmax(248px,288px) minmax(0,1fr);min-height:100vh;display:grid}.docs-sidebar{border-right:1px solid var(--border);background:var(--bg-canvas);height:100vh;padding:24px 16px;position:sticky;top:0;overflow:auto}.docs-nav-toggle,.docs-sidebar__scrim{display:none}.brand-lockup{align-items:center;gap:12px;min-height:44px;margin:0 4px 28px;display:flex}.brand-mark{border:1px solid var(--border-accent);border-radius:var(--radius-sm);background:var(--accent-solid);width:40px;height:40px;color:var(--accent-on-solid);font-weight:var(--fw-black);place-items:center;display:grid}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font-size:var(--fs-body-lg)}.brand-lockup small,.token-swatch small,.code-recipe small{color:var(--text-tertiary)}.docs-nav__section{margin:0 0 24px}.docs-nav__section h2{color:var(--text-tertiary);font-size:var(--fs-overline);font-weight:var(--fw-bold);letter-spacing:0;text-transform:uppercase;margin:0 8px 8px}.docs-nav__section ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.docs-nav__link{border-radius:var(--radius-sm);min-height:36px;color:var(--text-secondary);font-size:var(--fs-body-md);justify-content:space-between;align-items:center;padding:8px;display:flex}.docs-nav__link:hover{background:var(--action-hover);color:var(--text-primary)}.docs-nav__link[aria-current=page]{background:var(--accent-bg-strong);color:var(--accent-fg)}.docs-frame{background:var(--bg-base);min-width:0}.docs-topbar{z-index:var(--z-sticky);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-canvas) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:flex-end;align-items:center;gap:24px;min-height:72px;padding:14px clamp(20px,4vw,56px);display:flex;position:sticky;top:0}.eyebrow{color:var(--accent-fg);font-family:var(--font-mono);font-size:var(--fs-overline);font-weight:var(--fw-bold);letter-spacing:0;text-transform:uppercase}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);min-height:40px;padding:3px;display:inline-flex}.theme-toggle__button{min-width:64px;min-height:32px;color:var(--text-secondary);cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:6px}.theme-toggle__button[aria-pressed=true]{background:var(--accent-solid);color:var(--accent-on-solid)}.docs-main{width:min(100%,1120px);margin-inline:auto;padding:clamp(28px,5vw,72px) clamp(20px,4vw,56px) 96px}.hero-band,.page-header{padding:0 0 clamp(24px,4vw,48px)}.foundation-page .page-header{margin:0 0 clamp(24px,4vw,32px);padding:0}.foundation-content-stack{gap:32px;display:grid}.foundation-content-stack>*,.foundation-content-stack>.token-grid,.foundation-content-stack>.foundation-card-grid,.foundation-content-stack>.foundation-table,.foundation-content-stack>.logo-preview,.foundation-content-stack>.favicon-preview,.foundation-content-stack>.text-preview,.foundation-content-stack>.semantic-grid,.foundation-content-stack>.contrast-table,.foundation-content-stack .color-hierarchy__grid,.foundation-content-stack .border-hierarchy__grid,.foundation-content-stack .action-state-grid,.foundation-content-stack .semantic-grid{margin:0}.hero-band h1,.page-header h1{max-width:880px;font-family:var(--font-kr);font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:var(--lh-snug);margin:8px 0 12px}.hero-band>p:not(.eyebrow),.page-header>p:not(.eyebrow){max-width:760px;color:var(--text-secondary);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);margin:0}.hero-band .eyebrow,.page-header .eyebrow{color:var(--accent-fg);margin:0}.hero-metrics,.placeholder-list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:32px;display:grid;overflow:hidden}.hero-metrics span,.placeholder-list span{background:var(--bg-surface);min-height:92px;color:var(--text-secondary);gap:6px;padding:18px;display:grid}.hero-metrics strong{color:var(--text-primary);font-size:var(--fs-h3);line-height:var(--lh-tight)}.content-band{border-top:1px solid var(--border);grid-template-columns:minmax(180px,280px) minmax(0,1fr);gap:clamp(20px,5vw,56px);padding:32px 0;display:grid}.content-band h2,.component-demo h2{font-size:var(--fs-h4);margin:6px 0 0}.content-band p,.component-demo p{color:var(--text-secondary);line-height:var(--lh-relaxed);margin:0}.token-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:32px 0;display:grid}.token-swatch{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);align-items:center;gap:12px;min-width:0;min-height:72px;padding:14px;display:flex}.token-swatch__chip{border:1px solid var(--border);border-radius:var(--radius-xs);flex:none;width:36px;height:36px}.token-swatch strong,.token-swatch small{overflow-wrap:anywhere;min-width:0;display:block}.token-swatch strong{font-family:var(--font-mono);color:var(--accent-fg)}.token-swatch small{color:var(--text-tertiary)}.token-swatch__hex{font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}.code-recipe{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);margin:24px 0 0;overflow:hidden}.code-recipe summary{border-bottom:1px solid var(--border);min-height:44px;color:var(--text-secondary);font-size:var(--fs-body-md);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;list-style:none;display:flex}.code-recipe summary::-webkit-details-marker{display:none}.code-recipe pre{color:var(--text-primary);font-size:var(--fs-body-md);line-height:var(--lh-normal);margin:0;padding:18px;overflow:auto}.component-demo{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--border);grid-template-columns:minmax(260px,1fr) minmax(240px,360px);gap:1px;margin:28px 0;display:grid;overflow:hidden}.component-demo__preview,.component-demo__notes{background:var(--bg-surface);min-height:220px;padding:24px}.component-demo__preview{text-align:center;place-items:center;display:grid}.component-demo__preview span{border:1px solid var(--border-accent);border-radius:var(--radius-sm);background:var(--action-accent-hover);min-height:44px;color:var(--text-primary);font-weight:var(--fw-semibold);align-items:center;padding:0 18px;display:inline-flex}.component-demo__preview small{max-width:100%;color:var(--text-tertiary);overflow-wrap:anywhere;margin-top:12px;display:block}.foundation-card-grid,.favicon-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.foundation-card,.foundation-table,.foundation-note,.favicon-preview figure,.legacy-anchor-bridge{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface)}.foundation-card{padding:20px}.foundation-card h2{font-size:var(--fs-h4);margin:6px 0 10px}.foundation-card p:last-child,.foundation-note{color:var(--text-secondary);line-height:var(--lh-relaxed)}.plain-list{color:var(--text-secondary);line-height:var(--lh-relaxed);gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.plain-list li{overflow-wrap:anywhere;min-width:0}.foundation-table{margin:32px 0;overflow:hidden}.foundation-table__row{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(120px,220px) minmax(0,1fr) minmax(140px,260px);align-items:center;gap:16px;min-height:56px;padding:14px 18px;display:grid}.foundation-table__row:last-child{border-bottom:0}.foundation-table__row span{color:var(--text-secondary)}.foundation-table__row small{color:var(--text-tertiary)}.foundation-table__row small[data-level=aaa],.foundation-table__row small[data-level=aa]{color:var(--success);font-weight:var(--fw-semibold)}.foundation-table__row small[data-level=fail]{color:var(--error);font-weight:var(--fw-semibold)}.color-hierarchy__grid,.border-hierarchy__grid,.action-state-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 32px;display:grid}.color-hierarchy-card,.border-hierarchy-card,.action-state-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);min-width:0;padding:16px}.color-hierarchy-card small,.border-hierarchy-card small,.action-state-card small{color:var(--text-secondary);line-height:var(--lh-relaxed)}.color-hierarchy-card,.border-hierarchy-card,.action-state-card{gap:10px;display:grid}.color-hierarchy-card strong,.border-hierarchy-card strong,.action-state-card strong{overflow-wrap:anywhere}.color-hierarchy-card>span,.border-hierarchy-card>span,.action-state-card>span{color:var(--text-tertiary);font-size:var(--fs-body-md);overflow-wrap:anywhere}.color-hierarchy-card__samples{border:1px solid var(--border-subtle);border-radius:var(--radius-xs);background:var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;min-height:72px;display:grid;overflow:hidden}.color-hierarchy-card__samples span{align-content:end;min-width:0;padding:12px;display:grid}.color-hierarchy-card__samples b,.color-hierarchy-card__samples small{overflow-wrap:anywhere;min-width:0;display:block}.color-hierarchy-card__samples b{font-size:var(--fs-body-md)}.color-hierarchy-card__samples small{color:inherit;font-family:var(--font-mono);opacity:1;font-size:10px}.border-hierarchy-card__sample{border-radius:var(--radius-xs);background:var(--bg-canvas);min-height:72px}.mode-stack-rows{gap:8px;display:grid}.mode-stack-row{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px;padding:12px 16px;display:grid}.mode-stack-row__swatch{border:1px solid var(--border-subtle);border-radius:var(--radius-xs);width:100%;height:40px;display:block}.mode-stack-row__meta{gap:4px;min-width:0;display:grid}.mode-stack-row__meta strong{font-family:var(--font-mono);font-size:var(--fs-body-lg);color:var(--text-primary)}.mode-stack-row__meta small{font-family:var(--font-mono);color:var(--text-tertiary);flex-wrap:wrap;gap:4px;font-size:11px;display:inline-flex}.mode-stack-row__meta small code{color:var(--text-secondary);font-family:inherit}.mode-stack-row__role{color:var(--text-tertiary);font-family:var(--font-body);font-size:12px}.semantic-mockup-section{gap:12px;margin-top:32px;display:grid}.semantic-mockup-group{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);padding:16px}.semantic-mockup-header{border-bottom:1px dashed var(--border-subtle);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.semantic-mockup-dot{border-radius:999px;flex:0 0 12px;width:12px;height:12px}.semantic-mockup-group.semantic-error .semantic-mockup-dot{background:var(--error)}.semantic-mockup-group.semantic-warning .semantic-mockup-dot{background:var(--warning)}.semantic-mockup-group.semantic-info .semantic-mockup-dot{background:var(--info)}.semantic-mockup-group.semantic-success .semantic-mockup-dot{background:var(--success)}.semantic-mockup-label{font-family:var(--font-mono);color:var(--accent-fg);font-size:13px;font-weight:700}.semantic-mockup-context{color:var(--text-tertiary);font-size:12px}.semantic-mockup-preview{flex-direction:column;gap:10px;display:flex}.semantic-mockup-badge-row{flex-wrap:wrap;gap:8px;display:flex}.semantic-mockup-badge{border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.semantic-mockup-group.semantic-error .semantic-mockup-badge--light{background:var(--error-light);color:var(--error-dark)}.semantic-mockup-group.semantic-error .semantic-mockup-badge--main{background:var(--error);color:var(--error-contrast)}.semantic-mockup-group.semantic-warning .semantic-mockup-badge--light{background:var(--warning-light);color:var(--warning-dark)}.semantic-mockup-group.semantic-warning .semantic-mockup-badge--main{background:var(--warning);color:var(--warning-contrast)}.semantic-mockup-group.semantic-info .semantic-mockup-badge--light{background:var(--info-light);color:var(--info-dark)}.semantic-mockup-group.semantic-info .semantic-mockup-badge--main{background:var(--info);color:var(--info-contrast)}.semantic-mockup-group.semantic-success .semantic-mockup-badge--light{background:var(--success-light);color:var(--success-dark)}.semantic-mockup-group.semantic-success .semantic-mockup-badge--main{background:var(--success);color:var(--success-contrast)}.semantic-mockup-alert{border-radius:var(--radius-md);border:1.5px solid;grid-template-columns:auto 1fr;gap:12px;padding:12px;font-size:13px;line-height:1.4;display:grid}.semantic-mockup-group.semantic-error .semantic-mockup-alert{border-color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--bg-surface));color:var(--text-primary)}.semantic-mockup-group.semantic-warning .semantic-mockup-alert{border-color:var(--warning);background:color-mix(in srgb, var(--warning) 8%, var(--bg-surface));color:var(--text-primary)}.semantic-mockup-group.semantic-info .semantic-mockup-alert{border-color:var(--info);background:color-mix(in srgb, var(--info) 8%, var(--bg-surface));color:var(--text-primary)}.semantic-mockup-group.semantic-success .semantic-mockup-alert{border-color:var(--success);background:color-mix(in srgb, var(--success) 8%, var(--bg-surface));color:var(--text-primary)}.semantic-mockup-alert-icon{flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:inline-flex}.semantic-mockup-group.semantic-error .semantic-mockup-alert-icon{color:var(--error)}.semantic-mockup-group.semantic-warning .semantic-mockup-alert-icon{color:var(--warning)}.semantic-mockup-group.semantic-info .semantic-mockup-alert-icon{color:var(--info)}.semantic-mockup-group.semantic-success .semantic-mockup-alert-icon{color:var(--success)}.semantic-mockup-alert-body strong{margin-bottom:2px;font-size:13px;font-weight:700;display:block}.semantic-mockup-alert-body span{color:var(--text-secondary);font-size:12px}.semantic-mockup-toast{border-radius:var(--radius-md);border:1px solid #0000;align-self:flex-start;align-items:center;padding:10px 14px;font-size:12px;font-weight:500;display:inline-flex}.semantic-mockup-group.semantic-error .semantic-mockup-toast{background:color-mix(in srgb, var(--error) 8%, var(--bg-surface));color:var(--error)}.semantic-mockup-group.semantic-warning .semantic-mockup-toast{background:color-mix(in srgb, var(--warning) 8%, var(--bg-surface));color:var(--warning)}.semantic-mockup-group.semantic-info .semantic-mockup-toast{background:color-mix(in srgb, var(--info) 8%, var(--bg-surface));color:var(--info)}.semantic-mockup-group.semantic-success .semantic-mockup-toast{background:color-mix(in srgb, var(--success) 8%, var(--bg-surface));color:var(--success)}.text-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);padding:16px 28px;overflow:hidden}.text-preview__row{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(120px,160px) minmax(0,1fr) auto;align-items:center;gap:24px;min-height:56px;padding:14px 0;display:grid}.text-preview__row:last-child{border-bottom:0}.text-preview__row strong{font-family:var(--font-mono);color:var(--text-disabled);letter-spacing:0;font-size:10px}.text-preview__row span{overflow-wrap:anywhere;min-width:0}.text-preview__row small{color:var(--text-disabled);font-family:var(--font-mono);font-size:10px}.text-preview__deco{align-items:center;gap:12px;display:flex}.text-preview__deco i{background:var(--text-deco);flex:1;height:1px}.text-preview__deco b{background-image:radial-gradient(circle, var(--text-deco) 1.2px, transparent 1.5px);background-repeat:repeat-x;background-size:8px 4px;width:80px;height:4px}.border-hierarchy-card.border-subtle .border-hierarchy-card__sample{border:1px solid var(--border-subtle)}.border-hierarchy-card.border-default .border-hierarchy-card__sample{border:1px solid var(--border)}.border-hierarchy-card.border-strong .border-hierarchy-card__sample{border:2px solid var(--border-strong)}.border-hierarchy-card.border-accent .border-hierarchy-card__sample{border:2px solid var(--border-accent);box-shadow:inset 0 0 0 1px var(--action-accent-focus)}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-card{gap:0;padding:22px;display:grid}.action-card p{color:var(--text-tertiary);font-family:var(--font-mono);margin:0 0 8px;font-size:10px}.action-card strong{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-body-md);margin-bottom:16px}.action-card>span:last-child{color:var(--text-disabled);font-family:var(--font-mono);text-align:center;font-size:10px}.action-state-card__control{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-raised);min-height:80px;color:var(--text-secondary);font-weight:var(--fw-regular);justify-content:center;align-items:center;margin-bottom:12px;padding:0 14px;display:flex}.action-state-card.action-hover .action-state-card__control{background:var(--bg-raised);box-shadow:0 0 0 1px var(--action-hover) inset, 0 0 0 4px var(--action-hover)}.action-state-card.action-focus .action-state-card__control{border-color:var(--focus-ring);border-width:2px}.action-state-card.action-selected .action-state-card__control{border-color:var(--border-accent);background:var(--action-accent-selected);color:var(--text-primary)}.action-state-card.action-active .action-state-card__control{background:var(--accent-solid);color:var(--accent-on-solid);font-weight:var(--fw-bold)}.action-state-card.action-disabled .action-state-card__control{background:var(--action-disabled-bg);color:var(--text-disabled)}.semantic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 32px;display:grid}.semantic-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);min-width:0;overflow:hidden}.semantic-card__main{justify-content:space-between;align-items:center;gap:16px;padding:26px 28px;display:flex}.semantic-card__main strong,.semantic-card__main span{display:block}.semantic-card__main strong{font-family:var(--font-mono);font-size:var(--fs-overline)}.semantic-card__main span{font-size:var(--fs-body-md);opacity:.86;margin-top:4px}.semantic-card__main code,.semantic-card__variant code{font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-semibold)}.semantic-card__variants{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.semantic-card__variant{border-right:1px solid var(--border-subtle);text-align:center;min-width:0;padding:14px 10px}.semantic-card__variant:last-child{border-right:0}.semantic-card__variant i{border:1px solid var(--border-subtle);border-radius:var(--radius-xs);height:32px;margin-bottom:8px;display:block}.semantic-card__variant span{color:var(--text-tertiary);font-family:var(--font-mono);text-transform:uppercase;margin-bottom:2px;font-size:9px;display:block}.contrast-table{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);border-spacing:0;table-layout:fixed;width:100%;overflow:hidden}.contrast-table__row{border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:11px}.contrast-table__row:last-child{border-bottom:0}.contrast-table th,.contrast-table td{border-bottom:1px solid var(--border-subtle);text-align:left;overflow-wrap:anywhere;vertical-align:middle;padding:14px 22px}.contrast-table th:nth-child(2),.contrast-table td:nth-child(2){width:100px}.contrast-table th:nth-child(3),.contrast-table td:nth-child(3){width:80px}.contrast-table th:nth-child(4),.contrast-table td:nth-child(4){width:90px}.contrast-table tbody tr:last-child td{border-bottom:0}.contrast-table__row--header{background:var(--bg-raised);color:var(--text-tertiary);text-transform:uppercase;font-size:10px}.contrast-table__badge{border-radius:var(--radius-xs);width:fit-content;font-weight:var(--fw-bold);white-space:nowrap;justify-content:center;align-items:center;padding:4px 10px;line-height:1;display:inline-flex}.contrast-table__badge--pass{background:var(--success);color:var(--success-contrast)}.contrast-table__badge--fail{background:var(--error);color:var(--error-contrast)}.foundation-note{margin:32px 0 0;padding:18px}.logo-preview{gap:12px;margin:0;display:grid}.logo-preview__master{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);text-align:center;justify-content:center;place-items:center;gap:clamp(20px,5vw,56px);padding:20px;display:flex}.logo-preview__lockup{text-align:center;justify-items:center;min-width:0;display:grid}.logo-preview__symbol{aspect-ratio:1;flex:none;width:clamp(112px,18vw,176px);position:relative}.logo-preview__symbol--compact{width:clamp(104px,16vw,144px)}.logo-preview__symbol-ring,.logo-preview__symbol-orbit{border-radius:var(--radius-full);position:absolute;inset:0}.logo-preview__symbol-ring{border:clamp(10px, 1.8vw, 18px) solid var(--text-primary)}.logo-preview__symbol--compact .logo-preview__symbol-ring{border-width:clamp(9px,1.4vw,12px)}.logo-preview__symbol-orbit{border:1px solid var(--border-subtle);opacity:.48;transform:scale(1.14)}.logo-preview__symbol-dot{aspect-ratio:1;border-radius:var(--radius-full);background:var(--accent-solid);width:23%;position:absolute;bottom:10%;right:-20%}.logo-preview__wordmark{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(48px,9vw,112px);font-weight:var(--fw-black);letter-spacing:0;margin:4px 0;line-height:.9;display:block}.logo-preview__wordmark--compact{font-size:clamp(56px,8vw,88px)}.logo-preview__wordmark-dot{color:var(--accent-fg);text-shadow:var(--glow-accent-sm)}.logo-preview small{color:var(--text-tertiary);font-family:var(--font-mono);font-weight:var(--fw-bold);letter-spacing:0;text-transform:uppercase;margin-top:6px;display:block}.logo-composition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.logo-composition-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);min-height:320px;padding:20px;display:grid}.logo-composition-card__visual{place-items:center;min-height:176px;margin:12px 0 18px;display:grid}.logo-composition-card h2{font-size:var(--fs-h4);margin:0 0 8px}.logo-composition-card__title-dot{color:var(--accent-fg)}.logo-composition-card p:last-child{color:var(--text-secondary);line-height:var(--lh-relaxed);margin:0}.favicon-preview figure{text-align:center;place-items:center;min-height:180px;margin:0;padding:20px;display:grid}.logo-preview__master,.favicon-preview figure{min-height:236px}.favicon-preview__visual{place-items:center;min-height:108px;display:grid}.favicon-preview svg{color:var(--text-primary)}.favicon-preview__visual[data-size="16"] svg{width:24px;height:24px}.favicon-preview__visual[data-size="32"] svg{width:40px;height:40px}.favicon-preview__visual[data-size="64"] svg{width:72px;height:72px}.favicon-preview__visual[data-size="180"] svg{width:128px;height:128px}.favicon-preview__ring{fill:none;stroke:currentColor}.favicon-preview__dot{fill:var(--accent-solid)}.favicon-preview figcaption{color:var(--text-tertiary);font-size:var(--fs-body-md);gap:6px;margin-top:14px;display:grid}.favicon-preview figcaption span{color:var(--accent-fg);font-family:var(--font-mono);font-size:var(--fs-overline);font-weight:var(--fw-semibold);text-transform:uppercase}.favicon-preview figcaption strong{color:var(--text-primary);font-size:var(--fs-h4)}.favicon-preview figcaption small{color:var(--text-tertiary);line-height:var(--lh-relaxed)}.legacy-anchor-bridge{flex-wrap:wrap;gap:8px;margin:32px 0 0;padding:18px;display:flex}.legacy-anchor-bridge div{flex:100%;margin-bottom:4px}.legacy-anchor-bridge h2{font-size:var(--fs-h4);margin:6px 0 0}.legacy-anchor-bridge a{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-canvas);min-height:34px;color:var(--text-secondary);font-size:var(--fs-body-md);align-items:center;padding:0 12px;display:inline-flex}.legacy-anchor-bridge a:hover{border-color:var(--border-accent);color:var(--accent-fg)}.live-demo-panel{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-canvas);gap:20px;margin:0 0 28px;padding:clamp(20px,4vw,32px);display:grid}.live-demo-panel h2{font-size:var(--fs-h3);margin:0}.live-demo-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.live-demo-copy{max-width:64ch;color:var(--text-secondary);line-height:var(--lh-relaxed);margin:0}.live-field-stack{gap:8px;max-width:420px;display:grid}.live-demo-card{max-width:420px}.live-skeleton-line{width:min(280px,100%);height:16px}.live-progress-stack{gap:8px;width:min(420px,100%);display:grid}.live-progress-stack span{color:var(--text-secondary);font-size:var(--fs-body-md)}.form-field__label{color:var(--text-primary);font-size:var(--fs-body-md);font-weight:var(--fw-semibold)}.live-icon-button-demo{gap:20px;display:grid}.live-demo-group{gap:8px;display:grid}.live-demo-group>span{color:var(--text-tertiary);font-size:var(--fs-caption);font-weight:var(--fw-semibold)}.component-doc__header{padding-bottom:clamp(18px,3vw,32px)}.component-doc{gap:20px;margin-bottom:24px;display:grid}.component-doc__panel{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-canvas);gap:22px;padding:clamp(18px,3vw,28px);display:grid}.component-doc__fixture{gap:28px;display:grid}.component-doc__example{gap:12px;display:grid}.component-doc__preview{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);align-items:center;min-height:86px;padding:16px;display:grid}.component-doc__section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.component-doc__section-header h3{font-size:var(--fs-body-lg);line-height:var(--lh-tight);margin:0}.component-doc__section-header span{color:var(--text-tertiary);font-size:var(--fs-caption);font-weight:var(--fw-semibold)}.component-doc__code{border-radius:var(--radius-sm);background:#07080a;border:1px solid #2a2d33;overflow:hidden}.component-doc__code summary{color:#f4f5f7;min-height:42px;font-size:var(--fs-body-md);font-weight:var(--fw-semibold);cursor:pointer;background:#101216;border-bottom:1px solid #2a2d33;justify-content:space-between;align-items:center;gap:16px;padding:0 14px;list-style:none;display:flex}.component-doc__code summary::-webkit-details-marker{display:none}.component-doc__code small{color:#aeb4bd;font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-semibold)}.component-doc__code pre{color:#f4f5f7;font-size:var(--fs-body-md);line-height:var(--lh-normal);background:#07080a;margin:0;padding:16px;overflow:auto}.component-doc__code-body .shiki{font-size:var(--fs-body-md);line-height:var(--lh-normal);margin:0;padding:16px;overflow:auto;background:#07080a!important}.component-doc__code code{font-family:var(--font-mono)}.component-doc__keyfacts{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.component-doc__keyfacts div{background:var(--bg-surface);gap:6px;min-height:72px;padding:14px 16px;display:grid}.component-doc__keyfacts dt{color:var(--text-primary);font-size:var(--fs-body-md);font-weight:var(--fw-semibold)}.component-doc__keyfacts dd{color:var(--text-secondary);font-size:var(--fs-body-md);line-height:var(--lh-normal);margin:0}.icon-button-preview__button-row,.icon-button-preview__toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.icon-button-preview__toolbar{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);width:fit-content;padding:8px}.component-doc__preview-missing{color:var(--error);font-size:var(--fs-body-md);font-family:var(--font-mono)}.component-doc__preview-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.component-doc__cell-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.component-doc__cell{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);align-content:center;justify-items:start;gap:10px;min-height:84px;padding:14px 16px;display:grid}.component-doc__cell>span{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--fs-overline);font-weight:var(--fw-semibold)}.a3-principle-grid,.a3-rule-list,.biz-grid{gap:16px;margin:32px 0;display:grid}.a3-principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.a3-principle-card,.a3-rule-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);min-width:0;box-shadow:inset 0 1px 0 var(--surface-highlight), var(--elevation-1);padding:20px}.a3-principle-card__header{align-items:flex-start;gap:12px;display:flex}.a3-principle-card__header span{border-radius:var(--radius-full);background:var(--accent-solid);width:32px;height:32px;color:var(--accent-on-solid);font-weight:var(--fw-bold);flex:none;place-items:center;display:grid}.a3-principle-card h2,.a3-rule-card h2{font-size:var(--fs-h4);margin:0}.a3-principle-card p,.a3-rule-card p{color:var(--text-secondary);line-height:var(--lh-relaxed)}.a3-mode-split,.a3-before-after{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:18px 0;display:grid;overflow:hidden}.a3-mode-pane,.a3-before-after div{background:var(--bg-canvas);min-width:0;padding:16px}.a3-before-after>div:first-child{border-color:color-mix(in srgb, var(--error) 30%, var(--border));background:color-mix(in srgb, var(--error) 6%, var(--bg-canvas))}.a3-before-after>div:last-child{border-color:color-mix(in srgb, var(--success) 30%, var(--border));background:color-mix(in srgb, var(--success) 6%, var(--bg-canvas))}.a3-mode-pane--dark{color:#f7f8f8;background:#07080a}.a3-mode-pane--light{color:#07080a;background:#fff}.a3-mode-pane strong,.a3-before-after strong{margin-bottom:6px;display:block}.a3-mode-pane p,.a3-before-after span{color:inherit;font-size:var(--fs-body-md);line-height:var(--lh-relaxed);margin:0}.a3-rule-card>code{overflow-wrap:anywhere;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-canvas);max-width:100%;color:var(--accent-fg);font-size:var(--fs-body-md);padding:6px 10px;display:inline-flex}.biz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:800px;margin-left:auto;margin-right:auto}.biz-card{aspect-ratio:1.75;border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;min-height:0;padding:32px;display:flex;position:relative;overflow:hidden}.biz-card--dark{color:#fafaf5;background:#0f1014;border:1px solid #ffffff17}.biz-card--dark:before,.biz-card--light:before{content:"";border-radius:50%;width:130px;height:130px;position:absolute;bottom:-28px;right:-28px}.biz-card--dark:before{opacity:.95;border:9px solid #fafaf5}.biz-card--dark:after,.biz-card--light:after{content:"";border-radius:50%;width:14px;height:14px;position:absolute;bottom:28px;right:28px}.biz-card--dark:after{background:#c6ff3d;box-shadow:0 0 24px #c6ff3d66,0 0 8px #c6ff3dcc}.biz-card--light{color:#07080a;background:#fafbfc;border:1px solid #07080a14}.biz-card--light:before{border:9px solid #07080a}.biz-card--light:after{background:#5a8210;box-shadow:0 0 12px #5a821066}.biz-card__logo{z-index:2;font-family:var(--font-display);font-size:28px;font-weight:var(--fw-black);letter-spacing:0;line-height:1;position:relative}.biz-card--dark .biz-card__logo .dot{color:#c6ff3d}.biz-card--light .biz-card__logo .dot{color:#5a8210}.biz-card__info{z-index:2;padding-right:110px;position:relative}.biz-card__name{font-family:var(--font-kr);font-size:17px;font-weight:var(--fw-bold);margin-bottom:4px}.biz-card__role{font-family:var(--font-mono);letter-spacing:0;opacity:.55;text-transform:uppercase;margin-bottom:10px;font-size:9px}.biz-card__contact{font-family:var(--font-mono);opacity:.75;word-break:break-all;margin:0;font-size:10.5px;font-style:normal;line-height:1.6}.biz-card__contact span{display:block}.type-scale,.scale-rows,.foundation-token-table,.foundation-token-table--duration{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);margin:32px 0;overflow:hidden}.type-scale{padding:clamp(20px,4vw,48px)}.type-scale__row{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(120px,160px) minmax(0,1fr);align-items:start;gap:clamp(16px,4vw,32px);padding:24px 0;display:grid}.type-scale__row:first-child{padding-top:0}.type-scale__row:last-child{border-bottom:0;padding-bottom:0}.type-scale__label{color:var(--text-disabled);font-family:var(--font-mono);font-size:10px;font-weight:var(--fw-semibold);letter-spacing:0;text-transform:uppercase;padding-top:10px}.type-scale__label small{color:var(--text-disabled);font-weight:var(--fw-regular);text-transform:none;margin-top:4px;display:block}.ts-display,.ts-h1,.ts-h2,.ts-h3,.ts-h4,.ts-body,.ts-body-sm,.ts-caption,.ts-overline{overflow-wrap:anywhere;min-width:0}.ts-display{color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-display);font-weight:var(--fw-black);letter-spacing:0;line-height:var(--lh-tight)}.ts-h1{color:var(--text-primary);font-family:var(--font-kr);font-size:var(--fs-h1);font-weight:var(--fw-extrabold);letter-spacing:0;line-height:var(--lh-snug)}.ts-h2{color:var(--text-primary);font-family:var(--font-kr);font-size:var(--fs-h2);font-weight:var(--fw-extrabold);letter-spacing:0;line-height:var(--lh-tight)}.ts-h3{color:var(--text-primary);font-family:var(--font-kr);font-size:var(--fs-h3);font-weight:var(--fw-bold);letter-spacing:0;line-height:var(--lh-tight)}.ts-h4{color:var(--text-primary);font-family:var(--font-kr);font-size:var(--fs-h4);font-weight:var(--fw-bold);letter-spacing:0;line-height:var(--lh-snug)}.ts-body,.ts-body-sm{color:var(--text-secondary);font-family:var(--font-body);line-height:var(--lh-relaxed)}.ts-body{font-size:var(--fs-body-lg)}.ts-body-sm{font-size:var(--fs-body-md)}.ts-caption{color:var(--text-tertiary);font-family:var(--font-body);font-size:var(--fs-caption)}.ts-overline{color:var(--accent-fg);font-family:var(--font-mono);font-size:var(--fs-overline);font-weight:var(--fw-medium);letter-spacing:0;text-transform:uppercase}.scale-rows__row,.foundation-token-table__row{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(120px,180px) minmax(88px,120px) minmax(0,1fr);align-items:center;gap:20px;min-height:52px;padding:12px 18px;display:grid}.scale-rows__row:last-child,.foundation-token-table__row:last-child{border-bottom:0}.scale-rows__row strong,.scale-rows__row span,.foundation-token-table__row strong,.foundation-token-table__row span{overflow-wrap:anywhere;min-width:0}.scale-rows__row strong,.foundation-token-table__row strong,.foundation-token-table__row span:first-child{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-body-md);font-weight:var(--fw-semibold)}.scale-rows__row span,.foundation-token-table__row span{color:var(--text-secondary);font-size:var(--fs-body-md)}.scale-rows__row i{background:var(--accent-solid);max-width:100%;height:14px;box-shadow:var(--glow-accent-sm);border-radius:2px;display:block}.radius-grid,.elevation-grid,.motion-grid{gap:12px;margin:32px 0;display:grid}.radius-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.radius-cell,.elevation-cell,.motion-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface)}.radius-cell{text-align:center;justify-items:center;gap:8px;min-height:150px;padding:22px 14px 16px;display:grid}.radius-cell__demo{background:var(--accent-solid);width:64px;height:64px;box-shadow:var(--glow-accent-sm);margin-bottom:6px}.radius-none{border-radius:var(--radius-none)}.radius-xs{border-radius:var(--radius-xs)}.radius-sm{border-radius:var(--radius-sm)}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.radius-xl{border-radius:var(--radius-xl)}.radius-full{border-radius:var(--radius-full)}.radius-cell strong,.elevation-cell span{color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;font-size:10px}.radius-cell span{color:var(--text-primary);font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-semibold)}.elevation-grid{border-radius:var(--radius-md);background:var(--bg-canvas);grid-template-columns:repeat(6,minmax(0,1fr));padding:clamp(16px,4vw,32px)}.elevation-cell{border-color:var(--border-subtle);background:var(--bg-raised);text-align:center;place-items:center;gap:12px;min-height:120px;padding:24px 14px 16px;display:grid}.elevation-cell strong{color:var(--accent-fg);font-family:var(--font-mono);font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:1}.elevation-1{box-shadow:var(--elevation-1)}.elevation-2{box-shadow:var(--elevation-2)}.elevation-4{box-shadow:var(--elevation-4)}.elevation-8{box-shadow:var(--elevation-8)}.elevation-16{box-shadow:var(--elevation-16)}.elevation-24{box-shadow:var(--elevation-24)}.foundation-token-table__row--header{background:var(--bg-raised);min-height:44px}.foundation-token-table__row--header strong{color:var(--text-tertiary);letter-spacing:0;text-transform:uppercase;font-size:10px}.motion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.motion-card{padding:22px}.motion-card h2{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-body-md);margin:6px 0 16px}.motion-card small{color:var(--text-tertiary);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:10px;display:block}.motion-card__track{border-radius:var(--radius-sm);background:var(--bg-raised);height:60px;margin:0 0 12px;position:relative;overflow:hidden}.motion-card__track span{border-radius:var(--radius-full);background:var(--accent-solid);width:28px;height:28px;box-shadow:var(--glow-accent-md);animation-name:motion-slide;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.motion-standard .motion-card__track span{animation-timing-function:var(--easing-standard)}.motion-decel .motion-card__track span{animation-timing-function:var(--easing-decel)}.motion-bounce .motion-card__track span{animation-timing-function:var(--easing-bounce)}@keyframes motion-slide{0%{left:8px}to{left:calc(100% - 36px)}}@media (prefers-reduced-motion:reduce){.motion-card__track span{animation:none;left:calc(50% - 14px)}}@media (max-width:1200px) and (min-width:921px){.docs-shell{grid-template-columns:minmax(220px,248px) minmax(0,1fr)}.docs-main{padding-inline:32px}.hero-band h1,.page-header h1{font-size:var(--fs-h2);line-height:var(--lh-snug)}.token-grid,.color-hierarchy__grid,.border-hierarchy__grid,.action-state-grid,.semantic-grid,.radius-grid,.elevation-grid,.motion-grid,.component-doc__keyfacts{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-table__row,.scale-rows__row,.foundation-token-table__row{grid-template-columns:minmax(120px,180px) minmax(0,1fr)}.foundation-table__row small,.foundation-token-table__row span:last-child{grid-column:2}}@media (max-width:920px){.docs-shell{display:block}.docs-nav-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);min-width:44px;min-height:44px;color:var(--text-primary);font-size:var(--fs-h3);justify-content:center;align-items:center;line-height:1;display:inline-flex}.docs-sidebar{z-index:var(--z-modal);border-right:1px solid var(--border);width:min(280px,82vw);height:100vh;max-height:none;transition:transform .16s var(--ease-standard,ease);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.docs-sidebar.is-open{transform:translate(0)}.docs-sidebar__scrim{z-index:var(--z-overlay);background:#0006;display:block;position:fixed;inset:0}.brand-lockup{margin-bottom:16px}.content-band,.component-demo{grid-template-columns:1fr;display:grid}.docs-topbar{justify-content:space-between;display:flex}.theme-toggle{width:100%}.theme-toggle__button{flex:1}.hero-metrics,.placeholder-list,.token-grid,.color-hierarchy__grid,.border-hierarchy__grid,.action-state-grid,.semantic-grid,.foundation-card-grid,.favicon-preview,.logo-composition-grid,.component-doc__keyfacts,.a3-principle-grid,.a3-mode-split,.a3-before-after,.biz-grid,.foundation-table__row,.type-scale__row,.scale-rows__row,.foundation-token-table__row,.contrast-table__row{grid-template-columns:1fr}.semantic-card__variants{grid-template-columns:repeat(2,minmax(0,1fr))}.contrast-table{white-space:nowrap;display:block;overflow-x:auto}.contrast-table thead,.contrast-table tbody,.contrast-table tr{table-layout:fixed;width:100%;display:table}.contrast-table th,.contrast-table td{padding-inline:14px}.radius-grid,.elevation-grid,.motion-grid{grid-template-columns:1fr}.logo-preview,.logo-preview__master{display:grid}.biz-grid{max-width:400px}.biz-card{padding:24px}.biz-card__info{padding-right:80px}.biz-card__contact{font-size:9.5px}}