:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-brand-primary:#1677ff;--color-brand-secondary:#f09000;--color-content-primary:#101828;--color-content-secondary:#475467;--color-content-tertiary:#667085;--color-content-inverse:#fff;--color-content-disabled:#98a2b3;--color-surface-canvas:#f5f7fb;--color-surface-base:#fff;--color-surface-subtle:#eef3fa;--color-surface-raised:#fff;--color-border-subtle:#e4eaf4;--color-border-default:#d9e2f0;--color-border-strong:#d0d5dd;--color-border-interactive:#b8c6db;--color-border-focus:#1677ff;--shadow-soft:#0f172a1a;--shadow-card:#0f172a14;--shadow-dialog:#0f172a38;--color-field-bg:#fff;--color-field-fg:#101828;--color-field-placeholder:#98a2b3;--color-field-border:#d0d5dd;--color-field-hover-border:#b8c6db;--color-field-focus-border:#1677ff;--color-field-focus-ring:#1677ff2e;--color-field-disabled-bg:#f2f4f7;--color-field-disabled-fg:#98a2b3;--color-field-disabled-border:#e4e7ec;--color-card-bg:#fff;--color-card-bg-subtle:#f8fafc;--color-card-border:#e4eaf4;--color-card-title:#101828;--color-card-text:#475467;--color-tabs-track-bg:#eef3fa;--color-tabs-track-border:#d9e2f0;--color-tabs-item-text:#667085;--color-tabs-item-hover-bg:#f8fbff;--color-tabs-item-hover-text:#101828;--color-tabs-item-active-bg:#fff;--color-tabs-item-active-border:#b7d3ff;--color-tabs-item-active-text:#0f5ed9;--color-dialog-overlay:#10182870;--color-dialog-bg:#fff;--color-dialog-border:#e4eaf4;--color-dialog-title:#101828;--color-dialog-text:#475467;--color-status-success:#10a040;--color-status-info:#1677ff;--color-status-warning:#c97a00;--color-status-error:#ff4d4f;--color-status-neutral:#909090;--color-action-primary-bg:#1677ff;--color-action-primary-fg:#fff;--color-action-primary-border:#0f5ed9;--color-action-primary-hover-bg:#0b6beb;--color-action-primary-hover-border:#0b57c5;--color-action-primary-active-bg:#0959c7;--color-action-primary-active-border:#084daa;--color-action-primary-disabled-bg:#f2f4f7;--color-action-primary-disabled-fg:#98a2b3;--color-action-primary-disabled-border:#e4eaf4;--color-action-secondary-bg:#e5e7eb;--color-action-secondary-fg:#101828;--color-action-secondary-border:#d0d5dd;--color-action-secondary-hover-bg:#dce1e7;--color-action-secondary-hover-border:#b8c6db;--color-action-secondary-active-bg:#ced5de;--color-action-secondary-active-border:#b9c4d1;--color-action-secondary-disabled-bg:#f2f4f7;--color-action-secondary-disabled-fg:#98a2b3;--color-action-secondary-disabled-border:#e4eaf4;--color-action-success-bg:#10a040;--color-action-success-fg:#fff;--color-action-success-border:#0c8233;--color-action-success-hover-bg:#0e8e39;--color-action-success-hover-border:#0b742f;--color-action-success-active-bg:#0b7c31;--color-action-success-active-border:#095f26;--color-action-success-disabled-bg:#f2f4f7;--color-action-success-disabled-fg:#98a2b3;--color-action-success-disabled-border:#e4eaf4;--color-action-danger-bg:#ff4d4f;--color-action-danger-fg:#fff;--color-action-danger-border:#e5393b;--color-action-danger-hover-bg:#f03f42;--color-action-danger-hover-border:#d53335;--color-action-danger-active-bg:#db3537;--color-action-danger-active-border:#be2c2f;--color-action-danger-disabled-bg:#f2f4f7;--color-action-danger-disabled-fg:#98a2b3;--color-action-danger-disabled-border:#e4eaf4;--color-badge-neutral-bg:#f2f4f7;--color-badge-neutral-fg:#475467;--color-badge-neutral-border:#d0d5dd;--color-badge-brand-bg:#eaf2ff;--color-badge-brand-fg:#0f5ed9;--color-badge-brand-border:#c7ddff;--color-badge-success-bg:#edf9f0;--color-badge-success-fg:#0c7a31;--color-badge-success-border:#bde5c8;--color-badge-warning-bg:#fff4e5;--color-badge-warning-fg:#9c5e00;--color-badge-warning-border:#f4d2a0;--color-badge-danger-bg:#fff0f0;--color-badge-danger-fg:#d9363e;--color-badge-danger-border:#ffc7c8;--color-notification-neutral-bg:#f7f7f8;--color-notification-neutral-border:#d5d7da;--color-notification-neutral-title:#344054;--color-notification-neutral-body:#475467;--color-notification-neutral-accent:#909090;--color-notification-info-bg:#f3f8ff;--color-notification-info-border:#c7ddff;--color-notification-info-title:#0f5ed9;--color-notification-info-body:#1d4ed8;--color-notification-info-accent:#1677ff;--color-notification-success-bg:#f2fbf5;--color-notification-success-border:#b7e1c3;--color-notification-success-title:#0c7a31;--color-notification-success-body:#14532d;--color-notification-success-accent:#10a040;--color-notification-warning-bg:#fff7ed;--color-notification-warning-border:#f4d2a0;--color-notification-warning-title:#9c5e00;--color-notification-warning-body:#92400e;--color-notification-warning-accent:#c97a00;--color-notification-error-bg:#fff5f5;--color-notification-error-border:#ffc7c8;--color-notification-error-title:#d9363e;--color-notification-error-body:#991b1b;--color-notification-error-accent:#ff4d4f}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:radial-gradient(circle at top left, #1677ff1f, transparent 28%), radial-gradient(circle at top right, #f090001f, transparent 24%), var(--color-surface-canvas);color:var(--color-content-primary);font-family:Inter,Arial,Helvetica,sans-serif;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.ui-surface{background:color-mix(in srgb, var(--color-surface-base) 92%, transparent);border:1px solid var(--color-border-default);box-shadow:0 20px 40px var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ui-card{background:color-mix(in srgb, var(--color-card-bg) 96%, transparent);border:1px solid var(--color-card-border);box-shadow:0 18px 40px var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ui-badge{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:6px 12px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.ui-badge--neutral{background:var(--color-badge-neutral-bg);color:var(--color-badge-neutral-fg);border-color:var(--color-badge-neutral-border)}.ui-badge--brand{background:var(--color-badge-brand-bg);color:var(--color-badge-brand-fg);border-color:var(--color-badge-brand-border)}.ui-badge--success{background:var(--color-badge-success-bg);color:var(--color-badge-success-fg);border-color:var(--color-badge-success-border)}.ui-badge--warning{background:var(--color-badge-warning-bg);color:var(--color-badge-warning-fg);border-color:var(--color-badge-warning-border)}.ui-badge--danger{background:var(--color-badge-danger-bg);color:var(--color-badge-danger-fg);border-color:var(--color-badge-danger-border)}.ui-input{background:var(--color-field-bg);width:100%;color:var(--color-field-fg);border:1px solid var(--color-field-border);border-radius:14px;outline:none;padding:13px 14px;transition:border-color .15s,box-shadow .15s,background-color .15s,color .15s}.ui-input::placeholder{color:var(--color-field-placeholder)}.ui-input:hover,.ui-field-shell:hover{border-color:var(--color-field-hover-border)}.ui-input:focus{border-color:var(--color-field-focus-border);box-shadow:0 0 0 4px var(--color-field-focus-ring)}.ui-input:disabled,.ui-input[aria-disabled=true]{background:var(--color-field-disabled-bg);color:var(--color-field-disabled-fg);border-color:var(--color-field-disabled-border);cursor:not-allowed}.ui-field-shell{transition:border-color .15s,box-shadow .15s}.ui-field-shell:focus-within{box-shadow:0 0 0 4px var(--color-field-focus-ring);border-color:var(--color-field-focus-border)!important}.ui-button{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 18px;font-weight:700;transition:background-color .15s,color .15s,border-color .15s,transform .15s,box-shadow .15s;display:inline-flex}.ui-button:hover{transform:translateY(-1px)}.ui-button:focus-visible{box-shadow:0 0 0 4px var(--color-field-focus-ring);outline:none}.ui-button:disabled,.ui-button[aria-disabled=true]{cursor:not-allowed;box-shadow:none;transform:none}.ui-button>span{align-items:center;display:inline-flex}.ui-button--solid.ui-button--primary{background:var(--color-action-primary-bg);color:var(--color-action-primary-fg);border-color:var(--color-action-primary-border)}.ui-button--solid.ui-button--primary:hover{background:var(--color-action-primary-hover-bg);border-color:var(--color-action-primary-hover-border)}.ui-button--solid.ui-button--primary:active{background:var(--color-action-primary-active-bg);border-color:var(--color-action-primary-active-border)}.ui-button--solid.ui-button--secondary{background:var(--color-action-secondary-bg);color:var(--color-action-secondary-fg);border-color:var(--color-action-secondary-border)}.ui-button--solid.ui-button--secondary:hover{background:var(--color-action-secondary-hover-bg);border-color:var(--color-action-secondary-hover-border)}.ui-button--solid.ui-button--secondary:active{background:var(--color-action-secondary-active-bg);border-color:var(--color-action-secondary-active-border)}.ui-button--solid.ui-button--success{background:var(--color-action-success-bg);color:var(--color-action-success-fg);border-color:var(--color-action-success-border)}.ui-button--solid.ui-button--success:hover{background:var(--color-action-success-hover-bg);border-color:var(--color-action-success-hover-border)}.ui-button--solid.ui-button--success:active{background:var(--color-action-success-active-bg);border-color:var(--color-action-success-active-border)}.ui-button--solid.ui-button--danger{background:var(--color-action-danger-bg);color:var(--color-action-danger-fg);border-color:var(--color-action-danger-border)}.ui-button--solid.ui-button--danger:hover{background:var(--color-action-danger-hover-bg);border-color:var(--color-action-danger-hover-border)}.ui-button--solid.ui-button--danger:active{background:var(--color-action-danger-active-bg);border-color:var(--color-action-danger-active-border)}.ui-button--outline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ui-button--outline.ui-button--primary{background:color-mix(in srgb, var(--color-action-primary-bg) 14%, var(--color-surface-base));color:var(--color-action-primary-bg);border-color:color-mix(in srgb, var(--color-action-primary-bg) 55%, var(--color-border-default))}.ui-button--outline.ui-button--primary:hover{background:color-mix(in srgb, var(--color-action-primary-bg) 22%, var(--color-surface-base));border-color:color-mix(in srgb, var(--color-action-primary-hover-bg) 72%, var(--color-border-default))}.ui-button--outline.ui-button--primary:active{background:color-mix(in srgb, var(--color-action-primary-bg) 28%, var(--color-surface-base));border-color:color-mix(in srgb, var(--color-action-primary-active-bg) 78%, var(--color-border-default))}.ui-button--outline.ui-button--secondary{background:color-mix(in srgb, var(--color-action-secondary-fg) 8%, var(--color-surface-base));color:var(--color-content-primary);border-color:color-mix(in srgb, var(--color-action-secondary-border) 82%, var(--color-border-default))}.ui-button--outline.ui-button--secondary:hover{background:color-mix(in srgb, var(--color-action-secondary-fg) 12%, var(--color-surface-base));border-color:color-mix(in srgb, var(--color-action-secondary-hover-border) 88%, var(--color-border-default))}.ui-button--outline.ui-button--secondary:active{background:color-mix(in srgb, var(--color-action-secondary-fg) 16%, var(--color-surface-base));border-color:color-mix(in srgb, var(--color-action-secondary-active-border) 92%, var(--color-border-default))}.ui-button--outline.ui-button--success{background:color-mix(in srgb, var(--color-action-success-bg) 14%, var(--color-surface-base));color:var(--color-action-success-bg);border-color:color-mix(in srgb, var(--color-action-success-bg) 55%, var(--color-border-default))}.ui-button--outline.ui-button--success:hover{background:color-mix(in srgb, var(--color-action-success-bg) 22%, var(--color-surface-base));border-color:color-mix(in srgb, var(--color-action-success-hover-bg) 72%, var(--color-border-default))}.ui-button--outline.ui-button--success:active{background:color-mix(in srgb, var(--color-action-success-bg) 28%, var(--color-surface-base));border-color:color-mix(in srgb, var(--color-action-success-active-bg) 78%, var(--color-border-default))}.ui-button--outline.ui-button--danger{background:color-mix(in srgb, var(--color-action-danger-bg) 14%, var(--color-surface-base));color:var(--color-action-danger-bg);border-color:color-mix(in srgb, var(--color-action-danger-bg) 55%, var(--color-border-default))}.ui-button--outline.ui-button--danger:hover{background:color-mix(in srgb, var(--color-action-danger-bg) 22%, var(--color-surface-base));border-color:color-mix(in srgb, var(--color-action-danger-hover-bg) 72%, var(--color-border-default))}.ui-button--outline.ui-button--danger:active{background:color-mix(in srgb, var(--color-action-danger-bg) 28%, var(--color-surface-base));border-color:color-mix(in srgb, var(--color-action-danger-active-bg) 78%, var(--color-border-default))}.ui-button--solid:disabled,.ui-button--solid[aria-disabled=true]{opacity:1;background:var(--color-field-disabled-bg)!important;color:var(--color-field-disabled-fg)!important;border-color:var(--color-field-disabled-border)!important}.ui-button--outline:disabled,.ui-button--outline[aria-disabled=true]{opacity:1;background:color-mix(in srgb, var(--color-field-disabled-bg) 72%, transparent)!important;color:var(--color-field-disabled-fg)!important;border-color:var(--color-field-disabled-border)!important}.ui-notification{border:1px solid #0000;border-radius:18px;padding:16px 18px}.ui-notification strong{color:inherit}.ui-notification--neutral{background:var(--color-notification-neutral-bg);color:var(--color-notification-neutral-body);border-color:var(--color-notification-neutral-border)}.ui-notification--info{background:var(--color-notification-info-bg);color:var(--color-notification-info-body);border-color:var(--color-notification-info-border)}.ui-notification--success{background:var(--color-notification-success-bg);color:var(--color-notification-success-body);border-color:var(--color-notification-success-border)}.ui-notification--warning{background:var(--color-notification-warning-bg);color:var(--color-notification-warning-body);border-color:var(--color-notification-warning-border)}.ui-notification--error{background:var(--color-notification-error-bg);color:var(--color-notification-error-body);border-color:var(--color-notification-error-border)}.ui-toast-viewport{pointer-events:none;z-index:1000;justify-items:end;gap:12px;width:min(100vw - 24px,440px);display:grid;position:fixed;inset:20px 20px auto auto}.ui-toast{--ui-toast-bg:var(--color-notification-info-bg);--ui-toast-border:var(--color-notification-info-border);--ui-toast-title:var(--color-notification-info-title);--ui-toast-body:var(--color-notification-info-body);--ui-toast-accent:var(--color-notification-info-accent);pointer-events:auto;border:1px solid var(--ui-toast-border);background:color-mix(in srgb, var(--ui-toast-bg) 84%, var(--color-surface-base));width:100%;box-shadow:0 18px 40px var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;position:relative;overflow:hidden}.ui-toast:before{content:"";background:var(--ui-toast-accent);width:4px;position:absolute;inset:0 auto 0 0}.ui-toast__underlay{background:linear-gradient(135deg, color-mix(in srgb, var(--ui-toast-accent) 12%, transparent), transparent 42%), color-mix(in srgb, var(--color-surface-base) 68%, transparent);position:absolute;inset:0}.ui-toast__content{padding:16px 16px 16px 18px;position:relative}.ui-toast__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ui-toast__title{color:var(--ui-toast-title);font-size:15px;font-weight:800;line-height:1.35}.ui-toast__message{color:var(--ui-toast-body);margin-top:6px;font-size:14px;line-height:1.5}.ui-toast__close{appearance:none;border:1px solid color-mix(in srgb, var(--ui-toast-accent) 18%, transparent);background:color-mix(in srgb, var(--ui-toast-accent) 8%, transparent);color:var(--ui-toast-body);cursor:pointer;border-radius:999px;width:28px;height:28px;padding:0;font-size:18px;line-height:1;transition:background-color .15s,border-color .15s,color .15s}.ui-toast__close:hover{background:color-mix(in srgb, var(--ui-toast-accent) 14%, transparent);border-color:color-mix(in srgb, var(--ui-toast-accent) 28%, transparent)}.ui-toast__close:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--ui-toast-accent) 18%, transparent);outline:none}.ui-toast--neutral{--ui-toast-bg:var(--color-notification-neutral-bg);--ui-toast-border:var(--color-notification-neutral-border);--ui-toast-title:var(--color-notification-neutral-title);--ui-toast-body:var(--color-notification-neutral-body);--ui-toast-accent:var(--color-notification-neutral-accent)}.ui-toast--info{--ui-toast-bg:var(--color-notification-info-bg);--ui-toast-border:var(--color-notification-info-border);--ui-toast-title:var(--color-notification-info-title);--ui-toast-body:var(--color-notification-info-body);--ui-toast-accent:var(--color-notification-info-accent)}.ui-toast--success{--ui-toast-bg:var(--color-notification-success-bg);--ui-toast-border:var(--color-notification-success-border);--ui-toast-title:var(--color-notification-success-title);--ui-toast-body:var(--color-notification-success-body);--ui-toast-accent:var(--color-notification-success-accent)}.ui-toast--warning{--ui-toast-bg:var(--color-notification-warning-bg);--ui-toast-border:var(--color-notification-warning-border);--ui-toast-title:var(--color-notification-warning-title);--ui-toast-body:var(--color-notification-warning-body);--ui-toast-accent:var(--color-notification-warning-accent)}.ui-toast--error{--ui-toast-bg:var(--color-notification-error-bg);--ui-toast-border:var(--color-notification-error-border);--ui-toast-title:var(--color-notification-error-title);--ui-toast-body:var(--color-notification-error-body);--ui-toast-accent:var(--color-notification-error-accent)}.demo-page{gap:24px;width:min(1200px,100% - 32px);margin:0 auto;padding:40px 0 72px;display:grid}.demo-hero{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:24px;display:grid}.demo-hero__copy,.demo-hero__card{min-width:0}.demo-hero__copy{border:1px solid var(--color-border-default);background:color-mix(in srgb, var(--color-surface-base) 88%, transparent);box-shadow:0 18px 40px var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;padding:28px}.demo-hero__title{letter-spacing:-.04em;margin:16px 0 0;font-size:clamp(36px,6vw,64px);line-height:.98}.demo-hero__text{max-width:720px;color:var(--color-content-secondary);margin:16px 0 0;font-size:18px;line-height:1.6}.demo-badges{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.demo-grid{gap:24px;display:grid}.demo-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-row{align-items:center;gap:12px;display:flex}.demo-row--wrap{flex-wrap:wrap}.demo-stack{gap:16px;display:grid}.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.demo-metric{border:1px solid var(--color-border-subtle);background:var(--color-card-bg-subtle);border-radius:18px;padding:16px}.demo-metric__value{font-size:30px;font-weight:800;line-height:1}.demo-metric__label{color:var(--color-content-secondary);margin-top:8px;font-size:14px}.demo-section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.demo-section-head h2{margin:0;font-size:28px;line-height:1.05}.demo-section-head p{color:var(--color-content-secondary);margin:8px 0 0}.demo-list{color:var(--color-content-secondary);gap:10px;margin:0;padding-left:18px;display:grid}@media (max-width:980px){.demo-hero,.demo-grid--3,.demo-grid--2{grid-template-columns:1fr}}@media (max-width:640px){.demo-page{width:min(100% - 20px,1200px);padding-top:20px}.demo-hero__copy{padding:20px}.demo-metrics{grid-template-columns:1fr}.demo-hero__title{font-size:36px}}