:root{--font-core:"Space Grotesk","Helvetica Neue",Arial,sans-serif;--font-display:"Space Grotesk","Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}:root{--blue-50:#F2F5FE;--blue-100:#E4EAFD;--blue-200:#C6D2FA;--blue-300:#9DB0F5;--blue-400:#6A85EE;--blue-500:#3E60E7;--blue-600:#1F4FE0;--blue-700:#1740C4;--blue-800:#1235A8;--blue-900:#0E2A85;--grey-0:#FFFFFF;--grey-25:#FBFCFD;--grey-50:#F7F8FA;--grey-100:#F0F2F5;--grey-200:#E4E7EC;--grey-300:#D3D8E0;--grey-400:#A8B0BD;--grey-500:#868E9C;--grey-600:#5B6270;--grey-700:#3C424E;--grey-800:#232833;--grey-900:#0F1115;--green-50:#EAF7F1;--green-100:#CDEBDD;--green-600:#0F8A5F;--green-700:#0B6E4B;--amber-50:#FDF4E7;--amber-100:#F8E4C2;--amber-600:#B26B00;--amber-700:#8E5500;--red-50:#FDF0EF;--red-100:#F9D6D3;--red-600:#D0342C;--red-700:#A82823;--text-primary:var(--grey-900);--text-secondary:var(--grey-600);--text-tertiary:var(--grey-500);--text-disabled:var(--grey-400);--text-inverse:var(--grey-0);--text-link:var(--blue-600);--text-link-hover:var(--blue-700);--text-success:var(--green-700);--text-warning:var(--amber-700);--text-danger:var(--red-700);--surface-page:var(--grey-50);--surface-card:var(--grey-0);--surface-sunken:var(--grey-100);--surface-raised:var(--grey-0);--surface-inverse:var(--grey-900);--surface-hover:var(--grey-50);--surface-active:var(--grey-100);--surface-selected:var(--blue-50);--surface-accent:var(--blue-600);--surface-accent-subtle:var(--blue-50);--surface-success-subtle:var(--green-50);--surface-warning-subtle:var(--amber-50);--surface-danger-subtle:var(--red-50);--border-subtle:var(--grey-200);--border-default:var(--grey-300);--border-strong:var(--grey-400);--border-accent:var(--blue-600);--border-danger:var(--red-600);--border-focus:var(--blue-600);--action-primary-bg:var(--blue-600);--action-primary-bg-hover:var(--blue-700);--action-primary-bg-active:var(--blue-800);--action-primary-fg:var(--grey-0);--action-secondary-bg:var(--grey-0);--action-secondary-bg-hover:var(--grey-50);--action-secondary-bg-active:var(--grey-100);--action-secondary-fg:var(--grey-900);--action-ghost-bg-hover:var(--grey-100);--action-danger-bg:var(--red-600);--action-danger-bg-hover:var(--red-700);--action-disabled-bg:var(--grey-100);--action-disabled-fg:var(--grey-400);--focus-ring:0 0 0 3px var(--blue-100);--focus-ring-danger:0 0 0 3px var(--red-100);--status-active-fg:var(--green-700);--status-active-bg:var(--green-50);--status-expired-fg:var(--amber-700);--status-expired-bg:var(--amber-50);--status-deleted-fg:var(--grey-600);--status-deleted-bg:var(--grey-100);--status-locked-fg:var(--blue-700);--status-locked-bg:var(--blue-50)}:root{--text-display-1:56px;--text-display-2:44px;--text-h1:36px;--text-h2:28px;--text-h3:22px;--text-h4:18px;--text-body-lg:17px;--text-body:15px;--text-body-sm:13px;--text-caption:12px;--text-micro:11px;--leading-display:1.06;--leading-heading:1.22;--leading-body:1.55;--leading-tight:1.35;--leading-mono:1.45;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-display:-.022em;--tracking-heading:-.014em;--tracking-body:-.003em;--tracking-mono:-.01em;--tracking-caps:.08em;--type-display-1:var(--weight-semibold) var(--text-display-1)/var(--leading-display) var(--font-display);--type-display-2:var(--weight-semibold) var(--text-display-2)/var(--leading-display) var(--font-display);--type-h1:var(--weight-semibold) var(--text-h1)/var(--leading-heading) var(--font-display);--type-h2:var(--weight-semibold) var(--text-h2)/var(--leading-heading) var(--font-display);--type-h3:var(--weight-medium) var(--text-h3)/var(--leading-heading) var(--font-core);--type-h4:var(--weight-medium) var(--text-h4)/var(--leading-tight) var(--font-core);--type-body:var(--weight-regular) var(--text-body)/var(--leading-body) var(--font-core);--type-body-sm:var(--weight-regular) var(--text-body-sm)/var(--leading-body) var(--font-core);--type-label:var(--weight-medium) var(--text-body-sm)/var(--leading-tight) var(--font-core);--type-mono:var(--weight-regular) var(--text-body-sm)/var(--leading-mono) var(--font-mono);--type-caps:var(--weight-semibold) var(--text-micro)/1.2 var(--font-core)}:root{--space-0:0px;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:32px;--space-10:40px;--space-11:48px;--space-12:64px;--space-13:80px;--space-14:96px;--space-15:128px;--pad-control-x:14px;--pad-control-y:9px;--pad-card:20px;--pad-card-lg:28px;--pad-section-y:96px;--gap-inline:8px;--gap-stack:12px;--gap-group:24px}:root{--radius-0:0px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:999px;--radius-control:var(--radius-sm);--radius-card:var(--radius-lg);--radius-panel:var(--radius-lg);--radius-dialog:var(--radius-xl);--radius-dropzone:var(--radius-lg);--radius-badge:var(--radius-xs);--radius-pillbadge:var(--radius-pill);--radius-avatar:var(--radius-pill)}:root{--shadow-none:none;--shadow-xs:0 1px 2px rgba(15,17,21,.05);--shadow-sm:0 1px 2px rgba(15,17,21,.05),0 1px 3px rgba(15,17,21,.04);--shadow-md:0 2px 4px rgba(15,17,21,.05),0 4px 12px rgba(15,17,21,.06);--shadow-lg:0 4px 8px rgba(15,17,21,.04),0 12px 32px rgba(15,17,21,.1);--shadow-dialog:0 16px 48px rgba(15,17,21,.18),0 2px 6px rgba(15,17,21,.08);--shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.06);--shadow-accent:0 2px 8px rgba(31,79,224,.24);--scrim:rgba(15,17,21,.44);--scrim-light:rgba(15,17,21,.24)}:root{--duration-instant:80ms;--duration-fast:.12s;--duration-base:.18s;--duration-slow:.26s;--duration-slower:.4s;--ease-out:cubic-bezier(.2,.7,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.5,0,1,1);--transition-control:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);--transition-surface:background-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);--transition-transform:transform var(--duration-base) var(--ease-out)}:root{--container-narrow:640px;--container-content:800px;--container-app:1200px;--container-wide:1320px;--sidebar-width:248px;--sidebar-width-collapsed:64px;--topbar-height:60px;--marketing-nav-height:68px;--row-height:56px;--row-height-compact:44px;--control-height-sm:32px;--control-height-md:40px;--control-height-lg:48px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--z-base:0;--z-sticky:100;--z-dropdown:200;--z-scrim:300;--z-dialog:400;--z-toast:500}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:var(--type-body);letter-spacing:var(--tracking-body);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0}p{margin:0;text-wrap:pretty}a{color:var(--text-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.92em}hr{border:0;border-top:1px solid var(--border-subtle);margin:var(--space-8) 0}::selection{background:var(--blue-100);color:var(--blue-900)}.xt-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-inline);font-family:var(--font-core);font-weight:var(--weight-medium);letter-spacing:var(--tracking-body);border-radius:var(--radius-control);border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;transition:var(--transition-control);-webkit-user-select:none;user-select:none}.xt-btn:hover{text-decoration:none}.xt-btn--sm{height:var(--control-height-sm);padding:0 12px;font-size:var(--text-body-sm)}.xt-btn--md{height:var(--control-height-md);padding:0 16px;font-size:var(--text-body)}.xt-btn--lg{height:var(--control-height-lg);padding:0 22px;font-size:var(--text-body-lg)}.xt-btn--block{width:100%}.xt-btn--primary{background:var(--action-primary-bg);color:var(--action-primary-fg)}.xt-btn--primary:hover{background:var(--action-primary-bg-hover)}.xt-btn--primary:active{background:var(--action-primary-bg-active)}.xt-btn--secondary{background:var(--action-secondary-bg);color:var(--action-secondary-fg);border-color:var(--border-default)}.xt-btn--secondary:hover{background:var(--action-secondary-bg-hover);border-color:var(--border-strong)}.xt-btn--secondary:active{background:var(--action-secondary-bg-active)}.xt-btn--ghost{background:transparent;color:var(--text-secondary)}.xt-btn--ghost:hover{background:var(--action-ghost-bg-hover);color:var(--text-primary)}.xt-btn--ghost:active{background:var(--surface-active)}.xt-btn--danger{background:var(--action-danger-bg);color:var(--text-inverse)}.xt-btn--danger:hover{background:var(--action-danger-bg-hover)}.xt-btn--link{background:transparent;color:var(--text-link);padding:0;height:auto}.xt-btn--link:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:2px}.xt-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.xt-btn--danger:focus-visible{box-shadow:var(--focus-ring-danger)}.xt-btn[disabled],.xt-btn[aria-disabled=true]{background:var(--action-disabled-bg);color:var(--action-disabled-fg);border-color:transparent;cursor:not-allowed}.xt-btn--ghost[disabled],.xt-btn--link[disabled]{background:transparent}.xt-btn__spinner{width:14px;height:14px;border-radius:var(--radius-pill);border:2px solid currentColor;border-top-color:transparent;opacity:.7;animation:xt-spin .7s linear infinite}.xt-iconbtn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-control);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition-control);padding:0}.xt-iconbtn--sm{width:var(--control-height-sm);height:var(--control-height-sm)}.xt-iconbtn--md{width:var(--control-height-md);height:var(--control-height-md)}.xt-iconbtn--lg{width:var(--control-height-lg);height:var(--control-height-lg)}.xt-iconbtn:hover{background:var(--action-ghost-bg-hover);color:var(--text-primary)}.xt-iconbtn:active{background:var(--surface-active)}.xt-iconbtn--outlined{border-color:var(--border-default);background:var(--surface-card)}.xt-iconbtn--outlined:hover{border-color:var(--border-strong);background:var(--surface-hover)}.xt-iconbtn--danger:hover{background:var(--surface-danger-subtle);color:var(--text-danger)}.xt-iconbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.xt-iconbtn[disabled]{color:var(--text-disabled);cursor:not-allowed;background:transparent}.xt-field{display:flex;flex-direction:column;gap:var(--space-3)}.xt-field__label{font:var(--type-label);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.xt-field__optional{color:var(--text-tertiary);font-weight:var(--weight-regular)}.xt-field__hint{font-size:var(--text-body-sm);color:var(--text-tertiary);line-height:var(--leading-tight)}.xt-field__error{font-size:var(--text-body-sm);color:var(--text-danger);line-height:var(--leading-tight)}.xt-input{width:100%;font-family:var(--font-core);font-size:var(--text-body);letter-spacing:var(--tracking-body);color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-control);height:var(--control-height-md);padding:0 var(--pad-control-x);transition:var(--transition-control)}.xt-input--sm{height:var(--control-height-sm);font-size:var(--text-body-sm);padding:0 10px}.xt-input--lg{height:var(--control-height-lg);font-size:var(--text-body-lg)}.xt-input--mono{font-family:var(--font-mono);font-size:var(--text-body-sm)}.xt-input::placeholder{color:var(--text-tertiary)}.xt-input:hover{border-color:var(--border-strong)}.xt-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.xt-input[disabled]{background:var(--surface-sunken);color:var(--text-disabled);cursor:not-allowed}.xt-input[aria-invalid=true]{border-color:var(--border-danger)}.xt-input[aria-invalid=true]:focus{box-shadow:var(--focus-ring-danger)}.xt-textarea{min-height:96px;height:auto;padding:10px var(--pad-control-x);line-height:var(--leading-body);resize:vertical}.xt-input__wrap{position:relative;display:flex;align-items:center}.xt-input__wrap .xt-input{padding-left:38px}.xt-input__icon{position:absolute;left:12px;display:flex;color:var(--text-tertiary);pointer-events:none}.xt-input__affix{position:absolute;right:12px;font:var(--type-mono);color:var(--text-tertiary)}.xt-select{width:100%;appearance:none;font-family:var(--font-core);font-size:var(--text-body);color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-control);height:var(--control-height-md);padding:0 34px 0 var(--pad-control-x);cursor:pointer;transition:var(--transition-control)}.xt-select--sm{height:var(--control-height-sm);font-size:var(--text-body-sm)}.xt-select:hover{border-color:var(--border-strong)}.xt-select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.xt-select[disabled]{background:var(--surface-sunken);color:var(--text-disabled);cursor:not-allowed}.xt-select__wrap{position:relative;display:flex;align-items:center}.xt-select__chevron{position:absolute;right:12px;pointer-events:none;color:var(--text-tertiary);display:flex}.xt-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.xt-check[data-disabled=true]{cursor:not-allowed;opacity:.55}.xt-check__box{flex:none;width:18px;height:18px;margin-top:1px;border:1px solid var(--border-default);border-radius:var(--radius-xs);background:var(--surface-card);display:flex;align-items:center;justify-content:center;color:transparent;transition:var(--transition-control)}.xt-check:hover .xt-check__box{border-color:var(--border-strong)}.xt-check input{position:absolute;opacity:0;width:0;height:0}.xt-check input:checked+.xt-check__box{background:var(--action-primary-bg);border-color:var(--action-primary-bg);color:var(--text-inverse)}.xt-check input:focus-visible+.xt-check__box{box-shadow:var(--focus-ring);border-color:var(--border-focus)}.xt-check__text{display:flex;flex-direction:column;gap:2px}.xt-check__label{font-size:var(--text-body);color:var(--text-primary);line-height:var(--leading-tight)}.xt-check__desc{font-size:var(--text-body-sm);color:var(--text-tertiary);line-height:var(--leading-tight)}.xt-switch{display:flex;align-items:center;gap:12px;cursor:pointer}.xt-switch[data-disabled=true]{cursor:not-allowed;opacity:.55}.xt-switch input{position:absolute;opacity:0;width:0;height:0}.xt-switch__track{flex:none;width:38px;height:22px;border-radius:var(--radius-pill);background:var(--grey-300);padding:2px;display:flex;transition:background-color var(--duration-base) var(--ease-out)}.xt-switch__knob{width:18px;height:18px;border-radius:var(--radius-pill);background:var(--grey-0);box-shadow:var(--shadow-xs);transition:transform var(--duration-base) var(--ease-out)}.xt-switch input:checked+.xt-switch__track{background:var(--action-primary-bg)}.xt-switch input:checked+.xt-switch__track .xt-switch__knob{transform:translate(16px)}.xt-switch input:focus-visible+.xt-switch__track{box-shadow:var(--focus-ring)}.xt-switch__text{display:flex;flex-direction:column;gap:2px}.xt-switch__label{font-size:var(--text-body);color:var(--text-primary);line-height:var(--leading-tight)}.xt-switch__desc{font-size:var(--text-body-sm);color:var(--text-tertiary);line-height:var(--leading-tight)}.xt-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}.xt-card--flat{box-shadow:none}.xt-card--raised{box-shadow:var(--shadow-md);border-color:transparent}.xt-card--sunken{background:var(--surface-sunken);border-color:transparent;box-shadow:none}.xt-card--interactive{cursor:pointer;transition:var(--transition-surface),border-color var(--duration-base) var(--ease-out)}.xt-card--interactive:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.xt-card--selected{border-color:var(--border-accent);box-shadow:var(--focus-ring)}.xt-card__pad{padding:var(--pad-card)}.xt-card__pad--lg{padding:var(--pad-card-lg)}.xt-card__header{padding:var(--space-6) var(--pad-card);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.xt-card__title{font:var(--type-h4);letter-spacing:var(--tracking-heading);color:var(--text-primary)}.xt-card__footer{padding:var(--space-5) var(--pad-card);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-end;gap:var(--gap-inline)}.xt-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-core);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:1;padding:4px 8px;border-radius:var(--radius-badge);border:1px solid transparent;white-space:nowrap}.xt-badge--pill{border-radius:var(--radius-pill);padding:4px 10px}.xt-badge--neutral{background:var(--surface-sunken);color:var(--text-secondary)}.xt-badge--accent{background:var(--surface-accent-subtle);color:var(--blue-700)}.xt-badge--success{background:var(--surface-success-subtle);color:var(--text-success)}.xt-badge--warning{background:var(--surface-warning-subtle);color:var(--text-warning)}.xt-badge--danger{background:var(--surface-danger-subtle);color:var(--text-danger)}.xt-badge--outline{background:transparent;border-color:var(--border-default);color:var(--text-secondary)}.xt-badge--inverse{background:var(--surface-inverse);color:var(--text-inverse)}.xt-badge__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor}.xt-badge--mono{font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}.xt-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-avatar);background:var(--blue-100);color:var(--blue-800);font-family:var(--font-core);font-weight:var(--weight-medium);flex:none;overflow:hidden}.xt-avatar--xs{width:24px;height:24px;font-size:var(--text-micro)}.xt-avatar--sm{width:32px;height:32px;font-size:var(--text-caption)}.xt-avatar--md{width:40px;height:40px;font-size:var(--text-body-sm)}.xt-avatar--lg{width:56px;height:56px;font-size:var(--text-h4)}.xt-avatar--neutral{background:var(--surface-sunken);color:var(--text-secondary)}.xt-wordmark{display:inline-flex;align-items:baseline;font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:-.03em;color:var(--text-primary);text-decoration:none;line-height:1;white-space:nowrap}.xt-wordmark:hover{text-decoration:none;color:var(--text-primary)}.xt-wordmark__x{color:var(--action-primary-bg);font-size:1.18em;line-height:.85;margin-right:-.055em}.xt-wordmark__mark{display:inline-flex;align-items:flex-end;margin-right:-.2em;margin-bottom:-.11em;flex:none}.xt-wordmark--inverse .xt-wordmark__mark{background:var(--blue-300)}.xt-wordmark--inverse{color:var(--text-inverse)}.xt-wordmark--inverse .xt-wordmark__x{color:var(--blue-300)}.xt-wordmark__division{font-family:var(--font-core);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary);margin-left:10px;padding-left:10px;border-left:1px solid var(--border-default)}.xt-tabs{display:flex;align-items:center;gap:var(--space-7);border-bottom:1px solid var(--border-subtle)}.xt-tab{position:relative;background:none;border:0;padding:0 0 12px;font-family:var(--font-core);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.xt-tab:hover,.xt-tab[aria-selected=true]{color:var(--text-primary)}.xt-tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--action-primary-bg);border-radius:2px 2px 0 0}.xt-tab__count{margin-left:6px;font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-tertiary)}@keyframes xt-spin{to{transform:rotate(360deg)}}@keyframes xt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes xt-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes xt-stripe{to{background-position:24px 0}}.xt-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-core);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:1;padding:5px 10px;border-radius:var(--radius-pill)}.xt-status__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor}.xt-status--active{background:var(--status-active-bg);color:var(--status-active-fg)}.xt-status--expired{background:var(--status-expired-bg);color:var(--status-expired-fg)}.xt-status--deleted{background:var(--status-deleted-bg);color:var(--status-deleted-fg)}.xt-status--locked,.xt-status--uploading{background:var(--status-locked-bg);color:var(--status-locked-fg)}.xt-progress{width:100%;height:6px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden}.xt-progress--lg{height:10px}.xt-progress--thin{height:3px}.xt-progress__fill{height:100%;border-radius:var(--radius-pill);background:var(--action-primary-bg);transition:width var(--duration-slow) var(--ease-out)}.xt-progress__fill--success{background:var(--green-600)}.xt-progress__fill--warning{background:var(--amber-600)}.xt-progress__fill--danger{background:var(--red-600)}.xt-progress__fill--striped{background-image:linear-gradient(100deg,rgba(255,255,255,.28) 25%,transparent 25% 50%,rgba(255,255,255,.28) 50% 75%,transparent 75%);background-size:24px 24px;animation:xt-stripe .8s linear infinite}.xt-progress-row{display:flex;align-items:center;gap:var(--space-5)}.xt-progress-row__value{font:var(--type-mono);color:var(--text-secondary);min-width:44px;text-align:right}.xt-spinner{display:inline-block;border-radius:var(--radius-pill);border:2px solid var(--border-default);border-top-color:var(--action-primary-bg);animation:xt-spin .7s linear infinite}.xt-spinner--sm{width:14px;height:14px}.xt-spinner--md{width:20px;height:20px}.xt-spinner--lg{width:32px;height:32px;border-width:3px}.xt-scrim{position:fixed;inset:0;background:var(--scrim);z-index:var(--z-scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-8);animation:xt-fade-in var(--duration-base) var(--ease-out)}.xt-dialog{background:var(--surface-card);border-radius:var(--radius-dialog);box-shadow:var(--shadow-dialog);width:100%;max-width:480px;z-index:var(--z-dialog);animation:xt-rise var(--duration-slow) var(--ease-out);overflow:hidden}.xt-dialog--wide{max-width:640px}.xt-dialog__header{padding:var(--space-8) var(--pad-card-lg) var(--space-5);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6)}.xt-dialog__title{font:var(--type-h3);letter-spacing:var(--tracking-heading);color:var(--text-primary)}.xt-dialog__desc{font-size:var(--text-body);color:var(--text-secondary);line-height:var(--leading-body);margin-top:6px}.xt-dialog__body{padding:0 var(--pad-card-lg) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.xt-dialog__footer{padding:var(--space-6) var(--pad-card-lg);background:var(--surface-page);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--gap-inline)}.xt-toast{display:flex;align-items:flex-start;gap:12px;background:var(--surface-inverse);color:var(--text-inverse);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow-lg);max-width:400px;animation:xt-rise var(--duration-slow) var(--ease-out)}.xt-toast__body{display:flex;flex-direction:column;gap:2px}.xt-toast__title{font-size:var(--text-body-sm);font-weight:var(--weight-medium)}.xt-toast__desc{font-size:var(--text-body-sm);color:var(--grey-400);line-height:var(--leading-tight)}.xt-toast__icon{display:flex;flex:none;margin-top:1px}.xt-toast--success .xt-toast__icon{color:var(--green-100)}.xt-toast--danger .xt-toast__icon{color:var(--red-100)}.xt-tooltip{position:relative;display:inline-flex}.xt-tooltip__bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface-inverse);color:var(--text-inverse);font-size:var(--text-caption);line-height:1.4;padding:6px 9px;border-radius:var(--radius-xs);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;animation:xt-fade-in var(--duration-fast) var(--ease-out);z-index:var(--z-dropdown)}.xt-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-5);padding:var(--space-13) var(--space-8)}.xt-empty__glyph{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--surface-sunken);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center}.xt-empty__title{font:var(--type-h4);letter-spacing:var(--tracking-heading);color:var(--text-primary)}.xt-empty__desc{font-size:var(--text-body);color:var(--text-secondary);max-width:38ch;line-height:var(--leading-body)}.xt-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);text-align:center;padding:var(--space-11) var(--space-8);border:1px dashed var(--border-default);border-radius:var(--radius-dropzone);background:var(--surface-card);cursor:pointer;transition:var(--transition-control)}.xt-dropzone:hover{border-color:var(--border-accent);background:var(--blue-50)}.xt-dropzone[data-dragging=true]{border-color:var(--border-accent);background:var(--blue-50);box-shadow:var(--focus-ring)}.xt-dropzone--compact{padding:var(--space-7) var(--space-6);flex-direction:row;justify-content:flex-start;text-align:left;gap:var(--space-5)}.xt-dropzone__glyph{width:44px;height:44px;border-radius:var(--radius-md);background:var(--surface-accent-subtle);color:var(--action-primary-bg);display:flex;align-items:center;justify-content:center;flex:none}.xt-dropzone__title{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-primary)}.xt-dropzone__hint{font-size:var(--text-body-sm);color:var(--text-tertiary)}.xt-filerow{display:flex;align-items:center;gap:var(--space-5);padding:12px var(--space-6);border-bottom:1px solid var(--border-subtle);transition:background-color var(--duration-fast) var(--ease-out)}.xt-filerow:last-child{border-bottom:0}.xt-filerow:hover{background:var(--surface-hover)}.xt-filerow__glyph{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex:none;font-family:var(--font-mono);font-size:var(--text-micro);font-weight:var(--weight-semibold);text-transform:uppercase}.xt-filerow__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.xt-filerow__name{font-size:var(--text-body);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xt-filerow__meta{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--text-micro);color:var(--text-tertiary)}.xt-filerow__sep{width:1px;height:9px;background:var(--border-default)}.xt-filerow__actions{display:flex;align-items:center;gap:2px;flex:none}.xt-copyfield{display:flex;align-items:center;gap:var(--space-4);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-control);padding:0 6px 0 12px;height:var(--control-height-md)}.xt-copyfield--lg{height:var(--control-height-lg);padding-left:16px}.xt-copyfield__value{flex:1;min-width:0;font:var(--type-mono);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xt-copyfield--accent{background:var(--surface-accent-subtle);border-color:var(--blue-200)}.xt-metalist{display:flex;flex-direction:column}.xt-metalist__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:11px 0;border-bottom:1px solid var(--border-subtle)}.xt-metalist__row:last-child{border-bottom:0}.xt-metalist__key{display:flex;align-items:center;gap:8px;font-size:var(--text-body-sm);color:var(--text-secondary)}.xt-metalist__val{font-size:var(--text-body-sm);color:var(--text-primary);font-weight:var(--weight-medium);text-align:right}.xt-metalist__val--mono{font-family:var(--font-mono);font-weight:var(--weight-regular)}.xt-app{display:flex;min-height:100vh;background:var(--surface-page)}.xt-sidebar{width:var(--sidebar-width);flex:none;background:var(--surface-card);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:var(--space-6) var(--space-5);gap:var(--space-8)}.xt-sidebar__brand{padding:var(--space-2) var(--space-3) 0;display:flex;align-items:center;justify-content:space-between}.xt-nav{display:flex;flex-direction:column;gap:2px}.xt-nav__label{font:var(--type-caps);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary);padding:var(--space-5) var(--space-3) var(--space-3)}.xt-nav__item{display:flex;align-items:center;gap:10px;padding:8px var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-body);color:var(--text-secondary);background:none;border:0;cursor:pointer;text-align:left;width:100%;font-family:var(--font-core);transition:var(--transition-control)}.xt-nav__item:hover{background:var(--surface-hover);color:var(--text-primary)}.xt-nav__item[aria-current=page]{background:var(--surface-selected);color:var(--blue-700);font-weight:var(--weight-medium)}.xt-nav__item svg{flex:none}.xt-nav__count{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-micro);color:var(--text-tertiary)}.xt-topbar{height:var(--topbar-height);flex:none;background:var(--surface-card);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);gap:var(--space-8)}.xt-topbar__title{font:var(--type-h4);letter-spacing:var(--tracking-heading)}.xt-main{flex:1;min-width:0;display:flex;flex-direction:column}.xt-content{flex:1;padding:var(--space-9);overflow:auto}.xt-content__inner{max-width:var(--container-app);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8)}.xt-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8)}.xt-pagehead__title{font:var(--type-h2);letter-spacing:var(--tracking-heading)}.xt-pagehead__sub{font-size:var(--text-body);color:var(--text-secondary);margin-top:6px}.xt-table{width:100%;border-collapse:collapse;font-size:var(--text-body)}.xt-table th{text-align:left;font:var(--type-caps);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary);padding:0 var(--space-6) 10px;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.xt-table td{padding:14px var(--space-6);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.xt-table tbody tr{transition:background-color var(--duration-fast) var(--ease-out)}.xt-table tbody tr:hover{background:var(--surface-hover)}.xt-table tbody tr:last-child td{border-bottom:0}.xt-table__mono{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--text-secondary)}.xt-marketing-nav{height:var(--marketing-nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-9);border-bottom:1px solid var(--border-subtle);background:#ffffffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:var(--z-sticky)}.xt-marketing-nav__links{display:flex;align-items:center;gap:var(--space-8)}.xt-marketing-nav__link{font-size:var(--text-body);color:var(--text-secondary)}.xt-marketing-nav__link:hover{color:var(--text-primary);text-decoration:none}.xt-section{padding:var(--pad-section-y) var(--space-9)}.xt-section__inner{max-width:var(--container-wide);margin:0 auto}.xt-eyebrow{font:var(--type-caps);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--action-primary-bg)}.xt-hero__title{font:var(--type-display-1);letter-spacing:var(--tracking-display);max-width:19ch}.xt-hero__body{font-size:var(--text-body-lg);color:var(--text-secondary);line-height:var(--leading-body);max-width:48ch}.xt-grid-lines{background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:64px 64px}@media(max-width:900px){.xt-section{padding:clamp(48px,9vw,96px) var(--space-7)}}@media(max-width:560px){.xt-section{padding:44px var(--space-6)}}@media(max-width:1080px){.xt-hero__title{font-size:clamp(32px,5.4vw,56px)}}.xt-marketing-nav{gap:var(--space-6)}@media(max-width:900px){.xt-marketing-nav{padding:0 var(--space-7)}}@media(max-width:560px){.xt-marketing-nav{padding:0 var(--space-6)}}:where([lang=th],[lang=lo]) body{line-height:1.85}:where([lang=th],[lang=lo]) .xt-hero__title,:where([lang=th],[lang=lo]) .features-title,:where([lang=th],[lang=lo]) .sec-title,:where([lang=th],[lang=lo]) .cta-title{line-height:1.34}:where([lang=th],[lang=lo]) .how-title{line-height:1.42}.site-grid{display:grid;gap:var(--space-12);align-items:center}.site-grid--hero{grid-template-columns:1.05fr .95fr}.site-grid--split{grid-template-columns:340px 1fr;align-items:start}.site-grid--even{grid-template-columns:1fr 1fr;align-items:start}@media(max-width:1000px){.site-grid--hero,.site-grid--split,.site-grid--even{grid-template-columns:1fr;gap:var(--space-10)}}.site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-7)}@media(max-width:1080px){.site-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.site-cards{grid-template-columns:1fr}}.site-stack{display:flex;flex-direction:column}.site-row{display:flex;align-items:center;flex-wrap:wrap}.lp{position:relative}.lp-trigger{display:inline-flex;align-items:center;gap:var(--space-3);height:var(--control-height-sm);padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-card);font-family:var(--font-core);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition-control)}.lp-trigger:hover,.lp-trigger.on{border-color:var(--border-strong);color:var(--text-primary)}.lp-trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.lp-trigger .chev{opacity:.6}@media(max-width:560px){.lp-trigger__name{display:none}}.lp-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:var(--z-dropdown);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(9rem,max-content);align-items:start;gap:2px var(--space-8);width:max-content;max-width:min(94vw,var(--container-wide));padding:var(--space-7);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);animation:xt-fade-in var(--duration-fast) var(--ease-out)}.lp-region{display:flex;flex-direction:column;min-width:0}.lp-region-label{margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);font:var(--type-caps);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap}.lp-row{display:flex;align-items:center;gap:var(--space-4);padding:7px var(--space-4);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-secondary);transition:var(--transition-control);white-space:nowrap}.lp-row:hover{background:var(--surface-hover);color:var(--text-primary);text-decoration:none}.lp-row[aria-current=true]{background:var(--surface-selected);color:var(--blue-700)}.lp-flag{font-size:15px;line-height:1;flex:none}.lp-country{font-size:var(--text-body-sm);flex:1 1 auto}.lp-native{font-size:var(--text-caption);color:var(--text-tertiary);flex:none}.lp-row:hover .lp-native{color:var(--text-secondary)}.lp-row[aria-current=true] .lp-native{color:var(--blue-600)}@media(max-width:900px){.lp-panel{position:fixed;top:calc(var(--marketing-nav-height) + 8px);right:var(--space-5);left:var(--space-5);width:auto;max-width:none;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100dvh - var(--marketing-nav-height) - 24px);overflow-y:auto;gap:var(--space-5) var(--space-6)}}@media(max-width:560px){.lp-panel{grid-template-columns:1fr}}.foot-langs{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4);margin:0;padding:0;list-style:none}.foot-langs a{display:inline-block;padding:4px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:var(--text-caption);color:var(--text-secondary);text-decoration:none;transition:var(--transition-control)}.foot-langs a:hover{border-color:var(--border-default);color:var(--text-primary);text-decoration:none}.foot-langs a[aria-current=true]{border-color:var(--border-accent);color:var(--text-link)}.boot{min-height:100dvh;display:grid;place-items:center;background:var(--surface-card)}