.kd-ds{padding:32px 0 96px;--kd-ds-side:240px}.kd-ds__head{padding:32px 0 28px;margin-bottom:32px;border-bottom:1px solid var(--c-border)}.kd-ds__head h1{font-size:2.6rem;font-weight:800;letter-spacing:-0.025em;line-height:1.05;margin:8px 0 12px;color:var(--c-text-strong)}.kd-ds__lead{font-size:1.1rem;color:var(--c-text-soft);max-width:70ch;line-height:1.55;margin:0 0 16px}.kd-ds__meta{display:flex;gap:14px;flex-wrap:wrap;font-size:0.82rem;color:var(--c-text-muted);font-family:ui-monospace,"SFMono-Regular",monospace}.kd-ds__meta span{background:var(--c-bg-muted);padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--c-border)}.kd-ds__layout{display:grid;grid-template-columns:var(--kd-ds-side) minmax(0,1fr);gap:56px;align-items:start}@media (max-width:920px){.kd-ds__layout{grid-template-columns:1fr;gap:24px}.kd-ds__toc{position:static !important}}.kd-ds__toc{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto;padding:18px 0;font-size:0.92rem}.kd-ds__toc h4{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--c-text-muted);margin:0 0 10px;font-weight:700}.kd-ds__toc ul{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:2px}.kd-ds__toc a{display:block;padding:6px 12px;color:var(--c-text-soft);text-decoration:none;border-left:2px solid transparent;border-radius:0 var(--r-sm) var(--r-sm) 0;font-weight:500;transition:all var(--t-fast) var(--ease)}.kd-ds__toc a:hover{color:var(--c-primary-700);background:var(--c-primary-50);border-left-color:var(--c-primary-300)}.kd-ds__toc a.is-active{color:var(--c-primary-700);background:var(--c-primary-50);border-left-color:var(--c-primary-700);font-weight:700}.kd-ds__section{margin-bottom:72px;scroll-margin-top:24px}.kd-ds__section h2{font-size:2rem;font-weight:800;letter-spacing:-0.02em;margin:0 0 8px;color:var(--c-text-strong);display:flex;align-items:center;gap:14px}.kd-ds__section h2 .kd-ds__num{font-size:0.85rem;font-weight:700;color:var(--c-primary-700);background:var(--c-primary-50);border:1px solid var(--c-primary-100);border-radius:var(--r-pill);padding:2px 12px;font-family:ui-monospace,monospace;letter-spacing:0}.kd-ds__intro{font-size:1rem;color:var(--c-text-soft);max-width:68ch;line-height:1.6;margin:0 0 28px}.kd-ds__sub{font-size:1.1rem;font-weight:700;color:var(--c-text-strong);margin:36px 0 14px;display:flex;align-items:baseline;gap:12px}.kd-ds__sub small{font-size:0.78rem;font-weight:500;color:var(--c-text-muted);font-family:ui-monospace,monospace}.kd-ds-colorscale{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:12px}.kd-ds-swatch{border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;background:var(--c-bg);transition:transform var(--t-fast) var(--ease)}.kd-ds-swatch:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}.kd-ds-swatch__color{height:90px;display:flex;align-items:flex-end;padding:10px;position:relative}.kd-ds-swatch__step{font-size:0.78rem;font-weight:700;font-family:ui-monospace,monospace;background:rgba(255,255,255,0.85);color:#0F172A;padding:2px 8px;border-radius:4px;letter-spacing:0.02em}.kd-ds-swatch__color.dark .kd-ds-swatch__step{background:rgba(15,23,42,0.85);color:#fff}.kd-ds-swatch__body{padding:10px 12px;font-size:0.78rem;font-family:ui-monospace,monospace;border-top:1px solid var(--c-border);background:var(--c-bg-muted)}.kd-ds-swatch__hex{font-weight:700;color:var(--c-text-strong);display:block}.kd-ds-swatch__rgb{color:var(--c-text-muted);display:block;font-size:0.72rem;margin-top:2px}.kd-ds-swatch__var{display:block;margin-top:4px;color:var(--c-primary-700);font-size:0.7rem;font-weight:600;word-break:break-all}.kd-ds-swatch__contrast{display:flex;gap:4px;margin-top:6px;font-size:0.68rem}.kd-ds-swatch__cbadge{flex:1;text-align:center;padding:3px 4px;border-radius:4px;font-weight:700;letter-spacing:0.02em;font-family:ui-monospace,monospace}.kd-ds-swatch__cbadge.cb--white{background:#fff;border:1px solid var(--c-border);color:#0F172A}.kd-ds-swatch__cbadge.cb--black{background:#0F172A;color:#fff}.kd-ds-swatch__cbadge .cb-rating{display:block;font-size:0.6rem;margin-top:1px;opacity:0.7}.kd-ds-swatch__cbadge.is-fail{opacity:0.55}.kd-ds-statusgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.kd-ds-status{border:1px solid var(--c-border);border-radius:var(--r-md);padding:14px 16px;display:flex;gap:12px;align-items:center}.kd-ds-status__chip{width:44px;height:44px;border-radius:var(--r-sm);flex-shrink:0}.kd-ds-status__body{min-width:0}.kd-ds-status__name{font-weight:700;color:var(--c-text-strong);margin:0}.kd-ds-status__hex{font-family:ui-monospace,monospace;font-size:0.78rem;color:var(--c-text-muted);margin:2px 0 0}.kd-ds-status__var{font-family:ui-monospace,monospace;font-size:0.7rem;color:var(--c-primary-700);margin:0;word-break:break-all}.kd-ds-type{display:grid;grid-template-columns:80px minmax(0,1fr) 220px;gap:24px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--c-border)}.kd-ds-type:last-child{border-bottom:none}.kd-ds-type__label{font-family:ui-monospace,monospace;font-size:0.78rem;font-weight:700;color:var(--c-primary-700);background:var(--c-primary-50);padding:4px 10px;border-radius:var(--r-sm);text-align:center;border:1px solid var(--c-primary-100);align-self:start}.kd-ds-type__sample{color:var(--c-text-strong);margin:0;letter-spacing:-0.012em}.kd-ds-type__meta{font-family:ui-monospace,monospace;font-size:0.78rem;color:var(--c-text-muted);line-height:1.5;text-align:right;align-self:start;padding-top:4px}.kd-ds-type__meta b{color:var(--c-text-strong);font-weight:700}@media (max-width:720px){.kd-ds-type{grid-template-columns:1fr;gap:8px}.kd-ds-type__label{width:max-content}.kd-ds-type__meta{text-align:left;padding-top:0}}.kd-ds-spacing{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.kd-ds-spacing li{display:grid;grid-template-columns:80px 100px 1fr 220px;gap:16px;align-items:center;padding:8px 0;border-bottom:1px solid var(--c-border)}.kd-ds-spacing li:last-child{border-bottom:none}.kd-ds-spacing__token{font-family:ui-monospace,monospace;font-size:0.78rem;font-weight:700;color:var(--c-primary-700)}.kd-ds-spacing__px{font-family:ui-monospace,monospace;font-size:0.85rem;color:var(--c-text-strong);font-weight:700}.kd-ds-spacing__bar{height:24px;background:var(--c-accent-500);border-radius:2px}.kd-ds-spacing__use{font-size:0.82rem;color:var(--c-text-muted);font-style:italic}@media (max-width:720px){.kd-ds-spacing li{grid-template-columns:70px 70px 1fr;gap:10px}.kd-ds-spacing__use{display:none}}.kd-ds-radii,.kd-ds-shadows{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.kd-ds-radii__item,.kd-ds-shadows__item{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);padding:14px;text-align:center}.kd-ds-radii__demo{width:100%;height:80px;background:linear-gradient(135deg,var(--c-primary-300),var(--c-primary-700));margin-bottom:12px}.kd-ds-shadows__demo{width:100%;height:80px;background:var(--c-bg);border-radius:var(--r-md);margin-bottom:12px;border:1px solid var(--c-border)}.kd-ds-radii__token,.kd-ds-shadows__token{font-family:ui-monospace,monospace;font-size:0.78rem;font-weight:700;color:var(--c-primary-700);display:block}.kd-ds-radii__val,.kd-ds-shadows__val{font-family:ui-monospace,monospace;font-size:0.72rem;color:var(--c-text-muted);margin-top:2px}.kd-ds-comp{margin-bottom:36px}.kd-ds-comp__head{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 12px;gap:12px;flex-wrap:wrap}.kd-ds-comp__head h3{font-size:1.05rem;font-weight:700;color:var(--c-text-strong);margin:0}.kd-ds-comp__id{font-family:ui-monospace,monospace;font-size:0.72rem;color:var(--c-text-muted);background:var(--c-bg-muted);padding:2px 8px;border-radius:var(--r-sm);border:1px solid var(--c-border)}.kd-ds-comp__demo{background:var(--c-bg-muted);background-image:linear-gradient(45deg,transparent 49%,var(--c-border) 49%,var(--c-border) 51%,transparent 51%);background-size:12px 12px;border:1px solid var(--c-border);border-radius:var(--r-md);padding:24px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}.kd-ds-comp__demo--col{flex-direction:column;align-items:stretch}.kd-ds-comp__demo--center{justify-content:center}.kd-ds-comp__notes{margin-top:10px;font-size:0.85rem;color:var(--c-text-muted);font-style:italic}.kd-ds-pillrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.kd-ds-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:560px}.kd-ds-form label{display:flex;flex-direction:column;gap:4px;font-size:0.82rem;font-weight:600;color:var(--c-text-soft);letter-spacing:0.02em}.kd-ds-form input,.kd-ds-form select,.kd-ds-form textarea{padding:10px 12px;border:1.5px solid var(--c-border-strong);border-radius:var(--r-sm);background:var(--c-bg);color:var(--c-text);font:inherit;font-size:0.95rem;min-height:var(--hit)}.kd-ds-form input:focus,.kd-ds-form select:focus,.kd-ds-form textarea:focus{outline:none;border-color:var(--c-primary-500);box-shadow:0 0 0 3px var(--c-primary-50)}.kd-ds-form textarea{min-height:80px;resize:vertical;grid-column:1/-1}.kd-ds-form .full{grid-column:1/-1}.kd-ds-form .kd-checkrow{display:flex;align-items:center;gap:8px;flex-direction:row}.kd-ds-table{width:100%;border-collapse:collapse;font-size:0.92rem;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden}.kd-ds-table th,.kd-ds-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--c-border)}.kd-ds-table th{background:var(--c-bg-muted);font-weight:700;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--c-text-muted)}.kd-ds-table tbody tr:last-child td{border-bottom:none}.kd-ds-table tbody tr:hover{background:var(--c-bg-muted)}.kd-ds-pagination{display:flex;gap:4px;align-items:center}.kd-ds-pagination button,.kd-ds-pagination a{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text);border-radius:var(--r-sm);font-weight:600;cursor:pointer;text-decoration:none;padding:0 10px}.kd-ds-pagination button.is-current,.kd-ds-pagination a.is-current{background:var(--c-primary-700);color:#fff;border-color:var(--c-primary-700)}.kd-ds-pagination button:hover:not(.is-current){background:var(--c-primary-50);color:var(--c-primary-700);border-color:var(--c-primary-300)}.kd-ds-alert{display:flex;gap:12px;padding:14px 18px;border-radius:var(--r-md);border:1px solid;align-items:flex-start;width:100%}.kd-ds-alert__icon{width:24px;height:24px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:0.85rem}.kd-ds-alert--info{background:var(--c-info-bg);border-color:#93C5FD;color:var(--c-info)}.kd-ds-alert--info .kd-ds-alert__icon{background:var(--c-info)}.kd-ds-alert--success{background:var(--c-success-bg);border-color:#86EFAC;color:var(--c-success)}.kd-ds-alert--success .kd-ds-alert__icon{background:var(--c-success)}.kd-ds-alert--warning{background:var(--c-warning-bg);border-color:#FCD34D;color:var(--c-warning)}.kd-ds-alert--warning .kd-ds-alert__icon{background:var(--c-warning)}.kd-ds-alert--error{background:var(--c-error-bg);border-color:#FCA5A5;color:var(--c-error)}.kd-ds-alert--error .kd-ds-alert__icon{background:var(--c-error)}.kd-ds-alert b{color:inherit}.kd-ds-pattern{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);padding:20px 24px;margin:18px 0}.kd-ds-pattern h4{margin:0 0 8px;font-size:1rem;font-weight:700;color:var(--c-text-strong)}.kd-ds-pattern p{margin:0 0 10px;font-size:0.92rem;color:var(--c-text-soft);line-height:1.55}.kd-ds-pattern pre{background:#0F172A;color:#E2E8F0;padding:14px 16px;border-radius:var(--r-sm);font-size:0.78rem;font-family:ui-monospace,"SFMono-Regular",monospace;overflow-x:auto;margin:10px 0 0;line-height:1.5}.kd-ds-pattern pre .tk-key{color:#93C5FD}.kd-ds-pattern pre .tk-str{color:#FCD34D}.kd-ds-pattern pre .tk-com{color:#64748B;font-style:italic}