.ds-section{margin-bottom:2rem;padding:2rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.ds-section>h2:first-child{margin-top:0}.ds-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1rem}.ds-code{display:block;margin:.25rem 0 1rem;color:#6b7280;font-family:ui-monospace,monospace;font-size:.875rem}.ds-swatches{display:flex;flex-wrap:wrap;gap:1rem}.ds-swatch{width:8rem}.ds-swatch__chip{height:3rem;border:1px solid #e5e7eb;border-radius:.5rem}.ds-swatch__chip--bg{background:#fff}.ds-swatch__chip--bg-subtle{background:#f9fafb}.ds-swatch__chip--text{background:#1f2937}.ds-swatch__chip--muted{background:#6b7280}.ds-swatch__chip--link{background:#2563eb}.ds-swatch__chip--border{background:#e5e7eb}.ds-swatch__chip--info{background:#2563eb}.ds-swatch__chip--success{background:#059669}.ds-swatch__chip--warning{background:#d97706}.ds-swatch__chip--error{background:#dc2626}.ds-bar{height:1rem;border-radius:2px;background:#2563eb}.ds-bar--xs{width:.25rem}.ds-bar--sm{width:.5rem}.ds-bar--md{width:1rem}.ds-bar--lg{width:2rem}.ds-space-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.ds-font-regular{font-weight:400}.ds-font-semibold{font-weight:600}.ds-font-bold{font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.5;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:#2563eb;color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.btn--primary:hover:not(:disabled),.btn--primary:focus-visible:not(:disabled){background:#1d4ed8;color:#fff}.btn--secondary{background:#fff;border-color:#e5e7eb;color:#1f2937;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.btn--secondary:hover:not(:disabled),.btn--secondary:focus-visible:not(:disabled){background:#f9fafb;color:#1f2937}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;max-width:24rem}.label{color:#1f2937;font-size:.875rem;font-weight:600}.input,.textarea,.select{width:100%;padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-family:inherit;font-size:.875rem;line-height:1.5;color:#1f2937;background:#fff}.textarea{min-height:6rem;resize:vertical}.input:focus,.textarea:focus,.select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.15)}.alert{padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;margin-bottom:1rem;font-size:.875rem}.alert--info{border-color:color-mix(in srgb, #2563eb 25%, #e5e7eb);background:color-mix(in srgb, #2563eb 8%, #fff);color:color-mix(in srgb, #2563eb 70%, #1f2937)}.alert--success{border-color:color-mix(in srgb, #059669 25%, #e5e7eb);background:color-mix(in srgb, #059669 8%, #fff);color:color-mix(in srgb, #059669 70%, #1f2937)}.alert--warning{border-color:color-mix(in srgb, #d97706 25%, #e5e7eb);background:color-mix(in srgb, #d97706 8%, #fff);color:color-mix(in srgb, #d97706 70%, #1f2937)}.alert--error{border-color:color-mix(in srgb, #dc2626 25%, #e5e7eb);background:color-mix(in srgb, #dc2626 8%, #fff);color:color-mix(in srgb, #dc2626 70%, #1f2937)}.card{padding:1.25rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.card p:last-child{margin-bottom:0}.table-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th,.table td{padding:.75rem 1rem;text-align:left}.table th{background:#f9fafb;color:#6b7280;font-weight:600;border-bottom:1px solid #e5e7eb}.table td{color:#1f2937;border-bottom:1px solid #e5e7eb}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#f9fafb}.tabs{position:relative}.tabs__radio{position:absolute;opacity:0;pointer-events:none}.tabs__list{display:flex;flex-wrap:wrap;gap:1rem;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.tabs__tab{padding:.5rem 0;color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer}.tabs__tab:hover{color:#1f2937}.tabs__panel{display:none}.tabs__radio:nth-of-type(1):checked~.tabs__list .tabs__tab:nth-child(1),.tabs__radio:nth-of-type(2):checked~.tabs__list .tabs__tab:nth-child(2),.tabs__radio:nth-of-type(3):checked~.tabs__list .tabs__tab:nth-child(3){color:#2563eb;border-bottom:2px solid #2563eb;margin-bottom:-1px}.tabs__radio:nth-of-type(1):checked~.tabs__panels .tabs__panel:nth-child(1),.tabs__radio:nth-of-type(2):checked~.tabs__panels .tabs__panel:nth-child(2),.tabs__radio:nth-of-type(3):checked~.tabs__panels .tabs__panel:nth-child(3){display:block}.tabs__radio:nth-of-type(1):focus-visible~.tabs__list .tabs__tab:nth-child(1),.tabs__radio:nth-of-type(2):focus-visible~.tabs__list .tabs__tab:nth-child(2),.tabs__radio:nth-of-type(3):focus-visible~.tabs__list .tabs__tab:nth-child(3){outline:2px solid #2563eb;outline-offset:2px}.toggle{display:inline-flex;align-items:center;gap:.5rem;color:#1f2937;font-size:.875rem;cursor:pointer}.toggle__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}.toggle__track{position:relative;flex-shrink:0;width:2.75rem;height:1.5rem;border-radius:999px;background:#e5e7eb}.toggle__track::after{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.toggle__input:checked+.toggle__track{background:#2563eb}.toggle__input:checked+.toggle__track::after{left:calc(100% - 2px - 1.25rem)}.toggle__input:focus-visible+.toggle__track{box-shadow:0 0 0 3px rgba(37,99,235,.15)}.toggle__input:disabled+.toggle__track{opacity:.5}