:root{--cable-font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--cable-font-mono:ui-monospace, "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--cable-text-xs:.75rem;--cable-text-sm:.875rem;--cable-text-md:1rem;--cable-text-lg:1.125rem;--cable-text-xl:1.25rem;--cable-leading-tight:1.25;--cable-leading-normal:1.5;--cable-weight-normal:400;--cable-weight-medium:500;--cable-weight-semibold:600;--cable-space-1:.25rem;--cable-space-2:.5rem;--cable-space-3:.75rem;--cable-space-4:1rem;--cable-space-5:1.25rem;--cable-space-6:1.5rem;--cable-space-8:2rem;--cable-radius-sm:4px;--cable-radius-md:6px;--cable-radius-lg:10px;--cable-radius-full:9999px;--cable-duration-fast:.12s;--cable-duration-normal:.16s;--cable-ease:cubic-bezier(.25, .46, .45, .94);--cable-z-dropdown:50;--cable-z-modal:100;--cable-z-tooltip:150;--cable-z-toast:200;--cable-bg:#fff;--cable-bg-subtle:#fafafa;--cable-surface:#fff;--cable-surface-raised:#fff;--cable-fg:#171717;--cable-fg-muted:#6b7280;--cable-fg-subtle:#9ca3af;--cable-border:#e5e7eb;--cable-border-strong:#d1d5db;--cable-primary:#171717;--cable-primary-hover:#2d2d2d;--cable-primary-fg:#fff;--cable-danger:#dc2626;--cable-danger-hover:#b91c1c;--cable-danger-subtle:#fef2f2;--cable-danger-border:#fecaca;--cable-danger-fg:#fff;--cable-success:#16a34a;--cable-success-subtle:#f0fdf4;--cable-success-border:#bbf7d0;--cable-warning:#d97706;--cable-warning-subtle:#fffbeb;--cable-warning-border:#fde68a;--cable-info:#2563eb;--cable-info-subtle:#eff6ff;--cable-info-border:#bfdbfe;--cable-shadow-sm:0 1px 2px #0000000d;--cable-shadow-md:0 2px 8px #00000014, 0 1px 2px #0000000a;--cable-shadow-lg:0 8px 30px #0000001f, 0 2px 6px #0000000f;--cable-focus-ring:0 0 0 2px var(--cable-bg), 0 0 0 4px var(--cable-fg-subtle);--cable-overlay:#00000080}[data-theme=dark]{--cable-bg:#0a0a0a;--cable-bg-subtle:#111;--cable-surface:#161616;--cable-surface-raised:#1c1c1c;--cable-fg:#ededed;--cable-fg-muted:#9ca3af;--cable-fg-subtle:#6b7280;--cable-border:#262626;--cable-border-strong:#3f3f3f;--cable-primary:#ededed;--cable-primary-hover:#d4d4d4;--cable-primary-fg:#0a0a0a;--cable-danger:#ef4444;--cable-danger-hover:#dc2626;--cable-danger-subtle:#1f1315;--cable-danger-border:#4c1d1d;--cable-success:#22c55e;--cable-success-subtle:#101a12;--cable-success-border:#1d4428;--cable-warning:#f59e0b;--cable-warning-subtle:#1c160d;--cable-warning-border:#45340f;--cable-info:#3b82f6;--cable-info-subtle:#0d1420;--cable-info-border:#1e3a5f;--cable-shadow-sm:0 1px 2px #0006;--cable-shadow-md:0 2px 8px #00000080, 0 1px 2px #0000004d;--cable-shadow-lg:0 8px 30px #0009, 0 2px 6px #0006;--cable-focus-ring:0 0 0 2px var(--cable-bg), 0 0 0 4px var(--cable-fg-subtle);--cable-overlay:#000000b3}@media (prefers-reduced-motion:reduce){:root{--cable-duration-fast:0s;--cable-duration-normal:0s}}.cable-spinner{border-radius:var(--cable-radius-full);border:2px solid var(--cable-border-strong);border-top-color:currentColor;flex-shrink:0;animation:.6s linear infinite cable-spin;display:inline-block}.cable-spinner--sm{width:1rem;height:1rem}.cable-spinner--md{width:1.5rem;height:1.5rem}.cable-spinner--lg{border-width:3px;width:2rem;height:2rem}@keyframes cable-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cable-spinner{animation-duration:1.5s}}.cable-button{justify-content:center;align-items:center;gap:var(--cable-space-2);border-radius:var(--cable-radius-md);font-family:var(--cable-font-sans);font-weight:var(--cable-weight-medium);line-height:var(--cable-leading-tight);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--cable-duration-fast) var(--cable-ease), border-color var(--cable-duration-fast) var(--cable-ease), color var(--cable-duration-fast) var(--cable-ease);border:1px solid #0000;display:inline-flex}.cable-button:focus-visible{box-shadow:var(--cable-focus-ring);outline:none}.cable-button:disabled{cursor:not-allowed;opacity:.55}.cable-button--sm{height:2rem;padding:0 var(--cable-space-3);font-size:var(--cable-text-xs)}.cable-button--md{height:2.5rem;padding:0 var(--cable-space-4);font-size:var(--cable-text-sm)}.cable-button--lg{height:3rem;padding:0 var(--cable-space-6);font-size:var(--cable-text-md)}.cable-button--primary{background:var(--cable-primary);color:var(--cable-primary-fg)}.cable-button--primary:hover:not(:disabled){background:var(--cable-primary-hover)}.cable-button--secondary{background:var(--cable-bg-subtle);border-color:var(--cable-border);color:var(--cable-fg)}.cable-button--secondary:hover:not(:disabled){background:var(--cable-border)}.cable-button--outline{border-color:var(--cable-border-strong);color:var(--cable-fg);background:0 0}.cable-button--outline:hover:not(:disabled){background:var(--cable-bg-subtle)}.cable-button--ghost{color:var(--cable-fg);background:0 0}.cable-button--ghost:hover:not(:disabled){background:var(--cable-bg-subtle)}.cable-button--danger{background:var(--cable-danger);color:var(--cable-danger-fg)}.cable-button--danger:hover:not(:disabled){background:var(--cable-danger-hover)}.cable-button--full{width:100%}.cable-button__icon{align-items:center;display:inline-flex}.cable-badge{align-items:center;gap:var(--cable-space-1);padding:2px var(--cable-space-2);border-radius:var(--cable-radius-full);font-family:var(--cable-font-sans);font-size:var(--cable-text-xs);font-weight:var(--cable-weight-medium);line-height:var(--cable-leading-tight);white-space:nowrap;border:1px solid #0000;display:inline-flex}.cable-badge__dot{border-radius:var(--cable-radius-full);background:currentColor;width:6px;height:6px}.cable-badge--neutral{background:var(--cable-bg-subtle);border-color:var(--cable-border);color:var(--cable-fg-muted)}.cable-badge--success{background:var(--cable-success-subtle);border-color:var(--cable-success-border);color:var(--cable-success)}.cable-badge--warning{background:var(--cable-warning-subtle);border-color:var(--cable-warning-border);color:var(--cable-warning)}.cable-badge--danger{background:var(--cable-danger-subtle);border-color:var(--cable-danger-border);color:var(--cable-danger)}.cable-badge--info{background:var(--cable-info-subtle);border-color:var(--cable-info-border);color:var(--cable-info)}.cable-avatar{border-radius:var(--cable-radius-full);background:var(--cable-bg-subtle);border:1px solid var(--cable-border);font-family:var(--cable-font-sans);font-weight:var(--cable-weight-medium);color:var(--cable-fg-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.cable-avatar--sm{width:2rem;height:2rem;font-size:var(--cable-text-xs)}.cable-avatar--md{width:2.5rem;height:2.5rem;font-size:var(--cable-text-sm)}.cable-avatar--lg{width:3.5rem;height:3.5rem;font-size:var(--cable-text-lg)}.cable-avatar__img{object-fit:cover;width:100%;height:100%}.cable-avatar__fallback{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.cable-skeleton{background:linear-gradient(90deg, var(--cable-bg-subtle) 25%, var(--cable-border) 50%, var(--cable-bg-subtle) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite cable-skeleton-shimmer;display:block}.cable-skeleton--text{border-radius:var(--cable-radius-sm);height:.75em;margin:.2em 0}.cable-skeleton--rect{border-radius:var(--cable-radius-md)}.cable-skeleton--circle{border-radius:var(--cable-radius-full)}@keyframes cable-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.cable-skeleton{animation:none}}.cable-field{gap:var(--cable-space-2);font-family:var(--cable-font-sans);flex-direction:column;display:flex}.cable-field__label{font-size:var(--cable-text-sm);font-weight:var(--cable-weight-medium);color:var(--cable-fg);line-height:var(--cable-leading-tight)}.cable-field__required{color:var(--cable-danger);margin-left:2px}.cable-field__hint{font-size:var(--cable-text-xs);color:var(--cable-fg-muted);line-height:var(--cable-leading-normal)}.cable-field__error{font-size:var(--cable-text-xs);color:var(--cable-danger);line-height:var(--cable-leading-normal)}.cable-control{width:100%;font-family:var(--cable-font-sans);font-size:var(--cable-text-sm);color:var(--cable-fg);background:var(--cable-surface);border:1px solid var(--cable-border-strong);border-radius:var(--cable-radius-md);transition:border-color var(--cable-duration-fast) var(--cable-ease), box-shadow var(--cable-duration-fast) var(--cable-ease)}.cable-control::placeholder{color:var(--cable-fg-subtle)}.cable-control:hover:not(:disabled):not(:focus){border-color:var(--cable-fg-subtle)}.cable-control:focus-visible,.cable-control:focus{border-color:var(--cable-fg);box-shadow:0 0 0 3px color-mix(in srgb, var(--cable-fg) 12%, transparent);outline:none}.cable-control:disabled{cursor:not-allowed;opacity:.55;background:var(--cable-bg-subtle)}.cable-control--invalid,.cable-control--invalid:hover{border-color:var(--cable-danger)}.cable-control--invalid:focus-visible,.cable-control--invalid:focus{border-color:var(--cable-danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--cable-danger) 18%, transparent)}.cable-input--sm{height:2rem;padding:0 var(--cable-space-3)}.cable-input--md{height:2.5rem;padding:0 var(--cable-space-3)}.cable-input--lg{height:3rem;padding:0 var(--cable-space-4);font-size:var(--cable-text-md)}.cable-textarea{padding:var(--cable-space-3);line-height:var(--cable-leading-normal);resize:vertical;min-height:4rem}.cable-select{display:flex;position:relative}.cable-select__native{appearance:none;padding-right:var(--cable-space-8);cursor:pointer}.cable-select__native:disabled{cursor:not-allowed}.cable-select__chevron{right:var(--cable-space-3);color:var(--cable-fg-muted);pointer-events:none;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.cable-checkbox{align-items:flex-start;gap:var(--cable-space-2);font-family:var(--cable-font-sans);cursor:pointer;display:inline-flex}.cable-checkbox--disabled{cursor:not-allowed;opacity:.55}.cable-checkbox__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cable-checkbox__box{border:1px solid var(--cable-border-strong);border-radius:var(--cable-radius-sm);background:var(--cable-surface);width:1.15rem;height:1.15rem;color:var(--cable-primary-fg);transition:background-color var(--cable-duration-fast) var(--cable-ease), border-color var(--cable-duration-fast) var(--cable-ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cable-checkbox__check{opacity:0;width:.85rem;height:.85rem;transition:opacity var(--cable-duration-fast) var(--cable-ease), transform var(--cable-duration-fast) var(--cable-ease);transform:scale(.6)}.cable-checkbox__input:checked+.cable-checkbox__box,.cable-checkbox__input:indeterminate+.cable-checkbox__box{background:var(--cable-primary);border-color:var(--cable-primary)}.cable-checkbox__input:checked+.cable-checkbox__box .cable-checkbox__check{opacity:1;transform:scale(1)}.cable-checkbox__input:focus-visible+.cable-checkbox__box{box-shadow:var(--cable-focus-ring);outline:none}.cable-checkbox__text{flex-direction:column;gap:2px;display:flex}.cable-checkbox__label{font-size:var(--cable-text-sm);color:var(--cable-fg);line-height:var(--cable-leading-tight)}.cable-checkbox__hint{font-size:var(--cable-text-xs);color:var(--cable-fg-muted);line-height:var(--cable-leading-normal)}.cable-radio-group{min-inline-size:0;font-family:var(--cable-font-sans);border:none;margin:0;padding:0}.cable-radio-group__legend{font-size:var(--cable-text-sm);font-weight:var(--cable-weight-medium);color:var(--cable-fg);margin-bottom:var(--cable-space-3);padding:0}.cable-radio-group__items{gap:var(--cable-space-3);display:flex}.cable-radio-group__items--vertical{flex-direction:column}.cable-radio-group__items--horizontal{gap:var(--cable-space-5);flex-flow:wrap}.cable-radio{align-items:flex-start;gap:var(--cable-space-2);cursor:pointer;display:inline-flex}.cable-radio--disabled{cursor:not-allowed;opacity:.55}.cable-radio__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cable-radio__circle{border:1px solid var(--cable-border-strong);border-radius:var(--cable-radius-full);background:var(--cable-surface);width:1.15rem;height:1.15rem;transition:border-color var(--cable-duration-fast) var(--cable-ease);flex-shrink:0;display:inline-flex;position:relative}.cable-radio__circle:after{content:"";border-radius:var(--cable-radius-full);background:var(--cable-primary);width:.55rem;height:.55rem;transition:transform var(--cable-duration-fast) var(--cable-ease);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.cable-radio__input:checked+.cable-radio__circle{border-color:var(--cable-primary)}.cable-radio__input:checked+.cable-radio__circle:after{transform:translate(-50%,-50%)scale(1)}.cable-radio__input:focus-visible+.cable-radio__circle{box-shadow:var(--cable-focus-ring);outline:none}.cable-radio__text{flex-direction:column;gap:2px;display:flex}.cable-radio__label{font-size:var(--cable-text-sm);color:var(--cable-fg);line-height:var(--cable-leading-tight)}.cable-radio__hint{font-size:var(--cable-text-xs);color:var(--cable-fg-muted);line-height:var(--cable-leading-normal)}.cable-switch{align-items:center;gap:var(--cable-space-2);font-family:var(--cable-font-sans);cursor:pointer;display:inline-flex}.cable-switch--disabled{cursor:not-allowed;opacity:.55}.cable-switch__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cable-switch__track{border-radius:var(--cable-radius-full);background:var(--cable-border-strong);width:2.25rem;height:1.25rem;transition:background-color var(--cable-duration-normal) var(--cable-ease);flex-shrink:0;align-items:center;display:inline-flex;position:relative}.cable-switch__thumb{border-radius:var(--cable-radius-full);width:1rem;height:1rem;box-shadow:var(--cable-shadow-sm);transition:transform var(--cable-duration-normal) var(--cable-ease);background:#fff;position:absolute;left:2px}.cable-switch__input:checked+.cable-switch__track{background:var(--cable-primary)}.cable-switch__input:checked+.cable-switch__track .cable-switch__thumb{transform:translate(1rem)}.cable-switch__input:focus-visible+.cable-switch__track{box-shadow:var(--cable-focus-ring);outline:none}.cable-switch__label{font-size:var(--cable-text-sm);color:var(--cable-fg);line-height:var(--cable-leading-tight)}.cable-card{background:var(--cable-surface);border:1px solid var(--cable-border);border-radius:var(--cable-radius-lg);font-family:var(--cable-font-sans);color:var(--cable-fg);flex-direction:column;display:flex;overflow:hidden}.cable-card--raised{box-shadow:var(--cable-shadow-md)}.cable-card__header{gap:var(--cable-space-1);padding:var(--cable-space-5) var(--cable-space-5) 0;flex-direction:column;display:flex}.cable-card__title{font-size:var(--cable-text-lg);font-weight:var(--cable-weight-semibold);line-height:var(--cable-leading-tight);margin:0}.cable-card__description{font-size:var(--cable-text-sm);color:var(--cable-fg-muted);line-height:var(--cable-leading-normal);margin:0}.cable-card__body{padding:var(--cable-space-5);font-size:var(--cable-text-sm);line-height:var(--cable-leading-normal)}.cable-card__footer{align-items:center;gap:var(--cable-space-2);padding:0 var(--cable-space-5) var(--cable-space-5);display:flex}.cable-card--flush .cable-card__header,.cable-card--flush .cable-card__body,.cable-card--flush .cable-card__footer{padding:0}.cable-alert{align-items:flex-start;gap:var(--cable-space-3);padding:var(--cable-space-3) var(--cable-space-4);border-radius:var(--cable-radius-md);font-family:var(--cable-font-sans);font-size:var(--cable-text-sm);line-height:var(--cable-leading-normal);border:1px solid #0000;display:flex}.cable-alert__icon{border-radius:var(--cable-radius-full);width:1.25rem;height:1.25rem;font-size:var(--cable-text-xs);font-weight:var(--cable-weight-semibold);color:#fff;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.cable-alert__content{flex:1;min-width:0}.cable-alert__title{font-weight:var(--cable-weight-semibold);margin:0 0 2px}.cable-alert__body{color:var(--cable-fg-muted)}.cable-alert__dismiss{color:var(--cable-fg-muted);cursor:pointer;font-size:var(--cable-text-sm);border-radius:var(--cable-radius-sm);background:0 0;border:none;flex-shrink:0;padding:2px;line-height:1}.cable-alert__dismiss:hover{color:var(--cable-fg)}.cable-alert__dismiss:focus-visible{box-shadow:var(--cable-focus-ring);outline:none}.cable-alert--info{background:var(--cable-info-subtle);border-color:var(--cable-info-border);color:var(--cable-fg)}.cable-alert--info .cable-alert__icon{background:var(--cable-info)}.cable-alert--success{background:var(--cable-success-subtle);border-color:var(--cable-success-border);color:var(--cable-fg)}.cable-alert--success .cable-alert__icon{background:var(--cable-success)}.cable-alert--warning{background:var(--cable-warning-subtle);border-color:var(--cable-warning-border);color:var(--cable-fg)}.cable-alert--warning .cable-alert__icon{background:var(--cable-warning)}.cable-alert--danger{background:var(--cable-danger-subtle);border-color:var(--cable-danger-border);color:var(--cable-fg)}.cable-alert--danger .cable-alert__icon{background:var(--cable-danger)}.cable-progress{background:var(--cable-bg-subtle);border-radius:var(--cable-radius-full);width:100%;position:relative;overflow:hidden}.cable-progress--sm{height:.375rem}.cable-progress--md{height:.5rem}.cable-progress__bar{background:var(--cable-primary);border-radius:var(--cable-radius-full);height:100%;transition:width var(--cable-duration-normal) var(--cable-ease)}.cable-progress--indeterminate .cable-progress__bar{width:40%;animation:1.2s ease-in-out infinite cable-progress-slide}@keyframes cable-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.cable-progress--indeterminate .cable-progress__bar{animation-duration:2.4s}}.cable-tabs{font-family:var(--cable-font-sans)}.cable-tabs__list{gap:var(--cable-space-1);border-bottom:1px solid var(--cable-border);display:flex}.cable-tabs__tab{padding:var(--cable-space-3) var(--cable-space-4);font-family:inherit;font-size:var(--cable-text-sm);font-weight:var(--cable-weight-medium);color:var(--cable-fg-muted);cursor:pointer;white-space:nowrap;transition:color var(--cable-duration-fast) var(--cable-ease);background:0 0;border:none;position:relative}.cable-tabs__tab:after{content:"";background:var(--cable-primary);height:2px;transition:transform var(--cable-duration-normal) var(--cable-ease);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.cable-tabs__tab:hover:not(:disabled),.cable-tabs__tab--selected{color:var(--cable-fg)}.cable-tabs__tab--selected:after{transform:scaleX(1)}.cable-tabs__tab:focus-visible{box-shadow:var(--cable-focus-ring);border-radius:var(--cable-radius-sm);outline:none}.cable-tabs__tab:disabled{opacity:.5;cursor:not-allowed}.cable-tabs__panel{padding:var(--cable-space-4) 0;font-size:var(--cable-text-sm);line-height:var(--cable-leading-normal);color:var(--cable-fg)}.cable-tabs__panel:focus-visible{box-shadow:var(--cable-focus-ring);border-radius:var(--cable-radius-sm);outline:none}.cable-accordion{font-family:var(--cable-font-sans);border:1px solid var(--cable-border);border-radius:var(--cable-radius-lg);overflow:hidden}.cable-accordion__item+.cable-accordion__item{border-top:1px solid var(--cable-border)}.cable-accordion__heading{margin:0}.cable-accordion__trigger{justify-content:space-between;align-items:center;gap:var(--cable-space-3);width:100%;padding:var(--cable-space-4) var(--cable-space-5);font-family:inherit;font-size:var(--cable-text-sm);font-weight:var(--cable-weight-medium);color:var(--cable-fg);text-align:left;cursor:pointer;transition:background-color var(--cable-duration-fast) var(--cable-ease);background:0 0;border:none;display:flex}.cable-accordion__trigger:hover:not(:disabled){background:var(--cable-bg-subtle)}.cable-accordion__trigger:focus-visible{box-shadow:var(--cable-focus-ring);outline:none}.cable-accordion__trigger:disabled{opacity:.5;cursor:not-allowed}.cable-accordion__chevron{color:var(--cable-fg-muted);transition:transform var(--cable-duration-normal) var(--cable-ease);display:inline-flex}.cable-accordion__chevron--open{transform:rotate(180deg)}.cable-accordion__content{padding:0 var(--cable-space-5) var(--cable-space-5);font-size:var(--cable-text-sm);line-height:var(--cable-leading-normal);color:var(--cable-fg-muted)}.cable-modal__overlay{z-index:var(--cable-z-modal);padding:var(--cable-space-4);background:var(--cable-overlay);animation:cable-modal-fade var(--cable-duration-normal) var(--cable-ease);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cable-modal{width:100%;max-height:calc(100vh - 2 * var(--cable-space-8));background:var(--cable-surface);border:1px solid var(--cable-border);border-radius:var(--cable-radius-lg);box-shadow:var(--cable-shadow-lg);font-family:var(--cable-font-sans);color:var(--cable-fg);animation:cable-modal-pop var(--cable-duration-normal) var(--cable-ease);flex-direction:column;display:flex}.cable-modal--sm{max-width:24rem}.cable-modal--md{max-width:32rem}.cable-modal--lg{max-width:44rem}.cable-modal:focus{outline:none}.cable-modal__header{justify-content:space-between;align-items:flex-start;gap:var(--cable-space-4);padding:var(--cable-space-5) var(--cable-space-5) 0;display:flex}.cable-modal__heading{gap:var(--cable-space-1);flex-direction:column;display:flex}.cable-modal__title{font-size:var(--cable-text-lg);font-weight:var(--cable-weight-semibold);line-height:var(--cable-leading-tight);margin:0}.cable-modal__description{font-size:var(--cable-text-sm);color:var(--cable-fg-muted);line-height:var(--cable-leading-normal);margin:0}.cable-modal__close{color:var(--cable-fg-muted);cursor:pointer;font-size:var(--cable-text-md);padding:var(--cable-space-1);border-radius:var(--cable-radius-sm);background:0 0;border:none;flex-shrink:0;line-height:1}.cable-modal__close:hover{color:var(--cable-fg);background:var(--cable-bg-subtle)}.cable-modal__close:focus-visible{box-shadow:var(--cable-focus-ring);outline:none}.cable-modal__body{padding:var(--cable-space-5);font-size:var(--cable-text-sm);line-height:var(--cable-leading-normal);overflow-y:auto}.cable-modal__footer{justify-content:flex-end;align-items:center;gap:var(--cable-space-2);padding:0 var(--cable-space-5) var(--cable-space-5);display:flex}@keyframes cable-modal-fade{0%{opacity:0}}@keyframes cable-modal-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.cable-modal__overlay,.cable-modal{animation:none}}.cable-tooltip__wrapper{display:inline-flex;position:relative}.cable-tooltip{z-index:var(--cable-z-tooltip);width:max-content;max-width:16rem;padding:var(--cable-space-2) var(--cable-space-3);border-radius:var(--cable-radius-md);background:var(--cable-fg);color:var(--cable-bg);font-family:var(--cable-font-sans);font-size:var(--cable-text-xs);line-height:var(--cable-leading-normal);box-shadow:var(--cable-shadow-md);opacity:0;pointer-events:none;transition:opacity var(--cable-duration-fast) var(--cable-ease);position:absolute}.cable-tooltip--open{opacity:1}.cable-tooltip--top{bottom:calc(100% + var(--cable-space-2));left:50%;transform:translate(-50%)}.cable-tooltip--bottom{top:calc(100% + var(--cable-space-2));left:50%;transform:translate(-50%)}.cable-tooltip--left{right:calc(100% + var(--cable-space-2));top:50%;transform:translateY(-50%)}.cable-tooltip--right{left:calc(100% + var(--cable-space-2));top:50%;transform:translateY(-50%)}.cable-toast__viewport{z-index:var(--cable-z-toast);gap:var(--cable-space-2);width:min(24rem, calc(100vw - 2 * var(--cable-space-4)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.cable-toast__viewport--top-right{top:var(--cable-space-4);right:var(--cable-space-4)}.cable-toast__viewport--top-left{top:var(--cable-space-4);left:var(--cable-space-4)}.cable-toast__viewport--bottom-right{bottom:var(--cable-space-4);right:var(--cable-space-4)}.cable-toast__viewport--bottom-left{bottom:var(--cable-space-4);left:var(--cable-space-4)}.cable-toast{align-items:flex-start;gap:var(--cable-space-3);padding:var(--cable-space-3) var(--cable-space-4);background:var(--cable-surface-raised);border:1px solid var(--cable-border);border-radius:var(--cable-radius-md);box-shadow:var(--cable-shadow-lg);font-family:var(--cable-font-sans);color:var(--cable-fg);pointer-events:auto;animation:cable-toast-in var(--cable-duration-normal) var(--cable-ease);border-left-width:3px;display:flex}.cable-toast--default{border-left-color:var(--cable-fg-subtle)}.cable-toast--success{border-left-color:var(--cable-success)}.cable-toast--warning{border-left-color:var(--cable-warning)}.cable-toast--danger{border-left-color:var(--cable-danger)}.cable-toast__content{flex:1;min-width:0}.cable-toast__title{font-size:var(--cable-text-sm);font-weight:var(--cable-weight-semibold);line-height:var(--cable-leading-tight);margin:0}.cable-toast__description{font-size:var(--cable-text-xs);color:var(--cable-fg-muted);line-height:var(--cable-leading-normal);margin:2px 0 0}.cable-toast__close{color:var(--cable-fg-muted);cursor:pointer;font-size:var(--cable-text-xs);border-radius:var(--cable-radius-sm);background:0 0;border:none;flex-shrink:0;padding:2px;line-height:1}.cable-toast__close:hover{color:var(--cable-fg)}.cable-toast__close:focus-visible{box-shadow:var(--cable-focus-ring);outline:none}@keyframes cable-toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.cable-toast{animation:none}}.cable-table__scroll{border:1px solid var(--cable-border);border-radius:var(--cable-radius-lg);width:100%;overflow-x:auto}.cable-table{border-collapse:collapse;width:100%;font-family:var(--cable-font-sans);font-size:var(--cable-text-sm);color:var(--cable-fg)}.cable-table__caption{caption-side:top;text-align:left;padding:var(--cable-space-3) var(--cable-space-4);font-size:var(--cable-text-xs);color:var(--cable-fg-muted)}.cable-table__th{text-align:left;font-weight:var(--cable-weight-medium);color:var(--cable-fg-muted);background:var(--cable-bg-subtle);border-bottom:1px solid var(--cable-border);white-space:nowrap}.cable-table__th:not(:has(.cable-table__sort)){padding:var(--cable-space-3) var(--cable-space-4)}.cable-table__sort{align-items:center;gap:var(--cable-space-1);width:100%;padding:var(--cable-space-3) var(--cable-space-4);font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:none;display:inline-flex}.cable-table__sort:hover{color:var(--cable-fg)}.cable-table__sort:focus-visible{box-shadow:var(--cable-focus-ring);border-radius:var(--cable-radius-sm);outline:none}.cable-table__sort-icon{color:var(--cable-fg-subtle);font-size:.625rem}.cable-table__td{padding:var(--cable-space-3) var(--cable-space-4);border-bottom:1px solid var(--cable-border)}.cable-table__row:last-child .cable-table__td{border-bottom:none}.cable-table__row:hover .cable-table__td{background:var(--cable-bg-subtle)}.cable-table__cell--center{text-align:center}.cable-table__cell--end{text-align:right}.cable-table__empty{padding:var(--cable-space-8) var(--cable-space-4);text-align:center;color:var(--cable-fg-muted)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--cable-bg);color:var(--cable-fg);font-family:var(--cable-font-sans);font-size:var(--cable-text-md);line-height:var(--cable-leading-normal);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}.site{--page-max:1180px;--sidebar-w:216px;--site-nav-h:60px}.site-header{z-index:30;height:var(--site-nav-h);background:color-mix(in srgb, var(--cable-bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--cable-border);align-items:center;display:flex;position:sticky;top:0}.site-header__inner{width:100%;max-width:var(--page-max);padding:0 var(--cable-space-6);justify-content:space-between;align-items:center;gap:var(--cable-space-4);margin:0 auto;display:flex}.wordmark{font-family:var(--cable-font-mono);font-size:var(--cable-text-md);font-weight:var(--cable-weight-semibold);letter-spacing:-.02em;align-items:center;gap:1px;text-decoration:none;display:inline-flex}.wordmark__mark{margin-right:var(--cable-space-2);color:var(--cable-fg);flex:none}.wordmark__dot{color:var(--cable-fg-subtle)}.site-nav{align-items:center;gap:var(--cable-space-5);display:flex}.lang-switch{border:1px solid var(--cable-border);border-radius:var(--cable-radius-md);font-family:var(--cable-font-mono);font-size:var(--cable-text-xs);letter-spacing:.02em;align-items:center;gap:2px;padding:2px;display:inline-flex}.lang-switch__item{border-radius:var(--cable-radius-sm);color:var(--cable-fg-muted);padding:3px 6px;line-height:1;text-decoration:none}.lang-switch__item:hover{color:var(--cable-fg)}.lang-switch__item--current{background:var(--cable-bg-subtle);color:var(--cable-fg);font-weight:var(--cable-weight-semibold)}.site-nav__link{font-size:var(--cable-text-sm);color:var(--cable-fg-muted);transition:color var(--cable-duration-fast) var(--cable-ease);text-decoration:none}.site-nav__link:hover{color:var(--cable-fg)}.theme-toggle{border:1px solid var(--cable-border);border-radius:var(--cable-radius-md);background:var(--cable-surface);width:2.25rem;height:2.25rem;color:var(--cable-fg);cursor:pointer;transition:background-color var(--cable-duration-fast) var(--cable-ease);justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--cable-bg-subtle)}.theme-toggle:focus-visible{box-shadow:var(--cable-focus-ring);outline:none}.hero{padding:clamp(3.5rem,9vw,6rem) 0 clamp(2.5rem,6vw,3.5rem);position:relative;overflow:hidden}.hero:before{content:"";background-image:radial-gradient(circle at 1px 1px, var(--cable-border) 1px, transparent 0);opacity:.7;pointer-events:none;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 40%,#0000 78%);mask-image:radial-gradient(80% 60% at 50% 0,#000 40%,#0000 78%)}.hero__inner{max-width:var(--page-max);padding:0 var(--cable-space-6);margin:0 auto;position:relative}.hero__eyebrow{align-items:center;gap:var(--cable-space-2);font-family:var(--cable-font-mono);font-size:var(--cable-text-xs);color:var(--cable-fg-muted);padding:var(--cable-space-1) var(--cable-space-3);border:1px solid var(--cable-border);border-radius:var(--cable-radius-full);background:var(--cable-surface);display:inline-flex}.hero__title{margin:var(--cable-space-5) 0 0;letter-spacing:-.03em;font-size:clamp(2.25rem,6vw,3.75rem);line-height:1.05;font-weight:var(--cable-weight-semibold);max-width:16ch}.hero__title em{color:var(--cable-fg-muted);font-style:normal}.hero__lead{margin:var(--cable-space-5) 0 0;max-width:54ch;font-size:var(--cable-text-lg);color:var(--cable-fg-muted)}.hero__actions{align-items:center;gap:var(--cable-space-3);margin-top:var(--cable-space-6);flex-wrap:wrap;display:flex}.hero__stats{gap:var(--cable-space-6);margin-top:var(--cable-space-8);padding-top:var(--cable-space-6);border-top:1px solid var(--cable-border);flex-wrap:wrap;display:flex}.stat__value{font-size:var(--cable-text-xl);font-weight:var(--cable-weight-semibold);font-family:var(--cable-font-mono);letter-spacing:-.02em}.stat__label{font-size:var(--cable-text-xs);color:var(--cable-fg-muted);margin-top:2px}.command{align-items:center;gap:var(--cable-space-3);padding:var(--cable-space-2) var(--cable-space-2) var(--cable-space-2) var(--cable-space-4);border:1px solid var(--cable-border);border-radius:var(--cable-radius-md);background:var(--cable-surface);font-family:var(--cable-font-mono);font-size:var(--cable-text-sm);display:inline-flex}.command__prompt{color:var(--cable-fg-subtle)}.copy-btn{min-width:3.25rem;padding:var(--cable-space-1) var(--cable-space-2);border:1px solid var(--cable-border);border-radius:var(--cable-radius-sm);background:var(--cable-bg-subtle);color:var(--cable-fg-muted);font-family:var(--cable-font-sans);font-size:var(--cable-text-xs);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.copy-btn:hover{color:var(--cable-fg)}.copy-btn:focus-visible{box-shadow:var(--cable-focus-ring);outline:none}.docs{max-width:var(--page-max);padding:0 var(--cable-space-6);grid-template-columns:var(--sidebar-w) minmax(0, 1fr);gap:var(--cable-space-8);align-items:start;margin:0 auto;display:grid}.sidebar{top:calc(var(--site-nav-h) + var(--cable-space-6));max-height:calc(100vh - var(--site-nav-h) - var(--cable-space-8));padding-bottom:var(--cable-space-6);align-self:start;position:sticky;overflow-y:auto}.sidebar__group{margin-bottom:var(--cable-space-5)}.sidebar__title{font-size:var(--cable-text-xs);font-weight:var(--cable-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--cable-fg-subtle);margin:0 0 var(--cable-space-2)}.sidebar__link{padding:5px var(--cable-space-3);margin-left:calc(-1 * var(--cable-space-3));font-size:var(--cable-text-sm);color:var(--cable-fg-muted);border-radius:0 var(--cable-radius-sm) var(--cable-radius-sm) 0;transition:color var(--cable-duration-fast) var(--cable-ease);border-left:2px solid #0000;text-decoration:none;display:block}.sidebar__link:hover{color:var(--cable-fg)}.sidebar__link--active{color:var(--cable-fg);border-left-color:var(--cable-primary);background:var(--cable-bg-subtle)}.docs-main{min-width:0}.section{border-top:1px solid var(--cable-border);padding:clamp(2.25rem,5vw,3.5rem) 0}.section:first-child{padding-top:var(--cable-space-6);border-top:none}.section__head{align-items:baseline;gap:var(--cable-space-3);margin-bottom:var(--cable-space-3);display:flex}.section__index{font-family:var(--cable-font-mono);font-size:var(--cable-text-sm);color:var(--cable-fg-subtle)}.section__title{font-size:var(--cable-text-xl);font-weight:var(--cable-weight-semibold);letter-spacing:-.02em;margin:0}.section__note{margin:0 0 var(--cable-space-6);color:var(--cable-fg-muted);font-size:var(--cable-text-sm);max-width:62ch}.grid{gap:var(--cable-space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.specimen{scroll-margin-top:calc(var(--site-nav-h) + var(--cable-space-4));border:1px solid var(--cable-border);border-radius:var(--cable-radius-lg);background:var(--cable-surface);flex-direction:column;display:flex;overflow:hidden}.specimen--wide{grid-column:1/-1}.specimen__head{justify-content:space-between;align-items:center;gap:var(--cable-space-3);padding:var(--cable-space-3) var(--cable-space-4);border-bottom:1px solid var(--cable-border);display:flex}.specimen__name{font-size:var(--cable-text-sm);font-weight:var(--cable-weight-medium);font-family:var(--cable-font-mono)}.specimen__toggle{color:var(--cable-fg-muted);font-size:var(--cable-text-xs);font-family:var(--cable-font-mono);cursor:pointer;padding:var(--cable-space-1) var(--cable-space-2);border-radius:var(--cable-radius-sm);background:0 0;border:none}.specimen__toggle:hover{color:var(--cable-fg);background:var(--cable-bg-subtle)}.specimen__toggle:focus-visible{box-shadow:var(--cable-focus-ring);outline:none}.specimen__stage{align-items:center;gap:var(--cable-space-4);padding:var(--cable-space-6);background:var(--cable-bg-subtle);flex-wrap:wrap;min-height:120px;display:flex}.specimen__stage--column{flex-direction:column;align-items:stretch}.specimen__desc{padding:var(--cable-space-3) var(--cable-space-4);font-size:var(--cable-text-xs);color:var(--cable-fg-muted);border-top:1px solid var(--cable-border)}.code{padding:var(--cable-space-4);background:var(--cable-fg);color:var(--cable-bg);font-family:var(--cable-font-mono);font-size:var(--cable-text-xs);margin:0;line-height:1.6;overflow-x:auto}[data-theme=dark] .code{color:#d4d4d4;background:#000}.codeblock{border:1px solid var(--cable-border);border-radius:var(--cable-radius-md);position:relative;overflow:hidden}.codeblock .code{border-radius:0}.codeblock__copy{top:var(--cable-space-2);right:var(--cable-space-2);position:absolute}.start-block{margin-bottom:var(--cable-space-6)}.start-block__title{font-size:var(--cable-text-md);font-weight:var(--cable-weight-medium);margin:0 0 var(--cable-space-2)}.start-block__text{margin:0 0 var(--cable-space-3);color:var(--cable-fg-muted);font-size:var(--cable-text-sm);max-width:62ch}.tokens-group{margin-bottom:var(--cable-space-6)}.tokens-group__title{font-size:var(--cable-text-sm);font-weight:var(--cable-weight-medium);margin:0 0 var(--cable-space-3)}.swatches{gap:var(--cable-space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.swatch{border:1px solid var(--cable-border);border-radius:var(--cable-radius-md);background:var(--cable-surface);overflow:hidden}.swatch__chip{height:48px}.swatch__name{padding:var(--cable-space-2) var(--cable-space-3);font-family:var(--cable-font-mono);color:var(--cable-fg-muted);border-top:1px solid var(--cable-border);font-size:11px;display:block}.scale{gap:var(--cable-space-3);flex-direction:column;display:flex}.scale__row{align-items:center;gap:var(--cable-space-4);display:flex}.scale__bar{background:var(--cable-primary);border-radius:var(--cable-radius-sm);height:16px}.scale__swatch{background:var(--cable-primary);flex-shrink:0;width:56px;height:56px}.scale__name{font-family:var(--cable-font-mono);font-size:var(--cable-text-xs);color:var(--cable-fg-muted)}.site-footer{border-top:1px solid var(--cable-border);padding:var(--cable-space-8) 0;color:var(--cable-fg-muted);font-size:var(--cable-text-sm)}.site-footer__inner{max-width:var(--page-max);padding:0 var(--cable-space-6);justify-content:space-between;align-items:center;gap:var(--cable-space-4);flex-wrap:wrap;margin:0 auto;display:flex}.site-footer a{color:var(--cable-fg-muted);text-decoration:none}.site-footer a:hover{color:var(--cable-fg)}@media (width<=900px){.docs{grid-template-columns:1fr}.sidebar{display:none}}@media (width<=600px){.site-nav__link--hide-sm{display:none}}