.ds-divider.svelte-xl2iyz{display:flex;align-items:center;gap:.75rem;width:100%}.ds-divider.svelte-xl2iyz span:where(.svelte-xl2iyz){flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--ds-border),transparent)}strong.svelte-xl2iyz{font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ds-text-muted)}.ds-heading.svelte-7swtno{margin:0;font-family:var(--ds-font-display);color:var(--ds-text);line-height:1.1;text-wrap:balance}.ds-heading--1.svelte-7swtno{font-size:calc(var(--ds-size-2xl) * 1.3)}.ds-heading--2.svelte-7swtno{font-size:var(--ds-size-2xl)}.ds-heading--3.svelte-7swtno{font-size:var(--ds-size-xl)}.ds-heading--4.svelte-7swtno{font-size:var(--ds-size-lg)}.ds-heading--5.svelte-7swtno{font-size:var(--ds-size-md)}.ds-heading--6.svelte-7swtno{font-size:var(--ds-size-sm);text-transform:uppercase;letter-spacing:.08em}.ds-label.svelte-1sbpkqs{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);font-weight:700;color:var(--ds-text)}span.svelte-1sbpkqs{color:var(--ds-danger)}.ds-paragraph.svelte-abu8yk{margin:0;font-family:var(--ds-font-body);color:var(--ds-text-muted);line-height:1.6;max-width:62ch}.ds-paragraph--sm.svelte-abu8yk{font-size:var(--ds-size-sm)}.ds-paragraph--md.svelte-abu8yk{font-size:var(--ds-size-md)}.ds-paragraph--lg.svelte-abu8yk{font-size:var(--ds-size-lg)}.ds-skeleton.svelte-4s0wkf{position:relative;overflow:hidden;background:color-mix(in srgb,var(--ds-surface-muted) 92%,var(--ds-border))}.ds-skeleton.svelte-4s0wkf:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,white 35%,transparent) 50%,transparent 100%);animation:svelte-4s0wkf-ds-skeleton-shimmer 1.4s infinite}.rounded.svelte-4s0wkf{border-radius:.6rem}@keyframes svelte-4s0wkf-ds-skeleton-shimmer{to{transform:translate(100%)}}.ds-skip-link.svelte-1sp2pwz{display:inline-flex;align-items:center;border:1px solid var(--ds-primary);border-radius:.55rem;background:var(--ds-primary);color:var(--ds-primary-text);font-family:var(--ds-font-body);font-size:var(--ds-size-sm);font-weight:700;text-decoration:none;padding:.48rem .72rem}.ds-spinner.svelte-1b9z8tv{display:inline-block;border:2px solid color-mix(in srgb,var(--ds-border) 82%,transparent);border-top-color:var(--ds-primary);border-radius:999px;animation:svelte-1b9z8tv-ds-spin .8s linear infinite}@keyframes svelte-1b9z8tv-ds-spin{to{transform:rotate(360deg)}}.ds-validation.svelte-u5kibs{margin:0;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);font-weight:600}.ds-validation--error.svelte-u5kibs{color:var(--ds-danger)}.ds-validation--success.svelte-u5kibs{color:var(--ds-success)}.ds-validation--info.svelte-u5kibs{color:var(--ds-primary)}.ds-avatar-stack.svelte-3efek2{display:flex;align-items:center;padding-left:.35rem}.ds-avatar-stack__item.svelte-3efek2{display:inline-flex;margin-left:-.35rem;box-shadow:0 0 0 2px var(--ds-surface);border-radius:999px}.ds-breadcrumbs.svelte-f19wsf{display:flex;flex-wrap:wrap;gap:.55rem;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-text-muted)}.ds-breadcrumbs.svelte-f19wsf span:where(.svelte-f19wsf):not(:last-child):after{content:"/";margin-left:.55rem;color:color-mix(in srgb,var(--ds-text-muted) 60%,transparent)}.current.svelte-f19wsf{color:var(--ds-text);font-weight:700}.ds-details.svelte-61p187{border:1px solid var(--ds-border);border-radius:.85rem;background:var(--ds-surface);padding:.8rem .9rem}summary.svelte-61p187{cursor:pointer;font-family:var(--ds-font-heading);font-size:var(--ds-size-md);font-weight:700;color:var(--ds-text)}p.svelte-61p187{margin:.65rem 0 0;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-text-muted)}.ds-dropdown.svelte-13mcjrq{display:inline-grid;gap:.5rem}.ds-dropdown__menu.svelte-13mcjrq{min-width:11rem;border:1px solid color-mix(in srgb,var(--ds-border) var(--ds-alpha-border-glass, 74%),transparent);border-radius:var(--ds-radius-lg, .8rem);background:color-mix(in srgb,var(--ds-surface) var(--ds-alpha-surface-elevated, 92%),transparent);backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);box-shadow:var(--ds-shadow-raised);padding:.3rem;display:grid;gap:.2rem;position:relative;overflow:hidden}.ds-dropdown__menu.svelte-13mcjrq:before{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(var(--ds-shine-angle, 140deg),color-mix(in srgb,var(--ds-gloss-tint, #ffffff) 72%,transparent) 0%,transparent var(--ds-shine-spread, 36%));opacity:var(--ds-alpha-shine, .22)}.ds-dropdown__menu.svelte-13mcjrq button:where(.svelte-13mcjrq){border:0;border-radius:var(--ds-radius-sm, .55rem);background:transparent;color:var(--ds-text);font-family:var(--ds-font-body);font-size:var(--ds-size-sm);text-align:left;padding:.48rem .55rem;position:relative;transition:background-color var(--ds-motion-duration-base, .22s) var(--ds-motion-ease-standard, ease),transform var(--ds-motion-duration-fast, .14s) var(--ds-motion-ease-standard, ease)}.ds-dropdown__menu.svelte-13mcjrq button:where(.svelte-13mcjrq):hover{background:color-mix(in srgb,var(--ds-surface-muted) var(--ds-alpha-surface-glass, 82%),transparent);transform:translate(calc(var(--ds-motion-slide-offset, 10px) * .08))}.ds-error-summary.svelte-1yupqpr{border:1px solid color-mix(in srgb,var(--ds-danger) 40%,var(--ds-border));border-left-width:.35rem;border-radius:.85rem;background:color-mix(in srgb,var(--ds-danger) 8%,var(--ds-surface));padding:.85rem .95rem;display:grid;gap:.45rem}h3.svelte-1yupqpr,ul.svelte-1yupqpr{margin:0}h3.svelte-1yupqpr{font-family:var(--ds-font-heading);font-size:var(--ds-size-md);color:var(--ds-text)}ul.svelte-1yupqpr{padding-left:1.15rem;display:grid;gap:.22rem;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-danger)}.ds-popover.svelte-1xzldmc{display:inline-grid;gap:.5rem}.ds-popover__trigger.svelte-1xzldmc{justify-self:start;border:1px solid color-mix(in srgb,var(--ds-border) var(--ds-alpha-border-glass, 74%),transparent);border-radius:var(--ds-radius-sm, .55rem);background:color-mix(in srgb,var(--ds-surface) var(--ds-alpha-surface-glass, 92%),transparent);backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);color:var(--ds-text);font-family:var(--ds-font-body);font-size:var(--ds-size-sm);font-weight:600;padding:.48rem .7rem;transition:background-color var(--ds-motion-duration-base, .22s) var(--ds-motion-ease-standard, ease),transform var(--ds-motion-duration-fast, .14s) var(--ds-motion-ease-standard, ease),box-shadow var(--ds-motion-duration-base, .22s) var(--ds-motion-ease-soft, ease)}.ds-popover__trigger.svelte-1xzldmc:hover{transform:translateY(calc(var(--ds-motion-slide-offset, 10px) * -.06)) scale(var(--ds-motion-scale-hover, 1.015));box-shadow:var(--ds-shadow-soft)}.ds-popover__panel.svelte-1xzldmc{max-width:18rem;border:1px solid color-mix(in srgb,var(--ds-border) var(--ds-alpha-border-glass, 74%),transparent);border-radius:var(--ds-radius-lg, .85rem);background:color-mix(in srgb,var(--ds-surface) var(--ds-alpha-surface-elevated, 92%),transparent);backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);box-shadow:var(--ds-shadow-raised);padding:.8rem .9rem;display:grid;gap:.28rem;position:relative;overflow:hidden}.ds-popover__panel.svelte-1xzldmc:before{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(var(--ds-shine-angle, 140deg),color-mix(in srgb,var(--ds-gloss-tint, #ffffff) 72%,transparent) 0%,transparent var(--ds-shine-spread, 36%));opacity:var(--ds-alpha-shine, .22)}.ds-popover__title.svelte-1xzldmc,p.svelte-1xzldmc{margin:0}.ds-popover__title.svelte-1xzldmc{font-family:var(--ds-font-heading);font-size:var(--ds-size-md);color:var(--ds-text)}p.svelte-1xzldmc{font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-text-muted)}.ds-textfield.svelte-w9efcc{display:grid;gap:.35rem}.ds-textfield__help.svelte-w9efcc{margin:0;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-text-muted)}.ds-tooltip.svelte-1r7xjfe{display:inline-grid;gap:.5rem;justify-items:start}button.svelte-1r7xjfe{width:1.7rem;height:1.7rem;border:1px solid color-mix(in srgb,var(--ds-border) var(--ds-alpha-border-glass, 74%),transparent);border-radius:999px;background:color-mix(in srgb,var(--ds-surface) var(--ds-alpha-surface-glass, 92%),transparent);backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);color:var(--ds-text);font-family:var(--ds-font-mono);font-size:var(--ds-size-sm);font-weight:700;box-shadow:var(--ds-shadow-soft);transition:transform var(--ds-motion-duration-fast, .14s) var(--ds-motion-ease-standard, ease),box-shadow var(--ds-motion-duration-base, .22s) var(--ds-motion-ease-soft, ease)}button.svelte-1r7xjfe:hover{transform:scale(var(--ds-motion-scale-hover, 1.015));box-shadow:var(--ds-shadow-raised)}.ds-tooltip__bubble.svelte-1r7xjfe{max-width:16rem;border:1px solid color-mix(in srgb,var(--ds-border) var(--ds-alpha-border-glass, 74%),transparent);border-radius:var(--ds-radius-lg, .75rem);background:color-mix(in srgb,var(--ds-surface) var(--ds-alpha-surface-elevated, 92%),transparent);backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);color:var(--ds-text);font-family:var(--ds-font-body);font-size:var(--ds-size-sm);line-height:1.5;padding:.55rem .7rem;box-shadow:var(--ds-shadow-raised);position:relative;overflow:hidden}.ds-tooltip__bubble.svelte-1r7xjfe:before{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(var(--ds-shine-angle, 140deg),color-mix(in srgb,var(--ds-gloss-tint, #ffffff) 72%,transparent) 0%,transparent var(--ds-shine-spread, 36%));opacity:var(--ds-alpha-shine, .22)}.ds-announcement-board.svelte-ede3hs{border:1px solid var(--ds-border);border-radius:1rem;background:var(--ds-surface);padding:1rem;display:grid;gap:.9rem}header.svelte-ede3hs{display:flex;justify-content:space-between;gap:.6rem;align-items:center}h3.svelte-ede3hs{margin:0;font-family:var(--ds-font-display);font-size:var(--ds-size-lg);color:var(--ds-text)}.ds-announcement-board__list.svelte-ede3hs{display:grid;gap:.6rem}article.svelte-ede3hs{border:1px solid var(--ds-border);border-radius:.8rem;background:var(--ds-surface-muted);padding:.68rem .76rem;display:grid;gap:.35rem}h4.svelte-ede3hs{margin:0;font-family:var(--ds-font-heading);font-size:var(--ds-size-md);color:var(--ds-text)}p.svelte-ede3hs{margin:0;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-text-muted)}.ds-feature-showcase.svelte-48lcy6{border:1px solid var(--ds-border);border-radius:1rem;background:var(--ds-surface);padding:1rem;display:grid;gap:.92rem}.ds-feature-showcase__header.svelte-48lcy6{display:grid;gap:.4rem}h3.svelte-48lcy6{margin:0;font-family:var(--ds-font-display);font-size:var(--ds-size-xl);color:var(--ds-text)}p.svelte-48lcy6{margin:0;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-text-muted)}ul.svelte-48lcy6{margin:0;padding-left:1.15rem;display:grid;gap:.3rem;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-text)}.ds-feature-showcase__actions.svelte-48lcy6{display:flex;gap:.5rem;flex-wrap:wrap}.ds-hamburger-nav.svelte-1a02um4{position:relative;display:inline-flex;flex-direction:column;align-items:flex-end}.ds-hamburger-nav__menu-glyph.svelte-1a02um4{width:.95rem;display:inline-flex;flex-direction:column;gap:.12rem}.ds-hamburger-nav__menu-glyph.svelte-1a02um4 span:where(.svelte-1a02um4){width:100%;height:2px;border-radius:999px;background:currentColor}.ds-hamburger-nav__panel.svelte-1a02um4{position:absolute;top:calc(100% + .45rem);right:0;z-index:50;width:min(90vw,20rem);border:1px solid var(--ds-border);border-radius:.76rem;background:color-mix(in srgb,var(--ds-surface) var(--ds-alpha-surface-elevated, 92%),transparent);backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);box-shadow:var(--ds-shadow-raised, 0 20px 48px color-mix(in srgb, var(--ds-bg) 35%, transparent));padding:.35rem;overflow:hidden;display:grid;gap:.34rem;animation:svelte-1a02um4-ds-hamburger-nav-panel-enter var(--ds-motion-duration-slow, .34s) var(--ds-motion-ease-soft, ease) both}.ds-hamburger-nav--preview.svelte-1a02um4{width:100%;align-items:stretch}.ds-hamburger-nav__panel--preview.svelte-1a02um4{position:static;width:min(100%,23rem);margin-top:.45rem}.ds-hamburger-nav__section.svelte-1a02um4{display:grid;gap:.3rem;padding:.2rem;min-width:0}.ds-hamburger-nav__section.svelte-1a02um4+.ds-hamburger-nav__section:where(.svelte-1a02um4){border-top:1px solid color-mix(in srgb,var(--ds-border) 86%,transparent);padding-top:.45rem;margin-top:.08rem}.ds-hamburger-nav__section-title.svelte-1a02um4{margin:0;color:var(--ds-text-muted);font-family:var(--ds-font-body);font-size:var(--ds-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ds-hamburger-nav__list.svelte-1a02um4{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.ds-hamburger-nav__list--priority.svelte-1a02um4{gap:.25rem}.ds-hamburger-nav__link.svelte-1a02um4{display:inline-flex;align-items:center;justify-content:space-between;gap:.4rem;width:100%;border-radius:.62rem;padding:.54rem .62rem;color:var(--ds-text-muted);text-decoration:none;transition:background-color var(--ds-motion-duration-base, .22s) var(--ds-motion-ease-standard, ease),color var(--ds-motion-duration-fast, .14s) var(--ds-motion-ease-standard, ease),transform var(--ds-motion-duration-fast, .14s) var(--ds-motion-ease-standard, ease)}.ds-hamburger-nav__link.svelte-1a02um4:hover{background:var(--ds-surface-muted);transform:translate(calc(var(--ds-motion-slide-offset, 10px) * .1)) scale(var(--ds-motion-scale-hover, 1.015))}.ds-hamburger-nav__link.active.svelte-1a02um4{color:var(--ds-primary);background:color-mix(in srgb,var(--ds-primary) 12%,var(--ds-surface));font-weight:600}.ds-hamburger-nav__link--priority.svelte-1a02um4{padding:.52rem .62rem}.ds-hamburger-nav__link-label.svelte-1a02um4{display:inline-flex;align-items:center;gap:.45rem;min-width:0;font-family:var(--ds-font-body);font-size:var(--ds-size-sm)}.ds-hamburger-nav__icon.svelte-1a02um4{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--ds-border) 82%,transparent);background:color-mix(in srgb,var(--ds-surface-muted) 45%,var(--ds-surface));font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);font-weight:700;line-height:1;flex-shrink:0}.ds-hamburger-nav__badge.svelte-1a02um4{min-width:1.2rem;height:1.2rem;border-radius:999px;padding:0 .24rem;display:inline-flex;align-items:center;justify-content:center;background:var(--ds-danger);color:#fff;font-family:var(--ds-font-body);font-size:var(--ds-size-xs);font-weight:700;line-height:1;border:1px solid color-mix(in srgb,var(--ds-danger) 40%,var(--ds-surface));flex-shrink:0}.ds-hamburger-nav__link.active.svelte-1a02um4 .ds-hamburger-nav__badge:where(.svelte-1a02um4){background:var(--ds-primary);border-color:color-mix(in srgb,var(--ds-primary) 40%,var(--ds-surface))}.ds-hamburger-nav__tool-list.svelte-1a02um4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.34rem}.ds-hamburger-nav__tool-link.svelte-1a02um4{display:grid;justify-items:center;gap:.28rem;border-radius:.62rem;padding:.5rem .35rem;color:var(--ds-text-muted);text-decoration:none;text-align:center;min-height:4.1rem;transition:background-color var(--ds-motion-duration-base, .22s) var(--ds-motion-ease-standard, ease),color var(--ds-motion-duration-fast, .14s) var(--ds-motion-ease-standard, ease),transform var(--ds-motion-duration-fast, .14s) var(--ds-motion-ease-standard, ease)}.ds-hamburger-nav__tool-link.svelte-1a02um4:hover{background:var(--ds-surface-muted);transform:translateY(calc(var(--ds-motion-slide-offset, 10px) * -.08)) scale(var(--ds-motion-scale-hover, 1.015))}.ds-hamburger-nav__tool-icon.svelte-1a02um4{width:1.55rem;height:1.55rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--ds-border) 82%,transparent);background:color-mix(in srgb,var(--ds-surface-muted) 45%,var(--ds-surface));display:inline-flex;align-items:center;justify-content:center;font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);font-weight:700;line-height:1}.ds-hamburger-nav__tool-link.svelte-1a02um4 span:where(.svelte-1a02um4):last-child{font-family:var(--ds-font-body);font-size:var(--ds-size-xs);line-height:1.15}.ds-hamburger-nav__section-label.svelte-1a02um4{margin:0;color:var(--ds-text-muted);font-family:var(--ds-font-body);font-size:var(--ds-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.ds-hamburger-nav__select.svelte-1a02um4{width:100%;border:1px solid var(--ds-border);border-radius:.5rem;background:color-mix(in srgb,var(--ds-surface) var(--ds-alpha-surface-glass, 82%),transparent);color:var(--ds-text);font-family:var(--ds-font-body);font-size:var(--ds-size-sm);min-height:2.2rem;padding:.35rem .44rem;transition:border-color var(--ds-motion-duration-fast, .14s) var(--ds-motion-ease-standard, ease),box-shadow var(--ds-motion-duration-base, .22s) var(--ds-motion-ease-soft, ease),transform var(--ds-motion-duration-fast, .14s) var(--ds-motion-ease-standard, ease)}.ds-hamburger-nav__select.svelte-1a02um4:focus-visible{outline:2px solid color-mix(in srgb,var(--ds-primary) 55%,transparent);outline-offset:1px;transform:translateY(calc(var(--ds-motion-slide-offset, 10px) * -.05))}@keyframes svelte-1a02um4-ds-hamburger-nav-panel-enter{0%{opacity:0;transform:translateY(var(--ds-motion-slide-offset, 10px)) scale(.985);filter:blur(var(--ds-blur-soft, 8px))}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media(max-width:440px){.ds-hamburger-nav__tool-list.svelte-1a02um4{grid-template-columns:repeat(2,minmax(0,1fr))}}.design-system-page.svelte-1uha8ag{color:var(--ds-text);background-color:var(--ds-bg);background-image:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--ds-primary) 20%,transparent),transparent 42%),radial-gradient(circle at 86% 0%,color-mix(in srgb,var(--ds-accent) 20%,transparent),transparent 38%),var(--ds-page-bg-image, none);background-size:auto,auto,cover;background-position:0 0,0 0,center center;background-attachment:local,local,fixed;margin:0;padding:1rem;min-height:calc(100vh - 5rem);display:grid;gap:1rem}.design-system-page__header.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-lg, 1rem);background:linear-gradient(160deg,color-mix(in srgb,var(--ds-surface) var(--ds-alpha-surface-elevated),transparent),color-mix(in srgb,var(--ds-surface-muted) var(--ds-alpha-surface-glass),transparent));backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);box-shadow:var(--ds-shadow-soft);padding:1.1rem 1.2rem;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;gap:.9rem}.design-system-page__header.svelte-1uha8ag:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--ds-gloss-tint, #ffffff) 68%,transparent),transparent var(--ds-shine-spread, 36%)),linear-gradient(var(--ds-shine-angle, 135deg),color-mix(in srgb,var(--ds-primary) 10%,transparent),color-mix(in srgb,var(--ds-accent) 14%,transparent));opacity:var(--ds-alpha-shine)}.design-system-page__header.svelte-1uha8ag:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(var(--ds-shine-angle, 135deg),color-mix(in srgb,var(--ds-gloss-tint, #ffffff) 78%,transparent) 0%,transparent var(--ds-shine-spread, 36%),color-mix(in srgb,var(--ds-primary) 10%,transparent) 100%);opacity:var(--ds-alpha-gloss, .16)}.design-system-page__header.svelte-1uha8ag>:where(.svelte-1uha8ag){position:relative;z-index:1}.design-system-page__header-actions.svelte-1uha8ag{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;min-width:max-content;gap:.45rem}.design-system-page__bg-picker.svelte-1uha8ag{display:flex;align-items:center;gap:.35rem;border:1px solid color-mix(in srgb,var(--ds-border) 50%,transparent);border-radius:var(--ds-radius-pill, 999px);background:color-mix(in srgb,var(--ds-surface) 36%,transparent);backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);padding:.28rem .5rem}.design-system-page__bg-picker-label.svelte-1uha8ag{font-family:var(--ds-font-body);font-size:var(--ds-size-xs);font-weight:600;color:var(--ds-text-muted);white-space:nowrap;padding-right:.2rem}.design-system-page__bg-swatch.svelte-1uha8ag{width:28px;height:28px;border-radius:var(--ds-radius-sm, 6px);border:2px solid transparent;padding:0;cursor:pointer;overflow:hidden;transition:border-color var(--ds-motion-duration-fast, .14s) ease,transform var(--ds-motion-duration-fast, .14s) ease,box-shadow var(--ds-motion-duration-fast, .14s) ease;background:none}.design-system-page__bg-swatch.svelte-1uha8ag img:where(.svelte-1uha8ag){width:100%;height:100%;object-fit:cover;display:block}.design-system-page__bg-swatch-gradient.svelte-1uha8ag{display:block;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--ds-primary) 55%,transparent),transparent 70%),radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--ds-accent) 55%,transparent),transparent 65%),var(--ds-bg)}.design-system-page__bg-swatch.active.svelte-1uha8ag{border-color:var(--ds-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--ds-primary) 40%,transparent);transform:scale(1.08)}.design-system-page__bg-swatch.svelte-1uha8ag:hover:not(.active){border-color:color-mix(in srgb,var(--ds-primary) 50%,transparent);transform:scale(1.06)}.design-system-page__bg-swatch.svelte-1uha8ag:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px}.design-system-page__header-link.svelte-1uha8ag{border:var(--ds-border-width-thin, 1px) solid color-mix(in srgb,var(--ds-primary) 54%,var(--ds-border));border-radius:var(--ds-radius-pill, 999px);background:color-mix(in srgb,var(--ds-primary) 16%,var(--ds-surface));color:var(--ds-primary);font-family:var(--ds-font-body);font-size:var(--ds-size-sm);font-weight:700;text-decoration:none;line-height:1;padding:.62rem .92rem;transition:background-color var(--ds-motion-duration-base, .22s) var(--ds-motion-ease-standard, ease),border-color var(--ds-motion-duration-fast, .14s) var(--ds-motion-ease-standard, ease),transform var(--ds-motion-duration-fast, .14s) var(--ds-motion-ease-standard, ease),box-shadow var(--ds-motion-duration-base, .22s) var(--ds-motion-ease-soft, ease)}.design-system-page__header-link.svelte-1uha8ag:hover{background:color-mix(in srgb,var(--ds-primary) 24%,var(--ds-surface));transform:translateY(calc(var(--ds-motion-slide-offset, 10px) * -.06)) scale(var(--ds-motion-scale-hover, 1.015));box-shadow:var(--ds-shadow-soft, 0 8px 24px color-mix(in srgb, black 16%, transparent))}.design-system-page__header-link.svelte-1uha8ag:focus-visible{outline:2px solid color-mix(in srgb,var(--ds-primary) 58%,transparent);outline-offset:2px}.design-system-page__header.svelte-1uha8ag h1:where(.svelte-1uha8ag){margin:.2rem 0 0;font-family:var(--ds-font-display);font-size:clamp(2rem,4vw,3rem);line-height:1;color:var(--ds-text)}.design-system-page__eyebrow.svelte-1uha8ag{margin:0;font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);color:var(--ds-primary);text-transform:uppercase;letter-spacing:.16em}.design-system-page__lede.svelte-1uha8ag{margin:.5rem 0 0;font-family:var(--ds-font-body);font-size:var(--ds-size-md);color:var(--ds-text-muted);max-width:46rem}.design-system-page__meta.svelte-1uha8ag{margin:.65rem 0 0;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-text-muted)}.design-system-page__meta.svelte-1uha8ag a:where(.svelte-1uha8ag){color:var(--ds-primary);font-weight:700;text-decoration:none}.design-system.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-lg, 1rem);display:grid;grid-template-columns:18rem minmax(0,1fr);gap:1rem;padding:1rem;background:color-mix(in srgb,var(--ds-surface) var(--ds-alpha-surface-glass),transparent);backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);box-shadow:var(--ds-shadow-raised);min-height:calc(100vh - 12rem)}.design-system__sidebar.svelte-1uha8ag{min-width:0}.design-system__sidebar-sticky.svelte-1uha8ag{position:sticky;top:1rem;display:grid;gap:.75rem}.design-system__sidebar-group.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-lg, .9rem);background:color-mix(in srgb,var(--ds-surface) var(--ds-alpha-surface-elevated),transparent);backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);padding:.75rem;display:grid;gap:.75rem}.design-system__sidebar-group--list.svelte-1uha8ag{min-height:0}.design-system__sidebar-title.svelte-1uha8ag{margin:0;font-family:var(--ds-font-heading);font-size:var(--ds-size-sm);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.design-system__sidebar-list-header.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.design-system__sidebar-list-header.svelte-1uha8ag span:where(.svelte-1uha8ag){border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-pill, 999px);background:var(--ds-surface-muted);color:var(--ds-text-muted);font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);line-height:1;padding:.2rem .42rem}.design-system__mode-switch.svelte-1uha8ag{position:sticky;top:0;display:grid;gap:.35rem}.design-system__mode-switch.svelte-1uha8ag button:where(.svelte-1uha8ag),.design-system__sidebar-list.svelte-1uha8ag button:where(.svelte-1uha8ag),.design-system__edit-toggle.svelte-1uha8ag button:where(.svelte-1uha8ag){border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-md, .56rem);background:var(--ds-surface-muted);color:var(--ds-text-muted);font-family:var(--ds-font-body);font-size:var(--ds-size-sm);font-weight:600;padding:.44rem .55rem;text-align:left;cursor:pointer;transition:background-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard),color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),border-color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-standard);transform:translateY(0) scale(1)}.design-system__mode-switch.svelte-1uha8ag button.active:where(.svelte-1uha8ag),.design-system__sidebar-list.svelte-1uha8ag button:where(.svelte-1uha8ag):hover,.design-system__edit-toggle.svelte-1uha8ag button.active:where(.svelte-1uha8ag){border-color:var(--ds-primary);color:var(--ds-primary);background:color-mix(in srgb,var(--ds-primary) 12%,var(--ds-surface));transform:translateY(calc(var(--ds-motion-slide-offset) * -.08)) scale(var(--ds-motion-scale-hover));box-shadow:var(--ds-shadow-soft)}.design-system__mode-switch.svelte-1uha8ag button:where(.svelte-1uha8ag):active,.design-system__sidebar-list.svelte-1uha8ag button:where(.svelte-1uha8ag):active,.design-system__edit-toggle.svelte-1uha8ag button:where(.svelte-1uha8ag):active{transform:scale(var(--ds-motion-scale-press))}.design-system__sidebar-list.svelte-1uha8ag{margin:0;padding:0;list-style:none;display:grid;gap:.35rem;max-height:min(32rem,calc(100vh - 16rem));overflow-y:auto;padding-right:.15rem}.design-system__sidebar-list.svelte-1uha8ag button:where(.svelte-1uha8ag){width:100%}.design-system__sidebar-list.svelte-1uha8ag button.active:where(.svelte-1uha8ag){border-color:var(--ds-primary);color:var(--ds-text);background:color-mix(in srgb,var(--ds-primary) 16%,var(--ds-surface));box-shadow:inset 0 0 0 var(--ds-border-width-thin, 1px) color-mix(in srgb,var(--ds-primary) 38%,transparent)}.design-system__content.svelte-1uha8ag{min-width:0;display:grid;gap:.82rem}.design-system-page__theme-pill.svelte-1uha8ag{display:flex;align-items:center;gap:.3rem;border:1px solid color-mix(in srgb,var(--ds-border) 50%,transparent);border-radius:var(--ds-radius-pill, 999px);background:color-mix(in srgb,var(--ds-surface) 36%,transparent);backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);padding:.28rem .4rem .28rem .6rem}.design-system-page__theme-select.svelte-1uha8ag{border:none;background:transparent;color:var(--ds-text);font-family:var(--ds-font-body);font-size:var(--ds-size-xs);font-weight:600;padding:.1rem .2rem;cursor:pointer;outline:none;max-width:9rem}.design-system-page__tone-toggle.svelte-1uha8ag{display:flex;gap:.18rem}.design-system-page__tone-toggle.svelte-1uha8ag button:where(.svelte-1uha8ag){border:1px solid transparent;border-radius:var(--ds-radius-pill, 999px);background:transparent;color:var(--ds-text-muted);font-family:var(--ds-font-body);font-size:var(--ds-size-xs);font-weight:600;padding:.2rem .55rem;cursor:pointer;transition:background-color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard)}.design-system-page__tone-toggle.svelte-1uha8ag button.active:where(.svelte-1uha8ag){border-color:color-mix(in srgb,var(--ds-primary) 40%,transparent);background:color-mix(in srgb,var(--ds-primary) 14%,var(--ds-surface));color:var(--ds-primary)}.design-system__header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;gap:.75rem;border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-lg, .9rem);background:color-mix(in srgb,var(--ds-surface) var(--ds-alpha-surface-elevated),transparent);backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);box-shadow:var(--ds-shadow-soft);padding:.65rem .9rem}.design-system__header-title.svelte-1uha8ag{margin:0;font-family:var(--ds-font-display);font-size:var(--ds-size-lg);line-height:1.1;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.design-system__header-bar.svelte-1uha8ag{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.design-system__edit-toggle.svelte-1uha8ag{display:flex;gap:.25rem}.design-system__tools-btn.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-md, .56rem);background:var(--ds-surface-muted);color:var(--ds-text-muted);font-family:var(--ds-font-body);font-size:var(--ds-size-sm);font-weight:600;padding:.44rem .7rem;cursor:pointer;transition:background-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard),color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),border-color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard)}.design-system__tools-btn.active.svelte-1uha8ag,.design-system__tools-btn.svelte-1uha8ag:hover{border-color:var(--ds-primary);background:color-mix(in srgb,var(--ds-primary) 12%,var(--ds-surface));color:var(--ds-primary)}.design-system__tools-panel.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-lg, .9rem);background:color-mix(in srgb,var(--ds-surface) var(--ds-alpha-surface-elevated),transparent);backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);box-shadow:var(--ds-shadow-soft);padding:.9rem}.design-system__tools-panel-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.75rem}.design-system__tools-section.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-md, .56rem);background:color-mix(in srgb,var(--ds-surface-muted) var(--ds-alpha-surface-elevated),transparent);padding:.6rem;display:grid;gap:.45rem}.design-system__tools-panel.svelte-1uha8ag label:where(.svelte-1uha8ag){display:grid;gap:.32rem;font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.design-system__inline-field.svelte-1uha8ag{display:grid;gap:.32rem;font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.design-system__tools-panel.svelte-1uha8ag select:where(.svelte-1uha8ag),.design-system__tools-panel.svelte-1uha8ag input:where(.svelte-1uha8ag),.design-system__tools-panel.svelte-1uha8ag textarea:where(.svelte-1uha8ag){border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-md, .56rem);background:var(--ds-surface-muted);color:var(--ds-text);font-family:var(--ds-font-body);font-size:var(--ds-size-sm);padding:.42rem .55rem;width:100%;box-sizing:border-box}.design-system__tools-panel.svelte-1uha8ag textarea:where(.svelte-1uha8ag){resize:vertical;min-height:5rem}.design-system__save-custom.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-md, .56rem);background:var(--ds-surface-muted);color:var(--ds-text);font-family:var(--ds-font-body);font-size:var(--ds-size-sm);font-weight:600;padding:.44rem .58rem;cursor:pointer;transition:background-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard),border-color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-standard)}.design-system__save-custom.svelte-1uha8ag:hover{border-color:color-mix(in srgb,var(--ds-primary) 45%,var(--ds-border));background:color-mix(in srgb,var(--ds-primary) 12%,var(--ds-surface-muted));transform:translateY(calc(var(--ds-motion-slide-offset) * -.08)) scale(var(--ds-motion-scale-hover));box-shadow:var(--ds-shadow-soft)}.design-system__save-custom.svelte-1uha8ag:active{transform:scale(var(--ds-motion-scale-press))}.design-system__control-error.svelte-1uha8ag{margin:0;font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-danger)}.design-system__control-note.svelte-1uha8ag{margin:0;font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-text-muted)}.design-system__custom-list.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-md, .56rem);background:color-mix(in srgb,var(--ds-surface-muted) var(--ds-alpha-surface-elevated),transparent);padding:.55rem;display:grid;gap:.45rem}.design-system__custom-list-title.svelte-1uha8ag{margin:0;font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.design-system__custom-list.svelte-1uha8ag ul:where(.svelte-1uha8ag){list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.design-system__custom-list.svelte-1uha8ag li:where(.svelte-1uha8ag){display:flex;gap:.35rem}.design-system__custom-select.svelte-1uha8ag,.design-system__custom-remove.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-sm, .45rem);font-family:var(--ds-font-body);font-size:var(--ds-size-xs);padding:.3rem .42rem;cursor:pointer}.design-system__custom-select.svelte-1uha8ag{flex:1 1 auto;text-align:left;background:var(--ds-surface);color:var(--ds-text)}.design-system__custom-select.active.svelte-1uha8ag{border-color:var(--ds-primary);background:color-mix(in srgb,var(--ds-primary) 14%,var(--ds-surface))}.design-system__custom-remove.svelte-1uha8ag{flex:0 0 auto;background:color-mix(in srgb,var(--ds-danger) 10%,var(--ds-surface));color:color-mix(in srgb,var(--ds-danger) 75%,var(--ds-text));border-color:color-mix(in srgb,var(--ds-danger) 35%,var(--ds-border))}.design-system__distribution.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-md, .56rem);background:color-mix(in srgb,var(--ds-surface-muted) var(--ds-alpha-surface-elevated),transparent);padding:.55rem;display:grid;gap:.45rem}.design-system__distribution-contract.svelte-1uha8ag,.design-system__distribution-note.svelte-1uha8ag{margin:0;font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);color:var(--ds-text-muted)}.design-system__version-drafting.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-md, .56rem);background:color-mix(in srgb,var(--ds-surface-muted) var(--ds-alpha-surface-elevated),transparent);padding:.55rem;display:grid;gap:.45rem}.design-system__migration-tooling.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-md, .56rem);background:color-mix(in srgb,var(--ds-surface-muted) var(--ds-alpha-surface-elevated),transparent);padding:.55rem;display:grid;gap:.55rem}.design-system__migration-chip.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid color-mix(in srgb,var(--ds-accent) 35%,var(--ds-border));border-radius:var(--ds-radius-md, .56rem);background:color-mix(in srgb,var(--ds-accent) 14%,var(--ds-surface));display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.42rem .55rem}.design-system__migration-chip.svelte-1uha8ag span:where(.svelte-1uha8ag){font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.design-system__migration-chip.svelte-1uha8ag code:where(.svelte-1uha8ag){font-family:var(--ds-font-mono);font-size:var(--ds-size-sm);color:color-mix(in srgb,var(--ds-accent) 68%,var(--ds-text));font-weight:700}.design-system__migration-grid.svelte-1uha8ag{display:grid;gap:.55rem}.design-system__migration-subtitle.svelte-1uha8ag{margin:0 0 .35rem;font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.design-system__migration-list.svelte-1uha8ag,.design-system__migration-command-list.svelte-1uha8ag{margin:0;padding:0;list-style:none;display:grid;gap:.35rem}.design-system__migration-list.svelte-1uha8ag li:where(.svelte-1uha8ag){border:var(--ds-border-width-thin, 1px) solid color-mix(in srgb,var(--ds-border) 75%,transparent);border-radius:var(--ds-radius-sm, .45rem);background:var(--ds-surface);padding:.35rem .45rem;display:grid;gap:.2rem}.design-system__migration-list.svelte-1uha8ag span:where(.svelte-1uha8ag){font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-text-muted)}.design-system__migration-list.svelte-1uha8ag code:where(.svelte-1uha8ag),.design-system__migration-command-list.svelte-1uha8ag code:where(.svelte-1uha8ag){font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);color:var(--ds-text);background:color-mix(in srgb,var(--ds-bg) 86%,var(--ds-surface));border-radius:var(--ds-radius-sm, .42rem);border:var(--ds-border-width-thin, 1px) solid color-mix(in srgb,var(--ds-border) 70%,transparent);padding:.25rem .35rem;display:inline-block}.design-system__migration-command-list.svelte-1uha8ag li:where(.svelte-1uha8ag){display:flex}.design-system__migration-command-list.svelte-1uha8ag code:where(.svelte-1uha8ag){width:100%}.design-system__next-version-chip.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid color-mix(in srgb,var(--ds-primary) 30%,var(--ds-border));border-radius:var(--ds-radius-md, .56rem);background:color-mix(in srgb,var(--ds-primary) 10%,var(--ds-surface));display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.42rem .55rem}.design-system__next-version-chip.svelte-1uha8ag span:where(.svelte-1uha8ag){font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.design-system__next-version-chip.svelte-1uha8ag code:where(.svelte-1uha8ag){font-family:var(--ds-font-mono);font-size:var(--ds-size-sm);color:var(--ds-primary);font-weight:700}.design-system__version-draft-list.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-md, .56rem);background:var(--ds-surface);padding:.55rem;display:grid;gap:.45rem}.design-system__version-draft-list.svelte-1uha8ag ul:where(.svelte-1uha8ag){margin:0;padding:0;list-style:none;display:grid;gap:.4rem}.design-system__version-draft-list.svelte-1uha8ag li:where(.svelte-1uha8ag){border:var(--ds-border-width-thin, 1px) solid color-mix(in srgb,var(--ds-border) 75%,transparent);border-radius:var(--ds-radius-sm, .5rem);background:color-mix(in srgb,var(--ds-bg) 90%,var(--ds-surface));padding:.45rem;display:grid;gap:.4rem}.design-system__version-draft-list.svelte-1uha8ag li:where(.svelte-1uha8ag) p:where(.svelte-1uha8ag){margin:0;font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-text-muted)}.design-system__version-draft-list.svelte-1uha8ag li:where(.svelte-1uha8ag) strong:where(.svelte-1uha8ag){color:var(--ds-text);font-size:var(--ds-size-sm)}@media(min-width:950px){.design-system__migration-grid.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.design-section.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-lg, .9rem);background:color-mix(in srgb,var(--ds-surface) var(--ds-alpha-surface-elevated),transparent);backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);box-shadow:var(--ds-shadow-soft);padding:.9rem;display:grid;gap:.75rem}.design-section__header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.design-section__header.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0;font-family:var(--ds-font-heading);font-size:var(--ds-size-lg);color:var(--ds-text)}.design-section__header.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);color:var(--ds-text-muted);text-transform:uppercase}.design-section__note.svelte-1uha8ag{margin:0;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-text-muted)}.token-grid.svelte-1uha8ag{display:grid;gap:.7rem}.token-grid--colors.svelte-1uha8ag{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.token-grid--two.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr))}.token-card.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-md, .75rem);background:color-mix(in srgb,var(--ds-surface-muted) var(--ds-alpha-surface-glass),transparent);backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);box-shadow:var(--ds-shadow-soft);padding:.75rem;display:grid;gap:.52rem}.token-card.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0;font-family:var(--ds-font-heading);font-size:var(--ds-size-sm);color:var(--ds-text)}.token-card.svelte-1uha8ag code:where(.svelte-1uha8ag){font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);color:var(--ds-text-muted)}.token-card.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-text)}.component-usage.svelte-1uha8ag{gap:1rem}.component-usage__toolbar.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem}.component-usage__toolbar.svelte-1uha8ag label:where(.svelte-1uha8ag){display:grid;gap:.35rem;font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.component-usage__toolbar.svelte-1uha8ag select:where(.svelte-1uha8ag),.component-usage__toolbar.svelte-1uha8ag input[type=checkbox]:where(.svelte-1uha8ag){accent-color:var(--ds-primary)}.component-usage__toolbar.svelte-1uha8ag select:where(.svelte-1uha8ag){border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-md, .56rem);background:var(--ds-surface-muted);color:var(--ds-text);font-family:var(--ds-font-body);font-size:var(--ds-size-sm);padding:.45rem .6rem}.component-usage__tryout-toggle.svelte-1uha8ag span:where(.svelte-1uha8ag){display:inline-flex;align-items:center;gap:.45rem;border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-md, .56rem);background:var(--ds-surface-muted);color:var(--ds-text);font-family:var(--ds-font-body);font-size:var(--ds-size-sm);min-height:2.2rem;padding:.35rem .6rem;text-transform:none;letter-spacing:normal}.component-usage__grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));gap:.85rem;align-items:start}.component-usage__snippet-card.svelte-1uha8ag{gap:.75rem}.component-usage__code.svelte-1uha8ag{margin:0;border:var(--ds-border-width-thin, 1px) solid color-mix(in srgb,var(--ds-border) 72%,transparent);border-radius:var(--ds-radius-sm, .56rem);background:color-mix(in srgb,var(--ds-bg) 84%,var(--ds-surface));color:var(--ds-text);font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);line-height:1.5;min-height:12.5rem;max-height:30rem;overflow:auto;padding:.8rem}.component-usage__params.svelte-1uha8ag{display:grid;gap:.35rem}.component-usage__params.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.component-usage__params.svelte-1uha8ag ul:where(.svelte-1uha8ag){margin:0;padding:0;list-style:none;display:grid;gap:.35rem}.component-usage__params.svelte-1uha8ag li:where(.svelte-1uha8ag){display:grid;grid-template-columns:minmax(7rem,auto) 1fr;gap:.55rem;align-items:center;border:var(--ds-border-width-thin, 1px) solid color-mix(in srgb,var(--ds-border) 66%,transparent);border-radius:var(--ds-radius-sm, .5rem);background:var(--ds-surface);padding:.35rem .5rem;font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-text-muted)}.component-tryout.svelte-1uha8ag{gap:.75rem}.component-tryout__editor.svelte-1uha8ag{width:100%;min-height:14rem;border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-sm, .52rem);background:var(--ds-surface);color:var(--ds-text);font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);line-height:1.5;padding:.65rem .7rem;resize:vertical}.component-tryout__preview-wrap.svelte-1uha8ag{display:grid;gap:.35rem}.component-tryout__preview-title.svelte-1uha8ag{margin:0;font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.component-tryout__preview.svelte-1uha8ag{border:var(--ds-border-width-thin, 1px) dashed color-mix(in srgb,var(--ds-border) 72%,transparent);border-radius:var(--ds-radius-md, .72rem);background:color-mix(in srgb,var(--ds-bg) 82%,var(--ds-surface));min-height:14rem;padding:.85rem;display:grid;align-content:start;gap:.6rem}.component-tryout__variants.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr));gap:.55rem}.component-tryout__variant.svelte-1uha8ag{border:var(--ds-border-width-thin, 1px) solid color-mix(in srgb,var(--ds-border) 70%,transparent);border-radius:var(--ds-radius-sm, .52rem);background:color-mix(in srgb,var(--ds-surface) 88%,transparent);display:grid;gap:.45rem;align-content:start;padding:.5rem}.component-tryout__variant-label.svelte-1uha8ag{margin:0;font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.component-tryout__variant-preview.svelte-1uha8ag{border:var(--ds-border-width-thin, 1px) dashed color-mix(in srgb,var(--ds-border) 64%,transparent);border-radius:var(--ds-radius-sm, .5rem);background:color-mix(in srgb,var(--ds-bg) 70%,var(--ds-surface));min-height:4.2rem;padding:.5rem;display:grid;align-items:center;justify-items:start;gap:.4rem}.component-tryout__slot-content.svelte-1uha8ag{display:contents}.token-card__swatch.svelte-1uha8ag{width:100%;height:2.6rem;border-radius:var(--ds-radius-sm, .5rem);border:var(--ds-border-width-thin, 1px) solid color-mix(in srgb,var(--ds-border) 68%,transparent)}.token-card__inline-editor.svelte-1uha8ag{display:grid;grid-template-columns:2.7rem minmax(0,1fr);gap:.4rem}.token-card--sample.svelte-1uha8ag{display:grid;gap:.56rem}.token-card--table.svelte-1uha8ag table:where(.svelte-1uha8ag){width:100%;border-collapse:collapse}.token-card--table.svelte-1uha8ag th:where(.svelte-1uha8ag),.token-card--table.svelte-1uha8ag td:where(.svelte-1uha8ag){text-align:left;padding:.3rem 0;border-bottom:var(--ds-border-width-thin, 1px) dotted color-mix(in srgb,var(--ds-border) 68%,transparent);vertical-align:top}.token-card--table.svelte-1uha8ag th:where(.svelte-1uha8ag){width:9.8rem;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-text);font-weight:600}.token-card--nav-preview.svelte-1uha8ag{gap:.75rem}.organism-nav-preview.svelte-1uha8ag{border:var(--ds-border-width-thin, 1px) dashed color-mix(in srgb,var(--ds-border) 72%,transparent);border-radius:var(--ds-radius-md, .72rem);padding:.55rem;display:flex;justify-content:flex-end;align-items:flex-start;min-height:5rem;background:color-mix(in srgb,var(--ds-bg) 86%,var(--ds-surface))}.type-sample.svelte-1uha8ag{margin:0;color:var(--ds-text)}.type-sample--display.svelte-1uha8ag{font-family:var(--ds-font-display);font-size:var(--ds-size-2xl);line-height:1.2}.type-sample--heading.svelte-1uha8ag{font-family:var(--ds-font-heading);font-size:var(--ds-size-xl);line-height:1.2}.type-sample--body.svelte-1uha8ag{font-family:var(--ds-font-body);font-size:var(--ds-size-md);line-height:1.55;color:var(--ds-text-muted)}.type-sample--mono.svelte-1uha8ag{font-family:var(--ds-font-mono);font-size:var(--ds-size-sm);color:var(--ds-text-muted)}.spacing-list.svelte-1uha8ag{display:grid;gap:.45rem}.spacing-row.svelte-1uha8ag{display:grid;grid-template-columns:5rem minmax(0,1fr) auto;gap:.6rem;align-items:center}.spacing-row.svelte-1uha8ag span:where(.svelte-1uha8ag){font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-text);font-weight:600}.spacing-row__bar-wrap.svelte-1uha8ag{width:100%;min-height:.78rem;border-radius:var(--ds-radius-pill, 999px);background:color-mix(in srgb,var(--ds-surface) 80%,var(--ds-border));border:var(--ds-border-width-thin, 1px) solid color-mix(in srgb,var(--ds-border) 66%,transparent);display:flex;align-items:center;padding:0 .12rem}.spacing-row__bar.svelte-1uha8ag{height:.44rem;border-radius:var(--ds-radius-pill, 999px);background:var(--ds-primary);min-width:.44rem}.shape-preview-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.7rem}.shape-preview.svelte-1uha8ag{border-style:solid;border-color:var(--ds-border);background:color-mix(in srgb,var(--ds-surface) 84%,var(--ds-surface-muted));padding:.7rem;display:grid;gap:.4rem;min-height:7.4rem;align-content:start}.shape-preview.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0;font-family:var(--ds-font-heading);font-size:var(--ds-size-sm);color:var(--ds-text)}.shape-preview.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-text-muted)}.shape-preview--sm.svelte-1uha8ag{border-width:var(--ds-border-width-thin, 1px);border-radius:var(--ds-radius-sm, .5rem)}.shape-preview--md.svelte-1uha8ag{border-width:var(--ds-border-width-regular, 1px);border-radius:var(--ds-radius-md, .75rem)}.shape-preview--lg.svelte-1uha8ag{border-width:var(--ds-border-width-thick, 2px);border-radius:var(--ds-radius-lg, 1rem)}.shape-preview--pill.svelte-1uha8ag{border-width:var(--ds-border-width-regular, 1px);border-radius:var(--ds-radius-pill, 999px)}.shape-preview__pill-chip.svelte-1uha8ag{justify-self:start;border:var(--ds-border-width-regular, 1px) solid color-mix(in srgb,var(--ds-border) 80%,transparent);border-radius:var(--ds-radius-pill, 999px);background:color-mix(in srgb,var(--ds-accent) 12%,var(--ds-surface));color:var(--ds-text);font-family:var(--ds-font-body);font-size:var(--ds-size-xs);font-weight:600;padding:.25rem .55rem}.effects-preview-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.6rem}.effects-preview.svelte-1uha8ag{border:var(--ds-border-width-thin, 1px) solid color-mix(in srgb,var(--ds-border) 70%,transparent);border-radius:var(--ds-radius-md, .72rem);background:color-mix(in srgb,var(--ds-surface) var(--ds-alpha-surface-glass),transparent);padding:.65rem;display:grid;gap:.28rem;transition:transform var(--ds-motion-duration-base) var(--ds-motion-ease-soft),box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-soft);transform:translateY(0) scale(1)}.effects-preview.svelte-1uha8ag:hover{transform:translateY(calc(var(--ds-motion-slide-offset) * -.12)) scale(var(--ds-motion-scale-hover))}.effects-preview.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;font-family:var(--ds-font-heading);font-size:var(--ds-size-sm);color:var(--ds-text)}.effects-preview.svelte-1uha8ag span:where(.svelte-1uha8ag){font-family:var(--ds-font-body);font-size:var(--ds-size-xs);color:var(--ds-text-muted)}.effects-preview--soft.svelte-1uha8ag{box-shadow:var(--ds-shadow-soft)}.effects-preview--raised.svelte-1uha8ag{box-shadow:var(--ds-shadow-raised)}.effects-preview--blur.svelte-1uha8ag{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--ds-accent) 48%,transparent),transparent 55%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--ds-primary) 38%,transparent),transparent 60%),color-mix(in srgb,var(--ds-surface) 72%,var(--ds-bg));min-height:7rem;box-shadow:var(--ds-shadow-soft)}.effects-preview__glass.svelte-1uha8ag{border:var(--ds-border-width-thin, 1px) solid color-mix(in srgb,var(--ds-border) 76%,transparent);border-radius:var(--ds-radius-sm, .5rem);background:color-mix(in srgb,var(--ds-surface) var(--ds-alpha-surface-glass),transparent);backdrop-filter:var(--ds-backdrop-filter, none);-webkit-backdrop-filter:var(--ds-backdrop-filter, none);padding:.45rem;align-self:end;position:relative;overflow:hidden}.effects-preview__glass.svelte-1uha8ag:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(var(--ds-shine-angle, 140deg),color-mix(in srgb,var(--ds-gloss-tint, #ffffff) 78%,transparent) 0%,transparent var(--ds-shine-spread, 46%),color-mix(in srgb,var(--ds-primary) 12%,transparent) 100%);opacity:var(--ds-alpha-shine)}.effects-preview__glass.svelte-1uha8ag:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 18% 16%,color-mix(in srgb,var(--ds-gloss-tint, #ffffff) 70%,transparent),transparent calc(var(--ds-shine-spread, 36%) + 8%));opacity:var(--ds-alpha-gloss, .16)}.effects-preview--media.svelte-1uha8ag{position:relative;min-height:7rem;overflow:hidden}.effects-preview--media.svelte-1uha8ag:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(135deg,color-mix(in srgb,var(--ds-bg) 15%,transparent) 0%,transparent 42%,color-mix(in srgb,var(--ds-text) 12%,transparent) 100%);opacity:var(--ds-image-noise-opacity);mix-blend-mode:soft-light}.effects-interaction-preview.svelte-1uha8ag .preview-row:where(.svelte-1uha8ag) .ds-button,.effects-interaction-preview.svelte-1uha8ag .preview-row:where(.svelte-1uha8ag) .ds-icon-button,.effects-interaction-preview.svelte-1uha8ag .preview-row:where(.svelte-1uha8ag) .ds-icon-label-button,.effects-interaction-preview.svelte-1uha8ag .preview-row:where(.svelte-1uha8ag) .ds-switch{transition:transform var(--ds-motion-duration-base) var(--ds-motion-ease-soft),filter var(--ds-motion-duration-base) var(--ds-motion-ease-soft)}.effects-interaction-preview.svelte-1uha8ag .preview-row:where(.svelte-1uha8ag) .ds-button:hover,.effects-interaction-preview.svelte-1uha8ag .preview-row:where(.svelte-1uha8ag) .ds-icon-button:hover,.effects-interaction-preview.svelte-1uha8ag .preview-row:where(.svelte-1uha8ag) .ds-icon-label-button:hover,.effects-interaction-preview.svelte-1uha8ag .preview-row:where(.svelte-1uha8ag) .ds-switch:hover{transform:translateY(calc(var(--ds-motion-slide-offset) * -.08)) scale(var(--ds-motion-scale-hover));filter:drop-shadow(var(--ds-shadow-soft))}.effects-preview__color-svg.svelte-1uha8ag{width:4rem;height:4rem;box-shadow:var(--ds-shadow-glow);border-radius:1rem}.effects-preview__pixel-image.svelte-1uha8ag{width:3.2rem;height:3.2rem;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:.42rem;border:var(--ds-border-width-thin, 1px) solid color-mix(in srgb,var(--ds-border) 78%,transparent);box-shadow:var(--ds-shadow-soft);justify-self:end;align-self:end}.theme-editor-color-input.svelte-1uha8ag,.theme-editor-text-input.svelte-1uha8ag,.theme-editor-number-input.svelte-1uha8ag,.theme-editor-select.svelte-1uha8ag{border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-sm, .52rem);background:var(--ds-surface);color:var(--ds-text);font-family:var(--ds-font-body);font-size:var(--ds-size-sm);min-height:2rem;padding:.32rem .48rem;transition:border-color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-standard),transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard)}.theme-editor-color-input.svelte-1uha8ag{padding:.2rem}.theme-editor-color-input.svelte-1uha8ag:focus-visible,.theme-editor-text-input.svelte-1uha8ag:focus-visible,.theme-editor-number-input.svelte-1uha8ag:focus-visible,.theme-editor-select.svelte-1uha8ag:focus-visible{outline:2px solid color-mix(in srgb,var(--ds-primary) 55%,transparent);outline-offset:1px;transform:translateY(calc(var(--ds-motion-slide-offset) * -.05))}.font-family-editor.svelte-1uha8ag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.preview-row.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.preview-row--tight.svelte-1uha8ag{gap:.35rem}.preview-icon-glyph.svelte-1uha8ag{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);font-weight:700;line-height:1}.preview-stack.svelte-1uha8ag{display:grid;gap:.75rem}.choice-row.svelte-1uha8ag{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-text)}.dialog-preview.svelte-1uha8ag{position:relative;min-height:16rem;border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-lg, .95rem);overflow:hidden;background:color-mix(in srgb,var(--ds-bg) 88%,var(--ds-surface));display:grid;place-items:center}.dialog-preview__scrim.svelte-1uha8ag{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--ds-text) 18%,transparent)}.dialog-preview__panel.svelte-1uha8ag{position:relative;z-index:1;width:min(26rem,calc(100% - 2rem));border:var(--ds-border-width-regular, 1px) solid var(--ds-border);border-radius:var(--ds-radius-lg, 1rem);background:var(--ds-surface);padding:1rem;display:grid;gap:.6rem;box-shadow:0 20px 60px color-mix(in srgb,var(--ds-bg) 38%,transparent)}.dialog-preview__panel.svelte-1uha8ag h3:where(.svelte-1uha8ag),.dialog-preview__panel.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0}.dialog-preview__panel.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-family:var(--ds-font-heading);font-size:var(--ds-size-lg);color:var(--ds-text)}.dialog-preview__panel.svelte-1uha8ag p:where(.svelte-1uha8ag){font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-text-muted)}.form-preview.svelte-1uha8ag{max-width:28rem}.list-preview.svelte-1uha8ag{margin:0;padding-left:1.1rem;display:grid;gap:.3rem;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);color:var(--ds-text-muted)}@media(max-width:1100px){.design-system-page__header.svelte-1uha8ag{flex-direction:column;align-items:flex-start}.design-system-page__header-actions.svelte-1uha8ag{width:100%;justify-content:flex-start}.design-system.svelte-1uha8ag{grid-template-columns:1fr;min-height:auto}.design-system__sidebar-sticky.svelte-1uha8ag{position:static}.design-system__sidebar-list.svelte-1uha8ag{max-height:16rem}.design-system__mode-switch.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr))}.design-system__header.svelte-1uha8ag{flex-wrap:wrap}.design-system__header-title.svelte-1uha8ag{font-size:var(--ds-size-md)}.design-system-page__theme-pill.svelte-1uha8ag{order:-1}}@media(max-width:760px){.token-grid--two.svelte-1uha8ag,.font-family-editor.svelte-1uha8ag,.component-usage__toolbar.svelte-1uha8ag,.component-usage__grid.svelte-1uha8ag{grid-template-columns:1fr}.component-usage__params.svelte-1uha8ag li:where(.svelte-1uha8ag){grid-template-columns:1fr}.component-tryout__variants.svelte-1uha8ag{grid-template-columns:1fr}}