:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cid-font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cid-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--cid-brand-rgb:15 23 42;--cid-brand-light-rgb:51 65 85;--cid-brand-dark-rgb:2 6 23;--cid-accent-rgb:16 185 129;--cid-warning-rgb:245 158 11;--cid-error-rgb:239 68 68;--cid-surface-rgb:255 255 255;--cid-surface-light-rgb:248 250 252;--cid-text-rgb:2 6 23;--cid-muted-rgb:100 116 139;--cid-border-rgb:226 232 240;--cid-border-hover-rgb:203 213 225;--cid-brand:rgb(var(--cid-brand-rgb));--cid-brand-light:rgb(var(--cid-brand-light-rgb));--cid-brand-dark:rgb(var(--cid-brand-dark-rgb));--cid-accent:rgb(var(--cid-accent-rgb));--cid-warning:rgb(var(--cid-warning-rgb));--cid-error:rgb(var(--cid-error-rgb));--cid-surface:rgb(var(--cid-surface-rgb));--cid-surface-light:rgb(var(--cid-surface-light-rgb));--cid-text:rgb(var(--cid-text-rgb));--cid-muted:rgb(var(--cid-muted-rgb));--cid-border:rgb(var(--cid-border-rgb));--cid-border-hover:rgb(var(--cid-border-hover-rgb));--cid-on-brand:rgb(var(--cid-surface-rgb));--cid-on-accent:rgb(var(--cid-surface-rgb));--cid-on-warning:rgb(var(--cid-brand-dark-rgb));--cid-transparent:transparent;--cid-bg:var(--cid-surface);--cid-panel:var(--cid-surface);--cid-primary:var(--cid-brand);--cid-primary-solid:var(--cid-brand);--cid-success:var(--cid-accent);--cid-body-bg:var(--cid-surface-light);--cid-body-text:var(--cid-text);--cid-main-bg:var(--cid-surface-light);--cid-grid-line:rgb(var(--cid-brand-rgb) / .04);--cid-sidebar-bg:var(--cid-surface);--cid-sidebar-brand-icon:var(--cid-accent);--cid-sidebar-step-active-text:var(--cid-text);--cid-sidebar-step-text:var(--cid-brand-light);--cid-sidebar-step-muted:var(--cid-muted);--cid-success-surface:rgb(var(--cid-accent-rgb) / .08);--cid-success-surface-strong:rgb(var(--cid-accent-rgb) / .1);--cid-success-border:rgb(var(--cid-accent-rgb) / .2);--cid-warning-surface:rgb(var(--cid-warning-rgb) / .05);--cid-warning-border:rgb(var(--cid-warning-rgb) / .25);--cid-error-surface:rgb(var(--cid-error-rgb) / .05);--cid-error-border:rgb(var(--cid-error-rgb) / .25);--cid-success-glow:rgb(var(--cid-accent-rgb) / .05);--cid-warning-glow:rgb(var(--cid-warning-rgb) / .05);--cid-error-glow:rgb(var(--cid-error-rgb) / .05);--cid-spinner-track:rgb(var(--cid-brand-rgb) / .08);--cid-shadow-card:0 4px 12px rgb(var(--cid-brand-rgb) / .04);--cid-shadow-button:0 4px 12px rgb(var(--cid-brand-rgb) / .08);--cid-shadow-button-hover:0 6px 18px rgb(var(--cid-brand-rgb) / .12);--cid-shadow-step-active:0 4px 10px rgb(var(--cid-brand-rgb) / .15);--cid-debugger-bg:rgb(var(--cid-brand-rgb));--cid-debugger-bg-muted:#1e293b;--cid-debugger-bg-hover:rgb(var(--cid-brand-light-rgb));--cid-debugger-border:rgb(var(--cid-brand-light-rgb));--cid-debugger-border-strong:#475569;--cid-debugger-text:#94a3b8;--cid-debugger-text-strong:#f1f5f9;--cid-debugger-text-muted:var(--cid-muted);--cid-debugger-accent:var(--cid-accent);--cid-debugger-accent-border:#059669;--cid-debugger-active-text:var(--cid-on-accent);--cid-debugger-shadow:0 4px 20px #0006}html,body{background-color:var(--cid-body-bg);width:100vw;height:100vh;color:var(--cid-body-text);font-family:var(--cid-font-sans);margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}.cid-sdk-hidden{display:none!important}.bg-grid-pattern{background-size:40px 40px;background-image:linear-gradient(to right, var(--cid-grid-line) 1px, var(--cid-transparent) 1px), linear-gradient(to bottom, var(--cid-grid-line) 1px, var(--cid-transparent) 1px)}#cid-app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}#cid-sidebar{background:var(--cid-sidebar-bg);border-right:1px solid var(--cid-border);flex-direction:column;flex-shrink:0;width:320px;padding:32px 24px;display:flex}.cid-sidebar-brand{align-items:center;gap:12px;margin-bottom:48px;display:flex}.cid-sidebar-brand-icon{color:var(--cid-sidebar-brand-icon);flex-shrink:0}.cid-sidebar-brand strong{font-family:var(--cid-font-sans);color:var(--cid-text);letter-spacing:0;font-size:16px;font-weight:800;display:block}.cid-sidebar-brand span{font-family:var(--cid-font-sans);color:var(--cid-muted);margin-top:2px;font-size:11px;font-weight:500;display:block}.cid-sidebar-steps{flex-direction:column;flex-grow:1;gap:20px;display:flex}.cid-sidebar-handoff{color:var(--cid-sidebar-step-text);background:var(--cid-surface-light);border:1px solid var(--cid-border);border-radius:8px;flex-direction:column;gap:8px;margin-top:12px;padding:16px;display:none}.cid-sidebar-handoff span{color:var(--cid-accent);letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:800}.cid-sidebar-handoff strong{color:var(--cid-text);font-size:15px}.cid-sidebar-handoff p{color:var(--cid-muted);margin:0;font-size:11px;line-height:1.45}.cid-sidebar-step-item{font-family:var(--cid-font-sans);opacity:.45;align-items:flex-start;gap:14px;transition:all .3s;display:flex}.cid-sidebar-step-item.active{opacity:1}.cid-sidebar-step-item.completed{opacity:.8}.step-badge{width:26px;height:26px;color:var(--cid-sidebar-step-muted);background:var(--cid-surface-light);border:1px solid var(--cid-border);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;transition:all .3s;display:grid}.cid-sidebar-step-item.active .step-badge{color:var(--cid-on-brand);background:var(--cid-brand);border-color:var(--cid-brand);box-shadow:var(--cid-shadow-step-active)}.cid-sidebar-step-item.completed .step-badge{color:var(--cid-accent);background:var(--cid-success-surface-strong);border-color:var(--cid-accent)}.step-text{flex-direction:column;gap:2px;min-width:0;display:flex}.step-title{color:var(--cid-sidebar-step-text);font-size:13px;font-weight:700}.cid-sidebar-step-item.active .step-title{color:var(--cid-sidebar-step-active-text)}.step-desc{color:var(--cid-sidebar-step-muted);font-size:11px;line-height:1.3}.cid-sidebar-footer{font-family:var(--cid-font-sans);border-top:1px solid var(--cid-border);flex-direction:column;gap:12px;padding-top:24px;display:flex}.secure-badge{width:fit-content;color:var(--cid-accent);background:var(--cid-success-surface);border-radius:4px;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.secure-badge-icon{margin-right:4px}.cid-sidebar-footer p{color:var(--cid-muted);margin:0;font-size:10px;line-height:1.4}body.cid-desktop-handoff-active .cid-sidebar-brand{margin-bottom:24px}body.cid-desktop-handoff-active .cid-sidebar-steps{display:none}body.cid-desktop-handoff-active .cid-sidebar-handoff{display:flex}body.cid-desktop-handoff-active .cid-sidebar-footer{margin-top:auto}#cid-main-container{background-color:var(--cid-main-bg);flex:1;place-items:center;padding:40px 24px;display:grid;position:relative;overflow-y:auto}#cid-root{perspective:1000px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;max-width:580px;display:flex}@media (width<=900px){#cid-sidebar{display:none}#cid-main-container{padding:0}#cid-root{max-width:100%;height:100vh}.cid-onboarding,.cid-sdk-shell{background:var(--cid-surface)!important;width:100%!important;max-width:100%!important;height:100vh!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:24px 16px!important}}.cid-onboarding,.cid-onboarding *{box-sizing:border-box;border:0 solid var(--cid-transparent);forced-color-adjust:auto;outline:none;margin:0;padding:0}.cid-onboarding{overflow-wrap:anywhere;width:100%;color:var(--cid-text);text-align:center;background:var(--cid-transparent);box-shadow:none;border:none;border-radius:0;flex-direction:column;align-items:center;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.cid-onboarding .cid-sdk-logo-container{background:var(--cid-surface);border:1px solid var(--cid-border);width:80px;height:80px;box-shadow:var(--cid-shadow-card);border-radius:20px;place-items:center;margin-bottom:24px;display:grid;position:relative}.cid-onboarding .cid-sdk-logo-container svg{fill:none;width:42px;height:42px;stroke:var(--cid-brand);stroke-width:1.5px}.cid-onboarding .cid-sdk-logo-container.is-warning{background:var(--cid-warning-surface);border-color:var(--cid-warning-border)}.cid-onboarding .cid-sdk-logo-container.is-warning svg{stroke:var(--cid-warning)}.cid-onboarding .cid-sdk-logo-container.is-error{background:var(--cid-error-surface);border-color:var(--cid-error-border)}.cid-onboarding .cid-sdk-logo-container.is-error svg{stroke:var(--cid-error)}.cid-onboarding .cid-sdk-logo-pulse{display:none}.cid-onboarding .cid-sdk-title{overflow-wrap:anywhere;color:var(--cid-text);letter-spacing:0;margin:0 0 8px;font-size:26px;font-weight:850}.cid-onboarding .cid-sdk-subtitle{overflow-wrap:anywhere;color:var(--cid-muted);margin:0 0 28px;font-size:14.5px;font-weight:500;line-height:1.5}.cid-onboarding .cid-sdk-subtitle.is-tight{margin-bottom:16px}.cid-onboarding .cid-sdk-subtitle.is-error-copy{margin-bottom:24px}.cid-onboarding .cid-ob-steps{text-align:left;border-top:1px solid var(--cid-border);flex-direction:column;gap:0;width:100%;margin:0 0 32px;padding:0;list-style:none;display:flex}.cid-onboarding .cid-ob-step{background:var(--cid-transparent);border:0;border-bottom:1px solid var(--cid-border);border-radius:0;align-items:flex-start;gap:14px;padding:16px 0;transition:background .2s;display:flex}.cid-onboarding .cid-ob-step:hover{background:var(--cid-transparent);border-color:var(--cid-border)}.cid-onboarding .cid-ob-step-num{width:26px;height:26px;color:var(--cid-accent);background:var(--cid-success-surface);border:1px solid var(--cid-success-border);border-radius:50%;flex-shrink:0;place-items:center;margin-top:2px;font-size:11px;font-weight:750;display:grid}.cid-onboarding .cid-ob-step-content{flex-direction:column;gap:3px;min-width:0;display:flex}.cid-onboarding .cid-ob-step-title{overflow-wrap:anywhere;color:var(--cid-text);font-size:13.5px;font-weight:750}.cid-onboarding .cid-ob-step-desc{overflow-wrap:anywhere;color:var(--cid-muted);font-size:12px;line-height:1.45}.cid-onboarding .cid-sdk-centered-note{max-width:380px;color:var(--cid-muted);text-align:center;margin-bottom:32px;font-size:13.5px;line-height:1.6}.cid-handoff .cid-sdk-subtitle{max-width:420px;margin-bottom:20px}.cid-handoff-qr-wrap{aspect-ratio:1;background:var(--cid-surface);border:1px solid var(--cid-border);width:min(100%,272px);box-shadow:var(--cid-shadow-card);border-radius:8px;place-items:center;margin-bottom:18px;display:grid}.cid-handoff-qr{aspect-ratio:1;width:min(100%,232px);display:block}.cid-handoff-code{width:min(100%,320px);color:var(--cid-muted);background:var(--cid-surface-light);border:1px solid var(--cid-border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;font-size:12px;display:flex}.cid-handoff-code strong{font-family:var(--cid-font-mono);color:var(--cid-text);letter-spacing:0;font-size:14px}.cid-ob-security{text-align:center;background:var(--cid-surface-light);border:1px solid var(--cid-border);border-radius:12px;flex-direction:column;align-items:center;gap:4px;width:100%;margin-bottom:16px;padding:12px 16px;display:flex}.cid-ob-security-label{text-transform:uppercase;letter-spacing:.06em;color:var(--cid-muted);font-size:11px;font-weight:600}.cid-ob-security-code{font-family:var(--cid-font-mono);letter-spacing:.18em;text-indent:.18em;color:var(--cid-text);font-size:26px;font-weight:700;line-height:1.15}.cid-ob-security-hint{color:var(--cid-muted);font-size:12px;line-height:1.4}.cid-handoff-status{width:min(100%,420px);min-height:44px;color:var(--cid-muted);background:var(--cid-surface-light);border:1px solid var(--cid-border);border-radius:8px;margin-bottom:18px;padding:11px 12px;font-size:12.5px;font-weight:650;line-height:1.45}.cid-handoff-status[data-handoff-state=claimed],.cid-handoff-status[data-handoff-state=processing]{color:var(--cid-warning);background:var(--cid-warning-surface);border-color:var(--cid-warning-border)}.cid-handoff-status[data-handoff-state=completed]{color:var(--cid-accent);background:var(--cid-success-surface);border-color:var(--cid-success-border)}.cid-handoff-status[data-handoff-state=failed],.cid-handoff-status[data-handoff-state=expired]{color:var(--cid-error);background:var(--cid-error-surface);border-color:var(--cid-error-border)}.cid-handoff-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:100%;margin-bottom:18px;display:grid}.cid-handoff .cid-sdk-btn{margin-bottom:0;padding-left:16px;padding-right:16px}.cid-handoff .cid-sdk-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.cid-onboarding .cid-sdk-btn{width:100%;min-height:52px;color:var(--cid-on-brand);cursor:pointer;background:var(--cid-brand);border:1px solid var(--cid-brand);box-shadow:var(--cid-shadow-button);border-radius:12px;outline:none;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:14px 28px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.cid-onboarding .cid-sdk-btn:hover{background:var(--cid-brand-dark);border-color:var(--cid-brand-dark);box-shadow:var(--cid-shadow-button-hover);transform:translateY(-1px)}.cid-onboarding .cid-sdk-btn.is-quiet{box-shadow:none}.cid-onboarding .cid-sdk-btn:active{transform:translateY(1px)}.cid-onboarding .cid-sdk-btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;width:18px;height:18px;transition:transform .2s}.cid-onboarding .cid-sdk-btn:hover svg{transform:translate(3px)}.cid-handoff .cid-sdk-btn{margin-bottom:0}.cid-onboarding .cid-sdk-footer{color:var(--cid-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:600;line-height:1.4;display:flex}.cid-onboarding .cid-sdk-footer svg{fill:none;stroke:currentColor;stroke-width:2px;flex-shrink:0;width:14px;height:14px}.cid-onboarding .cid-sdk-footer span{overflow-wrap:anywhere;min-width:0}.cid-onboarding.cid-sdk-loader-card{padding:48px 32px}.cid-onboarding .cid-ob-spinner{border:3px solid var(--cid-spinner-track);border-top-color:var(--cid-brand);border-right-color:var(--cid-accent);width:56px;height:56px;box-shadow:none;border-radius:999px;margin-bottom:28px;animation:1.2s cubic-bezier(.5,.1,.5,.9) infinite cid-spinner-spin}.cid-onboarding .cid-sdk-loading-text{color:var(--cid-text);margin-bottom:8px;font-size:16px;font-weight:750}.cid-onboarding .cid-sdk-loading-sub{max-width:280px;color:var(--cid-muted);font-size:12.5px;line-height:1.5}@keyframes cid-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cid-spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.cid-onboarding{border-radius:0;padding:0}.cid-onboarding .cid-sdk-title{font-size:22px}.cid-onboarding .cid-sdk-logo-container{width:64px;height:64px;margin-bottom:16px}.cid-onboarding .cid-sdk-logo-container svg{width:32px;height:32px}.cid-onboarding .cid-sdk-subtitle{margin-bottom:20px}.cid-onboarding .cid-ob-steps{gap:0;margin-bottom:24px}.cid-onboarding .cid-ob-step{gap:10px;padding:14px 0}.cid-handoff-actions{grid-template-columns:1fr}.cid-handoff-qr-wrap{width:min(100%,248px)}}#cid-sandbox-debugger{z-index:100000;width:290px;font-family:var(--cid-font-mono);color:var(--cid-debugger-text);text-align:left;background:var(--cid-debugger-bg);border:1px solid var(--cid-debugger-border);box-shadow:var(--cid-debugger-shadow);border-radius:6px;padding:10px;font-size:11px;position:fixed;bottom:12px;right:12px}#cid-sandbox-debugger.minimized{cursor:pointer;background:var(--cid-debugger-bg-muted);border-color:var(--cid-debugger-border-strong);width:auto;padding:6px 10px}#cid-sandbox-debugger.minimized *{display:none}#cid-sandbox-debugger.minimized .debugger-toggle{color:var(--cid-debugger-accent);margin:0;font-weight:700;display:inline-block}.debugger-header{border-bottom:1px solid var(--cid-debugger-border);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.debugger-header strong{color:var(--cid-debugger-accent);font-weight:700}.debugger-toggle{color:var(--cid-debugger-text-strong);cursor:pointer;background:var(--cid-debugger-bg-muted);border:1px solid var(--cid-debugger-border-strong);border-radius:3px;padding:2px 6px;font-size:10px}.debugger-toggle:hover{background:var(--cid-debugger-bg-hover)}.debugger-section{margin-bottom:8px}.debugger-section-title{color:var(--cid-debugger-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:9px;font-weight:700}.debugger-buttons{flex-wrap:wrap;gap:4px;display:flex}.debugger-btn{color:var(--cid-debugger-text-strong);text-align:center;cursor:pointer;background:var(--cid-debugger-bg-muted);border:1px solid var(--cid-debugger-border);border-radius:3px;flex-grow:1;padding:4px 6px;font-size:10px;transition:all .15s}.debugger-btn:hover{background:var(--cid-debugger-bg-hover);border-color:var(--cid-debugger-border-strong)}.debugger-btn.active{color:var(--cid-debugger-active-text);background:var(--cid-debugger-accent);border-color:var(--cid-debugger-accent-border);font-weight:700}