.tds-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--fw-semibold);border-radius:var(--radius-none);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);border:1px solid #0000;line-height:1;display:inline-flex}.tds-btn:active:not(:disabled){transform:translateY(1px)}.tds-btn:focus-visible{outline:2px solid var(--color-border-brand);outline-offset:2px}.tds-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.tds-btn--md{padding:var(--space-2) var(--space-4);font-size:13px}.tds-btn--sm{padding:var(--space-2) var(--space-3);font-size:12px}.tds-btn--xs{padding:var(--space-1) var(--space-2);font-size:11px}.tds-btn--primary{background:var(--color-surface-lower-inverse);color:var(--color-text-primary-inverse)}.tds-btn--primary:hover:not(:disabled),.tds-btn--primary:focus-visible{background:var(--color-surface-higher-inverse)}.tds-btn--secondary{background:var(--color-surface-brick);color:var(--color-text-primary-inverse)}.tds-btn--secondary:hover:not(:disabled),.tds-btn--secondary:focus-visible{opacity:.9}.tds-btn--outline{color:var(--color-text-primary);border-color:var(--color-border-strong);background:0 0}.tds-btn--outline:hover:not(:disabled),.tds-btn--outline:focus-visible{border-color:var(--color-text-primary);background:var(--color-surface-primary)}.tds-btn--ghost{color:var(--color-text-primary);background:0 0}.tds-btn--ghost:hover:not(:disabled),.tds-btn--ghost:focus-visible{background:var(--color-surface-lower)}
.tds-card{padding:var(--space-5);background:var(--color-surface-card);color:var(--color-text-primary);border-radius:var(--radius-none)}.tds-card--default{border:1px solid var(--color-border-tertiary)}.tds-card--elevated{border:1px solid var(--color-border-tertiary);box-shadow:var(--shadow-md)}.tds-card--outlined{border:1px solid var(--color-border-strong)}:where([data-theme=dark],:root[data-theme=dark]) .tds-card--default,:where([data-theme=dark],:root[data-theme=dark]) .tds-card--elevated{background:var(--color-surface-card);border-color:var(--color-border-tertiary)}:where([data-theme=dark],:root[data-theme=dark]) .tds-card--outlined{background:var(--color-surface-card);border-color:var(--color-border-strong)}
.tds-copy-text{align-items:center;gap:var(--space-1);cursor:pointer;color:var(--color-text-brand);font-family:var(--font-mono);background:0 0;border:none;padding:0;font-size:12px;display:inline-flex}.tds-copy-text:hover{text-underline-offset:3px;text-decoration:underline}.tds-copy-icon{cursor:pointer;min-width:16px;min-height:16px;color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.tds-copy-icon:hover{color:var(--color-text-primary)}
.tds-fieldset{border:1px solid var(--color-border-strong);padding:var(--space-4);border-radius:var(--radius-none);min-inline-size:0}.tds-fieldset__legend{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);padding:0;font-size:11px}
.tds-field{gap:var(--space-1);flex-direction:column;display:flex}.tds-field__label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:11px}.tds-input-wrap{padding:var(--space-2) var(--space-3);background:var(--color-surface-higher);border:1px solid var(--color-border-strong);border-radius:var(--radius-none);cursor:text;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);align-items:center;display:flex}.tds-input-wrap:focus-within{border-color:var(--brick-400);box-shadow:inset 0 0 0 1px var(--brick-400)}.tds-input-wrap[data-error]{border-color:var(--color-border-danger);box-shadow:inset 0 0 0 1px var(--color-border-danger)}.tds-input-wrap:has(.tds-input:disabled){background:var(--color-surface-disabled);cursor:not-allowed}.tds-input{width:100%;font-family:var(--font-mono);color:var(--color-text-primary);background:0 0;border:none;outline:none;font-size:13px}.tds-input::placeholder{color:var(--color-text-tertiary)}.tds-input:disabled{cursor:not-allowed}:where([data-theme=dark],:root[data-theme=dark]) .tds-input-wrap{background:var(--color-surface-primary);border-color:var(--color-border-secondary)}:where([data-theme=dark],:root[data-theme=dark]) .tds-input-wrap:focus-within{border-color:var(--color-border-brand);box-shadow:inset 0 0 0 1px var(--color-border-brand)}
.tds-select-trigger{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:12rem;font-family:var(--font-mono);background:var(--color-surface-higher);color:var(--color-text-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-none);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard);display:inline-flex}.tds-select-trigger--sm{padding:var(--space-2) var(--space-3);font-size:.875rem;line-height:1.25rem}.tds-select-trigger--md{padding:var(--space-2) var(--space-3);font-size:1rem;line-height:1.5rem}.tds-select-trigger:hover{border-color:var(--color-border-secondary)}.tds-select-trigger[data-popup-open]{border-color:var(--color-border-brand)}.tds-select-trigger:focus-visible{outline:2px solid var(--color-border-brand);outline-offset:2px}.tds-select-icon{color:var(--color-text-tertiary);display:inline-flex}.tds-select-popup{min-width:var(--anchor-width,12rem);background:var(--color-surface-higher);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-none);padding:var(--space-1);box-shadow:0 1px 0 var(--color-border-tertiary)}.tds-select-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);font-family:var(--font-mono);color:var(--color-text-primary);border-radius:var(--radius-none);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;display:flex}.tds-select-item[data-highlighted]{background:var(--color-surface-lower)}.tds-select-item[data-selected]{color:var(--color-text-brand)}.tds-select-item-indicator{width:14px;color:var(--color-text-brand);display:inline-flex}.tds-select-item:not([data-selected]) .tds-select-item-indicator{visibility:hidden}
.tds-spinner{border:2px solid var(--color-border-secondary);border-top-color:var(--color-surface-lower-inverse);border-radius:var(--radius-pill);width:18px;height:18px;animation:.7s linear infinite tds-spin;display:inline-block}.tds-spinner--neutral{border-color:var(--color-border-secondary);border-top-color:var(--color-surface-lower-inverse)}.tds-spinner--brick{border-color:var(--brick-200);border-top-color:var(--brick-400)}@keyframes tds-spin{to{transform:rotate(360deg)}}
.tds-tag{font-family:var(--font-mono);letter-spacing:.02em;background:var(--color-surface-lower);color:var(--color-text-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-none);align-items:center;gap:var(--space-1);font-size:11px;font-weight:var(--fw-semibold);border:1px solid #0000;display:inline-flex}.tds-tag--neutral{background:var(--color-surface-lower);color:var(--color-text-primary)}.tds-tag--dark{background:var(--color-surface-lower-inverse);color:var(--color-text-primary-inverse)}.tds-tag--brick{background:var(--brick-100);color:var(--brick-400)}.tds-tag--sky{background:var(--sky-100);color:var(--sky-400)}.tds-tag--grass{background:var(--grass-100);color:var(--grass-400)}.tds-tag--yellow{background:var(--yellow-100);color:var(--yellow-400)}:where([data-theme=dark],:root[data-theme=dark]) .tds-tag--neutral{background:color-mix(in srgb, var(--teal-500) 18%, transparent);color:var(--color-text-secondary);border-color:color-mix(in srgb, var(--teal-400) 32%, transparent)}:where([data-theme=dark],:root[data-theme=dark]) .tds-tag--brick{background:color-mix(in srgb, var(--brick-300) 20%, transparent);color:var(--brick-100);border-color:color-mix(in srgb, var(--brick-300) 42%, transparent)}:where([data-theme=dark],:root[data-theme=dark]) .tds-tag--sky{background:color-mix(in srgb, var(--sky-300) 18%, transparent);color:var(--sky-100);border-color:color-mix(in srgb, var(--sky-300) 36%, transparent)}:where([data-theme=dark],:root[data-theme=dark]) .tds-tag--grass{background:color-mix(in srgb, var(--grass-300) 22%, transparent);color:var(--grass-100);border-color:color-mix(in srgb, var(--grass-300) 42%, transparent)}:where([data-theme=dark],:root[data-theme=dark]) .tds-tag--yellow{background:color-mix(in srgb, var(--yellow-300) 20%, transparent);color:var(--yellow-100);border-color:color-mix(in srgb, var(--yellow-300) 40%, transparent)}
.tds-banner{background:var(--color-surface-brick);width:100%;box-shadow:inset 0 -1px 0 var(--color-border-secondary)}
.tds-detail{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.tds-detail--stacked{align-items:flex-start;gap:var(--space-1);flex-direction:column}.tds-detail__label{font-family:var(--font-mono);font-size:var(--type-ui-4-size,.875rem);color:var(--color-text-secondary)}.tds-detail__value{min-width:0;color:var(--color-text-primary);text-align:right}.tds-detail--stacked .tds-detail__value{text-align:left}
.tds-scrim{z-index:100;transition:opacity var(--duration-med) var(--ease-standard);background:#151e1ea3;position:fixed;inset:0}.tds-scrim[data-starting-style],.tds-scrim[data-ending-style]{opacity:0}.tds-dialog{background:var(--color-surface-higher);border:1px solid var(--color-border-secondary);width:440px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);border-radius:var(--radius-none);padding:var(--space-6);z-index:101;transition:opacity var(--duration-med) var(--ease-standard), transform var(--duration-med) var(--ease-standard);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.tds-dialog[data-starting-style],.tds-dialog[data-ending-style]{opacity:0;transform:translate(-50%,-48%)scale(.97)}.tds-dialog__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.tds-dialog__title{font-family:var(--font-sans);font-size:22px;font-weight:var(--fw-semibold);letter-spacing:-.3px;color:var(--color-text-primary);margin:0}.tds-dialog__sub{font-family:var(--font-sans);color:var(--color-text-tertiary);margin:var(--space-2) 0 var(--space-5);font-size:13px}.tds-dialog__close{cursor:pointer;font-family:var(--font-mono);color:var(--color-text-tertiary);padding:var(--space-1);background:0 0;border:none;font-size:12px}.tds-dialog__close:hover{color:var(--color-text-primary)}.tds-dialog__foot{gap:var(--space-2);margin-top:var(--space-2);justify-content:flex-end;display:flex}
.tds-navbar{background:var(--teal-200);border-bottom:1px solid var(--teal-300);align-items:center;gap:40px;height:64px;padding:0 28px;display:flex}.tds-navbar__brand{align-items:center;gap:13px;text-decoration:none;display:inline-flex}.tds-navbar__wordmark{font-family:var(--font-sans);letter-spacing:-1.1px;color:var(--teal-700);font-size:24px;font-style:italic;font-weight:800}.tds-navbar__logo{width:auto;height:32px;display:block}.tds-navbar__tag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--teal-600);border:1px solid var(--teal-300);border-radius:var(--radius-none);padding:4px 8px 3px;font-size:11px;font-weight:600}.tds-navbar__nav{align-items:center;gap:30px;display:flex}.tds-navbar__item{cursor:pointer;font-family:var(--font-mono);color:var(--teal-600);transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;margin:0;padding:0;font-size:15px;text-decoration:none;display:inline-flex}.tds-navbar__item:after{content:"";background:0 0;width:100%;height:2px}.tds-navbar__item:hover,.tds-navbar__item[data-active]{color:var(--teal-800)}.tds-navbar__item[data-active]:after{background:var(--brick-400)}.tds-navbar__spacer{flex:1}.tds-navbar__status{background:color-mix(in srgb, var(--teal-0) 55%, transparent);border:1px solid var(--teal-300);border-radius:var(--radius-none);cursor:default;font-family:var(--font-mono);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);align-items:center;gap:9px;margin:0;padding:8px 14px;display:inline-flex}button.tds-navbar__status{cursor:pointer}button.tds-navbar__status:hover,.tds-navbar__status[data-open]{background:var(--teal-0);border-color:var(--teal-400)}.tds-navbar__dot{flex:none;width:9px;height:9px;display:inline-flex;position:relative}.tds-navbar__dot-core{background:var(--grass-300);width:9px;height:9px;box-shadow:0 0 8px color-mix(in srgb, var(--grass-300) 55%, transparent);border-radius:50%;position:relative}.tds-navbar__dot--off .tds-navbar__dot-core{background:var(--teal-400);box-shadow:none}.tds-navbar__dot-pulse{background:var(--grass-300);border-radius:50%;animation:1.9s cubic-bezier(0,0,.2,1) infinite tds-navbar-pulse;position:absolute;inset:0}.tds-navbar__status-net{color:var(--teal-700);font-size:13px}.tds-navbar__status-slot{color:var(--teal-500);font-size:13px}:where([data-theme=dark],[data-theme=light] [data-theme=dark]) .tds-navbar{background:var(--color-surface-card);border-bottom-color:var(--color-border-tertiary)}:where([data-theme=dark],[data-theme=light] [data-theme=dark]) .tds-navbar__wordmark,:where([data-theme=dark],[data-theme=light] [data-theme=dark]) .tds-navbar__item:hover,:where([data-theme=dark],[data-theme=light] [data-theme=dark]) .tds-navbar__item[data-active],:where([data-theme=dark],[data-theme=light] [data-theme=dark]) .tds-navbar__status-net{color:var(--color-text-primary)}:where([data-theme=dark],[data-theme=light] [data-theme=dark]) .tds-navbar__tag,:where([data-theme=dark],[data-theme=light] [data-theme=dark]) .tds-navbar__status{background:var(--color-surface-higher);border-color:var(--color-border-secondary);color:var(--color-text-primary)}:where([data-theme=dark],[data-theme=light] [data-theme=dark]) .tds-navbar__item{color:var(--color-text-tertiary)}:where([data-theme=dark],[data-theme=light] [data-theme=dark]) .tds-navbar__item[data-active]:after{background:var(--color-surface-brick)}:where([data-theme=dark],[data-theme=light] [data-theme=dark]) .tds-navbar__status-slot{color:var(--color-text-secondary)}:where([data-theme=dark],[data-theme=light] [data-theme=dark]) .tds-navbar__dot--off .tds-navbar__dot-core{background:var(--color-text-secondary)}:where([data-theme=dark],[data-theme=light] [data-theme=dark]) button.tds-navbar__status:hover,:where([data-theme=dark],[data-theme=light] [data-theme=dark]) .tds-navbar__status[data-open]{background:var(--color-surface-card);border-color:var(--color-border-strong)}@keyframes tds-navbar-pulse{0%{opacity:.5;transform:scale(1)}70%{opacity:0;transform:scale(2.6)}to{opacity:0}}.tds-navbar__burger{background:var(--color-surface-higher);border-radius:var(--radius-none);width:32px;height:32px;color:var(--color-text-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);border:none;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:none}.tds-navbar__burger:hover{background:var(--color-surface-primary)}.tds-navbar__scrim{z-index:30;background:color-mix(in srgb, var(--color-surface-primary) 50%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tds-navbar__drawer{z-index:35;background:var(--color-surface-primary);border:none;border-bottom:1px solid var(--color-border-secondary);width:auto;max-width:none;max-height:calc(100dvh - 64px);box-shadow:none;border-radius:var(--radius-none);padding:0;transition:none;position:fixed;top:64px;left:0;right:0;overflow-y:auto;transform:none}.tds-navbar__drawer[data-starting-style],.tds-navbar__drawer[data-ending-style]{opacity:1;transform:none}.tds-navbar__drawer[data-open]{animation:.3s ease-in-out tds-navbar-menu-in}.tds-navbar__drawer[data-ending-style]{animation:.3s ease-in-out forwards tds-navbar-menu-out}@keyframes tds-navbar-menu-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes tds-navbar-menu-out{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.tds-navbar__drawer-nav{flex-direction:column;padding:8px 0;display:flex}.tds-navbar__drawer-nav .tds-navbar__item{border-left:2px solid #0000;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;width:100%;padding:14px 18px;font-size:17px}.tds-navbar__drawer-nav .tds-navbar__item:after{display:none}.tds-navbar__drawer-nav .tds-navbar__item[data-active]{color:var(--teal-800);border-left-color:var(--brick-400);background:var(--teal-0)}@media (max-width:640px){.tds-navbar{gap:12px;padding:0 14px}.tds-navbar__nav{display:none}.tds-navbar__burger{display:inline-flex}.tds-navbar__tag{display:none}.tds-navbar__status{gap:7px;padding:7px 10px}.tds-navbar__status-slot{display:none}}
.tds-sep{background:var(--color-border-tertiary);border:none}.tds-sep--horizontal{width:100%;height:1px}.tds-sep--vertical{align-self:center;width:1px;height:20px}
