.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;inset: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;inset: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-permission-indicator.svelte-qn34c1{--ds-permission-color: var(--ds-text-muted);--ds-permission-surface: var(--ds-surface-muted);--ds-permission-border: var(--ds-border);display:inline-flex;align-items:center;justify-content:center;gap:.38rem;border:1px solid var(--ds-permission-border);background:var(--ds-permission-surface);color:var(--ds-permission-color);line-height:1;white-space:nowrap;box-sizing:border-box}.ds-permission-indicator--sm.svelte-qn34c1{min-height:1.9rem;font-size:var(--ds-size-xs)}.ds-permission-indicator--md.svelte-qn34c1{min-height:2.15rem;font-size:var(--ds-size-sm)}.ds-permission-indicator--compact.svelte-qn34c1{border-radius:999px;min-width:1.9rem;padding:0}.ds-permission-indicator--compact.ds-permission-indicator--md.svelte-qn34c1{min-width:2.15rem}.ds-permission-indicator--full.svelte-qn34c1{border-radius:999px;padding:.28rem .6rem}.ds-permission-indicator--read.svelte-qn34c1{--ds-permission-color: var(--ds-text-muted);--ds-permission-surface: var(--ds-surface-muted);--ds-permission-border: var(--ds-border)}.ds-permission-indicator--comment.svelte-qn34c1{--ds-permission-color: color-mix(in srgb, var(--ds-warning) 88%, var(--ds-text));--ds-permission-surface: color-mix(in srgb, var(--ds-warning) 14%, transparent);--ds-permission-border: color-mix(in srgb, var(--ds-warning) 42%, transparent)}.ds-permission-indicator--write.svelte-qn34c1{--ds-permission-color: var(--ds-primary);--ds-permission-surface: color-mix(in srgb, var(--ds-primary) 14%, transparent);--ds-permission-border: color-mix(in srgb, var(--ds-primary) 42%, transparent)}.ds-permission-indicator--admin.svelte-qn34c1{--ds-permission-color: var(--ds-accent);--ds-permission-surface: color-mix(in srgb, var(--ds-accent) 14%, transparent);--ds-permission-border: color-mix(in srgb, var(--ds-accent) 42%, transparent)}.ds-permission-indicator__icon.svelte-qn34c1{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.ds-permission-indicator__label.svelte-qn34c1{display:inline-flex;align-items:center;font-family:var(--ds-font-body);font-weight:700;overflow:hidden;text-overflow:ellipsis}.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;inset: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;inset: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}.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:.8rem 1rem 1rem;min-height:calc(100vh - 5rem);display:grid;gap:.8rem}.design-system.svelte-1uha8ag{display:grid;grid-template-columns:minmax(15rem,17rem) minmax(0,1fr);gap:.9rem;min-height:calc(100vh - 7rem)}.design-system__sidebar.svelte-1uha8ag{min-width:0;padding:0}.design-system__sidebar-sticky.svelte-1uha8ag{position:sticky;top:.2rem;display:grid;gap:0;align-self:start;min-height:0;max-height:calc(100dvh - 7rem);padding:0;border-radius:var(--ds-radius-lg, .9rem);background:color-mix(in srgb,var(--ds-surface) 88%,transparent);backdrop-filter:blur(calc(var(--ds-blur-strong, 18px) * .75)) saturate(1.05);-webkit-backdrop-filter:blur(calc(var(--ds-blur-strong, 18px) * .75)) saturate(1.05);overflow:hidden}.design-system__sidebar-group.svelte-1uha8ag{padding:1rem 1rem .8rem;display:grid;gap:.55rem}.design-system__sidebar-group--list.svelte-1uha8ag{min-height:0;padding-top:.35rem;padding-bottom:1rem;display:grid;grid-template-rows:auto minmax(0,1fr)}.design-system__sidebar-title.svelte-1uha8ag{margin:0;font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);color:color-mix(in srgb,var(--ds-text) 78%,var(--ds-text-muted));text-transform:uppercase;letter-spacing:.14em}.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){color:color-mix(in srgb,var(--ds-text) 52%,var(--ds-text-muted));font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);line-height:1}.design-system__mode-switch.svelte-1uha8ag{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:0;border-radius:var(--ds-radius-md, .56rem);background:color-mix(in srgb,var(--ds-surface) 90%,white 10%);color:color-mix(in srgb,var(--ds-text) 78%,var(--ds-text-muted));font-family:var(--ds-font-body);font-size:var(--ds-size-sm);font-weight:600;padding:.5rem .65rem;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),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__edit-toggle.svelte-1uha8ag button.active:where(.svelte-1uha8ag){color:var(--ds-primary);background:color-mix(in srgb,var(--ds-primary) 13%,var(--ds-surface));transform:none;box-shadow:none}.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:.15rem}.design-system__sidebar-list-shell.svelte-1uha8ag{min-height:0;overflow-y:auto;padding-right:.1rem}.design-system__sidebar-list.svelte-1uha8ag button:where(.svelte-1uha8ag){width:100%;transform:none;padding-inline:.7rem}.design-system__sidebar-list.svelte-1uha8ag button:where(.svelte-1uha8ag):hover,.design-system__sidebar-list.svelte-1uha8ag button.active:where(.svelte-1uha8ag){background:color-mix(in srgb,var(--ds-primary) 11%,var(--ds-surface));box-shadow:none}.design-system__sidebar-list.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{color:var(--ds-primary)}.design-system__sidebar-list.svelte-1uha8ag button:where(.svelte-1uha8ag):active{transform:scale(var(--ds-motion-scale-press))}.design-system__sidebar-list.svelte-1uha8ag button.active:where(.svelte-1uha8ag){color:var(--ds-text);background:color-mix(in srgb,var(--ds-primary) 15%,var(--ds-surface))}.design-system__content.svelte-1uha8ag{min-width:0;display:grid;align-content:start;gap:.65rem;padding-left:0}.design-system__header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:flex-start;gap:.85rem;padding:0}.design-system__header-copy.svelte-1uha8ag{display:grid;gap:.16rem;min-width:0}.design-system__header-kicker.svelte-1uha8ag{margin:0;color:color-mix(in srgb,var(--ds-text) 74%,var(--ds-text-muted));font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.design-system__header-summary.svelte-1uha8ag{margin:0;font-family:var(--ds-font-body);font-size:var(--ds-size-sm);line-height:1.4;color:var(--ds-text-muted);min-width:0}.design-system__header-bar.svelte-1uha8ag{display:flex;align-items:center;gap:.45rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.design-system__edit-toggle.svelte-1uha8ag{display:flex;gap:.25rem}.design-system__tools-btn.svelte-1uha8ag{border:0;border-radius:var(--ds-radius-md, .56rem);background:color-mix(in srgb,var(--ds-surface-muted) 72%,transparent);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{background:color-mix(in srgb,var(--ds-primary) 12%,transparent);color:var(--ds-primary)}.design-system__tools-btn.svelte-1uha8ag:disabled,.design-system__edit-toggle.svelte-1uha8ag button:where(.svelte-1uha8ag):disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.design-system__tools-panel.svelte-1uha8ag{padding:.55rem 0 .1rem;border-top:1px solid color-mix(in srgb,var(--ds-border) 18%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ds-border) 18%,transparent)}.design-system__tools-panel-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem}.design-system__tools-section.svelte-1uha8ag{border:0;border-top:1px solid color-mix(in srgb,var(--ds-border) 18%,transparent);background:transparent;padding:.8rem 0 0;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--workbench-surface.svelte-1uha8ag{gap:.72rem;padding:.85rem .95rem .95rem}.design-section--embedded.svelte-1uha8ag{border:0;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;padding:0;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;align-items:stretch}.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:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.52rem;min-height:100%}.token-card.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0;font-family:var(--ds-font-heading);font-size:var(--ds-size-sm);line-height:1.24;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);line-height:1.5;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}.token-card--about-preview.svelte-1uha8ag{gap:1rem;padding:clamp(.8rem,2vw,1.2rem)}.token-card--about-preview.svelte-1uha8ag .ds-about-surface{width:100%;padding-bottom:0}.about-preview-shell.svelte-1uha8ag{display:grid;gap:1rem}.about-preview-shell__header.svelte-1uha8ag{display:grid;gap:.45rem;padding:1rem;border-radius:var(--ds-radius-lg, 1rem);border:1px solid color-mix(in srgb,var(--ds-border) 78%,transparent);background:radial-gradient(circle at top right,color-mix(in srgb,var(--ds-accent) 12%,transparent),transparent 30%),color-mix(in srgb,var(--ds-surface) 95%,transparent)}.about-preview-shell__eyebrow.svelte-1uha8ag,.about-preview-shell__header.svelte-1uha8ag h3:where(.svelte-1uha8ag),.about-preview-shell__header.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0}.about-preview-shell__eyebrow.svelte-1uha8ag{font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-primary)}.about-preview-shell__header.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-family:var(--ds-font-heading);font-size:var(--ds-size-xl);color:var(--ds-text)}.about-preview-shell__header.svelte-1uha8ag p:where(.svelte-1uha8ag){font-family:var(--ds-font-body);font-size:var(--ds-size-sm);line-height:1.55;color:var(--ds-text-muted)}.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))}.organism-app-layout-preview.svelte-1uha8ag{border:var(--ds-border-width-thin, 1px) solid color-mix(in srgb,var(--ds-border) 66%,transparent);background:color-mix(in srgb,var(--ds-bg) 82%,var(--ds-surface));padding:0;overflow:hidden}.split-pane-preview.svelte-1uha8ag{display:grid;gap:.35rem;align-content:start;min-height:6rem}.split-pane-preview__eyebrow.svelte-1uha8ag,.split-pane-preview.svelte-1uha8ag h3:where(.svelte-1uha8ag),.split-pane-preview.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0}.split-pane-preview__eyebrow.svelte-1uha8ag{font-family:var(--ds-font-mono);font-size:var(--ds-size-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ds-primary)}.split-pane-preview.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-family:var(--ds-font-heading);font-size:var(--ds-size-lg);color:var(--ds-text)}.split-pane-preview.svelte-1uha8ag p:where(.svelte-1uha8ag){font-family:var(--ds-font-body);font-size:var(--ds-size-sm);line-height:1.5;color:var(--ds-text-muted)}.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;inset: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;inset: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;inset: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-topbar-search.svelte-1uha8ag{width:min(100%,24rem)}.preview-topbar-menu-extra.svelte-1uha8ag{display:grid;gap:.38rem}.preview-topbar-menu-section.svelte-1uha8ag{display:grid;gap:.45rem;padding:.52rem;border-radius:.78rem;border:1px solid color-mix(in srgb,var(--ds-border) 48%,transparent);background:color-mix(in srgb,var(--ds-surface) 82%,var(--ds-surface-muted) 18%)}.preview-topbar-menu-section.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;color:var(--ds-text-muted);font-size:var(--ds-size-xs);font-family:var(--ds-font-body);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.preview-topbar-menu-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}.preview-topbar-menu-button.svelte-1uha8ag{min-height:2.45rem;border:1px solid color-mix(in srgb,var(--ds-border) 74%,transparent);border-radius:.72rem;background:color-mix(in srgb,var(--ds-surface) 98%,transparent);color:var(--ds-text);font:inherit;padding:0 .78rem}.preview-topbar-menu-button--active.svelte-1uha8ag{border-color:color-mix(in srgb,var(--ds-primary) 68%,var(--ds-border));background:color-mix(in srgb,var(--ds-primary) 12%,var(--ds-surface));color:color-mix(in srgb,var(--ds-primary) 84%,var(--ds-text))}.preview-topbar-menu-button--full.svelte-1uha8ag{width:100%}.preview-icon-glyph.svelte-1uha8ag{display:inline-flex;align-items:center;justify-content:center;min-width:1em;font-family:var(--ds-font-mono);font-size:1em;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;inset: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.svelte-1uha8ag{grid-template-columns:1fr;min-height:auto}.design-system__sidebar.svelte-1uha8ag{padding-bottom:.35rem}.design-system__sidebar-sticky.svelte-1uha8ag{position:static;max-height:none}.design-system__sidebar-group--list.svelte-1uha8ag{min-height:auto;grid-template-rows:auto auto}.design-system__sidebar-list-shell.svelte-1uha8ag{min-height:auto;overflow:visible}.design-system__mode-switch.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr))}.design-system__header.svelte-1uha8ag{flex-wrap:wrap}.design-system__content.svelte-1uha8ag{padding-top:.15rem}}@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}}