.public-layout{min-height:100vh;height:100vh;background:var(--color-bg-app);color:var(--color-text-primary);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.user-menu-container{position:relative;z-index:var(--z-dropdown)}.user-menu-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);padding:0;margin:0;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-full);transition:transform var(--transition-normal),opacity var(--transition-fast)}.user-menu-trigger:hover,.user-menu-trigger.active{transform:translateY(-1px);opacity:.9}.user-menu-trigger:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.user-avatar{width:100%;height:100%;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;border:var(--border-width-1) solid var(--glass-border)}.user-menu-dropdown{transform-origin:top right;width:260px;background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);color:var(--color-text-primary);animation:menuFadeIn var(--transition-normal);z-index:var(--z-dropdown)}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-1);border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.header-avatar{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover}.header-info{display:flex;flex-direction:column;overflow:hidden}.header-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary)}.header-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-card{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:var(--space-2-5);margin-bottom:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.premium-card-row{display:flex;gap:var(--space-1-5)}.upgrade-btn-sm,.add-members-btn-sm{flex:1;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1-5);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal)}.upgrade-btn-sm{background:var(--color-accent-primary);color:var(--color-text-inverse);border:none}.upgrade-btn-sm:hover{background:color-mix(in srgb,var(--color-accent-primary) 84%,white)}.add-members-btn-sm{background:transparent;color:var(--color-text-secondary);border:var(--border-width-1) solid var(--color-border-default)}.add-members-btn-sm:hover{border-color:var(--color-border-highlight);color:var(--color-text-primary)}.credit-usage-compact{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-1)}.usage-icon{color:var(--color-accent-primary);opacity:var(--opacity-medium)}.credits-amount{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.menu-items{display:flex;flex-direction:column;gap:var(--space-1)}.menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-2);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;background:transparent;border:none;cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.menu-item:hover{background:#ffffff0f;color:var(--color-text-primary)}.menu-item.logout{color:var(--color-error-500)}.menu-item.logout:hover{background:var(--color-error-dim)}.menu-divider{height:var(--border-width-1);background:var(--color-border-subtle);margin:var(--space-1) 0}.value-label{margin-left:auto;font-size:var(--font-size-sm);color:var(--color-text-tertiary);background:#ffffff0f;padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-xs)}.badge-plan{margin-left:auto;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-xs);text-transform:capitalize}.badge-plan--free{color:var(--color-text-secondary);background:var(--color-bg-hover)}.badge-plan--basic{color:var(--color-accent-yellow, #eab308);background:#eab3081f}.badge-plan--starter{color:#2dd4bf;background:#2dd4bf1f}.badge-plan--pro{color:var(--color-accent-green, #22c55e);background:#22c55e1f}.badge-plan--ultra{color:var(--color-accent-primary, #3b82f6);background:var(--color-accent-primary-light, rgba(59, 130, 246, .12))}.badge-plan--enterprise{color:var(--color-accent-purple, #a855f7);background:#a855f71f}.menu-item-with-submenu{position:relative}.language-submenu{margin-top:var(--space-1);margin-left:var(--space-8);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);overflow:hidden;animation:submenuSlide .15s ease}@keyframes submenuSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-option{display:flex;width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.lang-option:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.lang-option.active{color:var(--color-accent-primary);background:var(--color-accent-primary-light)}.menu-item.admin-console{color:var(--color-accent-primary)}.in-flow-presence{display:flex;align-items:center;position:relative}.collab-cursors-btn{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.collab-cursors-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.collab-cursors-btn.active{color:var(--color-accent-primary);background:var(--color-bg-hover)}.collab-cursors-icons{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.collab-cursors-icons svg{filter:drop-shadow(0 0 2px currentColor)}.collab-cursors-count{position:absolute;bottom:-3px;right:-3px;min-width:14px;height:14px;border-radius:var(--radius-full);background:var(--color-accent-primary);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;padding:0 3px;border:1.5px solid var(--color-bg-elevated, #1e1e1e)}.participant-item-avatar.clickable,.participant-item-name.clickable{cursor:pointer;transition:all .15s ease}.participant-item-avatar.clickable:hover{transform:scale(1.08);box-shadow:0 0 8px #ffffff26}.participant-item-name.clickable:hover{color:var(--color-accent-primary)}.participant-item-avatar.following-avatar{box-shadow:0 0 0 2px #64b5f640}.participants-popup{position:fixed;top:calc(var(--layout-header-height) + 16px);right:16px;transform-origin:top right;width:380px;background:var(--color-bg-elevated, #1e1e1e);backdrop-filter:blur(20px);border:1px solid var(--color-border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:popupFadeIn .15s ease-out}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.participants-popup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle)}.participants-popup-header-right{display:flex;align-items:center;gap:10px}.participants-popup-online-count{font-size:11px;font-weight:600;color:var(--color-success, #4caf50);letter-spacing:.3px}.participants-popup-invite-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-md);border:1px solid rgba(79,172,254,.3);background:#4facfe1a;color:#64b5f6;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.participants-popup-invite-btn:hover{background:#4facfe33;border-color:#4facfe80;box-shadow:0 0 8px #4facfe26}.participants-popup-empty{padding:var(--space-4);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.participants-popup-list{max-height:420px;overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.participant-item{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-md);border:none;background:#ffffff0a;transition:background .15s ease}.participant-item:hover{background:#ffffff14}.participant-item.is-me{background:#ffffff0f;border:none;box-shadow:none;border-radius:var(--radius-md)}.participant-item-main{display:flex;gap:var(--space-2-5);align-items:center;flex:1;min-width:0}.participant-item-avatar{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0;overflow:hidden}.participant-item-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.participant-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.participant-item-name-row{display:flex;align-items:center;gap:var(--space-1-5)}.participant-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-status-inline{font-size:10px;font-weight:600;letter-spacing:.3px;flex-shrink:0}.participant-status-inline.online{color:var(--color-success, #4caf50)}.participant-status-inline.offline{color:var(--color-text-muted, #666)}.participant-item-email{font-size:11px;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.participant-item-role-row{display:flex;align-items:center}.participant-item-description{margin:0;font-size:var(--font-size-2xs);line-height:1.3;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.you-badge{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.participant-role-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:10px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:capitalize;line-height:1;width:-moz-fit-content;width:fit-content;flex-shrink:0}.participant-role-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:2px 20px 2px 8px;font-size:10px;font-weight:600;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);background:#ffffff0f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 6px center;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;width:-moz-fit-content;width:fit-content;flex-shrink:0;outline:none}.participant-role-select:hover{border-color:#fff3;background-color:#ffffff1a}.participant-role-select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary)}.participant-role-select option{background:var(--color-bg-elevated);color:var(--color-text-primary)}.participant-menu-wrap{position:relative;flex-shrink:0;align-self:center}.participant-menu-trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;padding:0;transition:all .15s ease}.participant-menu-trigger:hover{color:var(--color-text-primary);background:#ffffff14}.participant-menu-dropdown{position:absolute;bottom:calc(100% + 4px);right:0;min-width:160px;background:var(--color-bg-elevated, #1a1a1a);border:1px solid var(--color-border-default, rgba(255, 255, 255, .12));border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;z-index:10;overflow:hidden;animation:popupFadeIn .1s ease-out}.participant-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .12s ease;text-align:left}.participant-menu-item:hover{background:#ffffff0f;color:var(--color-text-primary)}.participant-menu-item.active{color:#64b5f6}.participant-menu-item.danger:hover{color:var(--color-error-500, #ef4444);background:#ef444414}.participant-menu-item:disabled{opacity:.5;cursor:not-allowed}.participant-follow-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);border:1px solid rgba(104,147,255,.25);background:transparent;color:var(--color-text-muted);cursor:pointer;padding:0;flex-shrink:0;transition:all .2s ease}.participant-follow-btn:hover{background:#64b5f61a;color:#64b5f6;border-color:#64b5f64d}.participant-follow-btn.following{background:#64b5f626;color:#64b5f6;border-color:#64b5f6;box-shadow:0 0 8px #64b5f64d}@media(max-width:720px){.participants-popup{width:min(340px,calc(100vw - 24px));right:8px}}.follow-viewport-label{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#64b5f61f;border:1px solid rgba(100,181,246,.3);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:#64b5f6;cursor:pointer;margin-right:8px;white-space:nowrap;animation:followPulse 2s ease-in-out infinite;transition:all .2s ease}.follow-viewport-label:hover{background:#64b5f633}.follow-stop-hint{font-size:10px;opacity:0;transition:opacity .15s}.follow-viewport-label:hover .follow-stop-hint{opacity:1}@keyframes followPulse{0%,to{box-shadow:0 0 #64b5f600}50%{box-shadow:0 0 12px 2px #64b5f633}}.topbar{position:absolute;top:0;left:0;right:0;min-height:var(--layout-header-height);background:transparent;border-bottom:none;display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4);gap:var(--space-4);z-index:var(--z-header);touch-action:none;pointer-events:none}.topbar-left{display:flex;align-items:center;padding:0 var(--space-4);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:var(--border-width-1) solid var(--glass-border);border-radius:var(--capsule-radius);height:var(--layout-canvas-controls-height);pointer-events:auto;transition:background var(--transition-fast);z-index:var(--z-header)}.topbar-left:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.topbar-panel{display:flex;align-items:center;gap:var(--space-2);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:var(--border-width-1) solid var(--glass-border);border-radius:var(--capsule-radius);padding:0 var(--space-2);height:var(--layout-canvas-controls-height);transition:background var(--transition-normal);pointer-events:auto;overflow:visible}.topbar-panel:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.topbar--flow-mode{justify-content:flex-start;align-items:flex-start}.topbar--flow-mode .topbar-left{gap:0}.topbar--flow-mode .topbar-right-area{align-items:flex-start}.topbar-toggle-inline{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);margin:0;transition:color var(--transition-fast)}.topbar-toggle-inline:hover{color:var(--color-text-primary)}.topbar-pill-divider{width:var(--border-width-1);height:var(--space-5);background:var(--glass-border);margin:0 var(--space-2)}.topbar--flow-mode .token-counter{transform:none;background:transparent;border:none;padding:0;backdrop-filter:none}.topbar--flow-mode .token-counter:hover{transform:none;background:transparent}:root[data-theme=light] .topbar-left:hover,:root[data-theme=light] .topbar-panel:hover{background:var(--color-bg-elevated);border-color:var(--color-border-default)}:root[data-theme=light] .topbar-toggle-inline:hover{color:var(--color-text-primary)}.topbar-breadcrumbs{display:flex;align-items:center;font-size:var(--font-size-base);color:var(--color-text-secondary)}.bug-report-close{width:var(--space-8);height:var(--space-8);background:transparent;border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.bug-report-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-normal)}.breadcrumb-link:hover{color:var(--color-text-primary)}.breadcrumb-separator{color:var(--color-text-tertiary);padding:0 var(--space-2)}.breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.breadcrumb-current.editable{cursor:pointer;position:relative;z-index:1000;transition:color var(--transition-fast);padding:var(--space-0-5) var(--space-1);margin:calc(-1 * var(--space-0-5)) calc(-1 * var(--space-1))}.breadcrumb-current.editable:hover{color:var(--color-accent-primary)}.breadcrumb-edit-input{background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);outline:none;min-width:var(--space-38);font-family:inherit}.breadcrumb-edit-input:focus{border-color:var(--color-accent-primary);background:var(--color-bg-hover)}.topbar-right-area{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;pointer-events:auto}.topbar-role-capsule{display:flex;align-items:center;gap:var(--space-1-5);padding:0 var(--space-3);height:var(--layout-canvas-controls-height);border-radius:var(--capsule-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;pointer-events:auto;backdrop-filter:blur(var(--glass-blur));border:var(--border-width-1) solid;transition:all var(--transition-normal);letter-spacing:.02em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.topbar-role-capsule--viewer{background:#f59e0b1f;border-color:#f59e0b4d;color:#f59e0b;animation:rolePulseViewer 3s ease-in-out infinite}.topbar-role-capsule--viewer:hover{background:#f59e0b2e;border-color:#f59e0b80}.topbar-role-capsule--editor{background:#3b82f61a;border-color:#3b82f640;color:#60a5fa}.topbar-role-capsule--editor:hover{background:#3b82f626;border-color:#3b82f666}@keyframes rolePulseViewer{0%,to{opacity:1}50%{opacity:.85}}:root[data-theme=light] .topbar-role-capsule--viewer{background:#f59e0b14;border-color:#f59e0b33;color:#d97706}:root[data-theme=light] .topbar-role-capsule--editor{background:#3b82f60f;border-color:#3b82f62e;color:#2563eb}.bug-report-bubble{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:0}.bug-report-bubble:hover,.bug-report-bubble.active{color:var(--color-text-primary);background:var(--glass-bg-hover)}.bug-report-dropdown{position:fixed;top:calc(var(--layout-header-height) + 16px);right:16px;width:300px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:0 10px 30px #00000080;z-index:var(--z-dropdown);overflow:hidden;display:flex;flex-direction:column}.token-counter{display:flex;align-items:center;gap:var(--space-1-5);background:var(--color-bg-input);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2-5);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border-subtle);margin-right:0;backdrop-filter:blur(var(--blur-md));transition:all var(--transition-fast);transform:scale(1.1)}.token-counter:hover{background:var(--color-bg-hover);border-color:var(--color-border-highlight);transform:scale(.9) translateY(calc(-1 * var(--space-px)))}.token-text{color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;letter-spacing:var(--letter-spacing-normal)}.token-add-btn{width:var(--size-icon-sm);height:var(--size-icon-sm);border-radius:var(--radius-full);background:var(--color-bg-input);border:none;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast) ease}.token-add-btn:hover{background:var(--color-accent-green);color:var(--color-text-primary);transform:scale(1.05)}.topbar-user-section{display:flex;align-items:center;gap:var(--space-4);position:relative;height:100%}.topbar-profile-container{height:100%;display:flex;align-items:center;position:relative}.topbar-profile-wrapper{position:relative;width:var(--size-avatar-sm);height:var(--size-avatar-sm);cursor:pointer;padding:var(--space-0-5);border-radius:var(--radius-full);transition:all var(--transition-normal)}.topbar-profile-wrapper:hover{background:var(--color-bg-input)}.topbar-profile-image{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--color-border-subtle)}.topbar-online-indicator{position:absolute;bottom:0;right:0;width:var(--space-2-5);height:var(--space-2-5);background:var(--color-accent-green);border:var(--border-width-2) solid var(--color-bg-elevated);border-radius:var(--radius-full)}.topbar.topbar-profile-container{position:relative;cursor:pointer;margin-left:var(--space-4)}.topbar-profile-icon{width:var(--size-avatar-sm);height:var(--size-avatar-sm);background:var(--color-bg-input);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all var(--transition-normal)}.topbar-profile-icon:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.profile-header{padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.topbar-logo{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.profile-avatar{width:var(--space-10);height:var(--space-10);max-width:var(--space-10);max-height:var(--space-10);background:var(--color-bg-input);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);flex-shrink:0;-o-object-fit:cover;object-fit:cover}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.profile-email{font-size:var(--font-size-2xs);color:var(--color-text-tertiary);max-width:var(--space-60)}.dropdown-divider{height:var(--border-width-1);background:var(--color-border-subtle);margin:var(--space-1) 0}.dropdown-item{width:100%;display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-4);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-normal);text-decoration:none;text-align:left}.dropdown-item:hover{background:var(--color-bg-input);color:var(--color-text-primary)}.dropdown-item.logout{color:var(--color-accent-red)}.dropdown-item.logout:hover{background:var(--color-error-dim)}.topbar-profile-popup{position:absolute;top:calc(100% + var(--space-14))!important;right:calc(-1 * var(--space-12))!important;width:var(--space-75);background:var(--color-bg-elevated);backdrop-filter:blur(var(--blur-lg));border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3);z-index:var(--z-tooltip);opacity:0;visibility:hidden;transform:translateY(calc(-1 * var(--space-2-5)));transition:all var(--transition-normal)}.topbar-profile-container:hover .topbar-profile-popup,.topbar-profile-popup:hover{opacity:1;visibility:visible;transform:translateY(0)}.popup-header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:var(--border-width-1) solid var(--color-border-subtle);margin-bottom:var(--space-2)}.popup-profile-img{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.popup-user-info{display:flex;flex-direction:column;overflow:hidden}.popup-name-row{display:flex;align-items:center;gap:var(--space-1-5)}.popup-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-subscription{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);background:var(--color-accent-primary);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-xs);text-transform:uppercase}.popup-email{color:var(--color-text-tertiary);font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:var(--space-0-5);max-width:220px}.popup-actions{display:flex;flex-direction:column;gap:var(--space-0-5)}.popup-action-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2-5);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);text-align:left}.popup-action-btn svg{width:var(--space-4);height:var(--space-4)}.popup-action-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.popup-action-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.popup-logout{color:var(--color-error-500)}.popup-logout:hover{background:var(--color-error-dim);color:var(--color-error-500)}.topbar-login{color:var(--color-text-inverse);text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);background:var(--color-accent-primary);border-radius:var(--radius-sm);transition:background var(--transition-normal)}.topbar-login:hover{background:var(--color-accent-primary-hover)}.theme-toggle-btn{background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.theme-toggle-btn:hover{color:var(--color-text-primary);background:var(--control-btn-bg-hover)}.profile-subscription-card{margin:var(--space-3) var(--space-4);padding:var(--space-3-5) var(--space-4);background:var(--color-overlay-light);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg)}.subscription-row{display:flex;align-items:baseline;gap:var(--space-1);margin:0 0 var(--space-2-5) 0;line-height:1}.subscription-label,.subscription-separator,.plan-name{font-size:var(--font-size-sm);line-height:1;margin:0;padding:0}.subscription-label{color:var(--color-text-tertiary);font-weight:400}.subscription-separator{color:var(--color-text-tertiary)}.plan-name{font-weight:600}.plan-name[data-plan=free]{color:var(--color-text-primary)}.plan-name[data-plan=basic]{color:var(--color-accent-yellow)}.plan-name[data-plan=pro]{color:var(--color-accent-green)}.plan-name[data-plan=ultra]{color:var(--color-accent-purple)}.credits-row{display:flex;align-items:baseline;margin:0 0 var(--space-1-5) 0}.credits-count{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1}.credits-unit{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);margin-left:var(--space-1)}.credits-bar{height:var(--space-0-5);background:var(--color-bg-input);border-radius:var(--radius-xs);overflow:hidden;margin:0 0 var(--space-3) 0}.credits-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-xs);transition:width var(--transition-slow)}.subscription-actions{display:flex;gap:var(--space-2)}.btn-action{flex:1;padding:var(--space-2) var(--space-3-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;text-decoration:none;border-radius:var(--radius-md);background:var(--color-accent-primary-light);color:var(--color-accent-primary);border:var(--border-width-1) solid var(--color-accent-primary-border);transition:all var(--transition-normal);cursor:pointer}.btn-action:hover{background:var(--color-accent-primary-dim);border-color:var(--color-accent-primary)}.profile-actions{display:flex;gap:var(--space-2)}.profile-btn{flex:1;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;text-decoration:none;transition:all var(--transition-normal);cursor:pointer}.profile-btn.upgrade{background:var(--color-brand-primary, var(--color-accent-primary));color:var(--color-text-inverse)}.profile-btn.upgrade:hover{opacity:.9;transform:translateY(-1px)}.profile-btn.buy-credits{background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);color:var(--color-text-secondary)}.profile-btn.buy-credits:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.topbar-center{display:flex;align-items:center;gap:var(--space-0-5);pointer-events:auto;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:var(--border-width-1) solid var(--glass-border);border-radius:var(--capsule-radius);padding:var(--space-1) var(--space-2);height:var(--layout-canvas-controls-height);max-width:min(72vw,860px);position:absolute;left:50%;transform:translate(-50%);z-index:900}.topbar-center:hover,.topbar-center:has(.topbar-nav-item:hover){background:var(--color-bg-elevated);border-color:var(--color-border-default)}.topbar-center.nav-locked{background:var(--color-bg-elevated);border-color:var(--color-border-default)}.topbar-center.nav-locked .topbar-nav-item{pointer-events:none}.topbar-center.nav-locked .topbar-nav-item:hover{grid-template-columns:18px 0fr;gap:0;padding:var(--space-1-5);background:transparent}.topbar-center.nav-locked .topbar-nav-item:hover span{opacity:0}.topbar-nav-item{display:grid;grid-template-columns:18px 0fr;align-items:center;gap:0;padding:var(--space-1) var(--space-2);margin:0;border-radius:var(--capsule-radius);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1),gap .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1),background var(--transition-fast),color var(--transition-fast);white-space:nowrap;overflow:visible;position:relative}.topbar-nav-item:before{content:"";position:absolute;inset:-6px -10px;z-index:-1}.topbar-nav-item:hover{grid-template-columns:18px 1fr;gap:var(--space-1-5);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);background:var(--color-bg-hover);color:var(--color-text-primary)}.topbar-nav-item.active{background:transparent;color:var(--color-text-secondary)}.topbar-nav-item.active:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.topbar-nav-item.active svg{color:var(--color-accent-primary);opacity:1}.topbar-nav-item svg{flex-shrink:0;opacity:var(--opacity-medium);transition:opacity var(--transition-slow),transform .35s cubic-bezier(.4,0,.2,1),color var(--transition-normal)}.topbar-nav-item:hover svg{opacity:1;transform:scale(1.05)}.topbar-nav-item span{overflow:hidden;opacity:0;transform:translate(-2px);transition:opacity var(--transition-slow) .08s,transform .35s cubic-bezier(.4,0,.2,1) .05s}.topbar-nav-item:hover span{opacity:1;transform:translate(0)}.topbar-nav-divider{width:var(--border-width-1);height:var(--space-4);background:var(--glass-border);margin:0 var(--space-2);opacity:.3;pointer-events:none;cursor:pointer}:root[data-theme=light] .topbar-center:hover{background:var(--color-bg-elevated);border-color:var(--color-border-default)}:root[data-theme=light] .topbar-nav-item:hover{background:var(--color-bg-hover)}.topbar-center.expanded .topbar-nav-item{grid-template-columns:18px 1fr;gap:var(--space-1-5);padding:5px 12px 5px 8px}.topbar-center.expanded .topbar-nav-item span{opacity:1;transform:translate(0);max-width:var(--space-20)}.topbar-center.expanded .topbar-nav-item svg{opacity:var(--opacity-high)}.topbar-center.expanded .topbar-nav-item:hover{background:var(--color-bg-hover)}.topbar-center.expanded .topbar-nav-item:hover svg{opacity:1;transform:scale(1.02)}.topbar-center.expanded .topbar-nav-item.active{background:transparent}.topbar-center.expanded .topbar-nav-item.active svg{color:var(--color-accent-primary);opacity:1}@media(max-width:1200px){.topbar-center{max-width:min(76vw,720px)}}@media(max-width:980px){.topbar-center{gap:0;padding:var(--space-1) var(--space-1-5)}.topbar-nav-item{padding:var(--space-1) var(--space-1-5)}.topbar-nav-item.active{grid-template-columns:18px 0fr}.topbar-nav-item.active span{opacity:0;transform:translate(-2px)}}@media(max-width:768px){.topbar{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.topbar-center{gap:0;padding:var(--space-1)}.topbar-nav-item{padding:var(--space-1-5);grid-template-columns:18px 0fr}.topbar-nav-item span{display:none!important}.topbar-nav-item:hover{grid-template-columns:18px 0fr}.topbar-center.expanded .topbar-nav-item{grid-template-columns:18px 0fr;padding:var(--space-1-5)}.topbar-center.expanded .topbar-nav-item span{display:none!important}.topbar-breadcrumbs{max-width:140px;overflow:hidden}.breadcrumb-current{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;display:inline-block;vertical-align:middle}.breadcrumb-edit-input{min-width:100px;max-width:140px}.topbar-right-area{gap:var(--space-1)}.topbar-panel{padding:0 var(--space-1);gap:var(--space-1)}.topbar-left{padding:0 var(--space-2)}.bug-report-dropdown{width:min(480px,calc(100vw - 32px));right:8px}.notification-dropdown{width:min(360px,calc(100vw - 32px));right:8px}}@media(max-width:480px){.topbar{padding:var(--space-2);gap:var(--space-1-5)}.topbar-center{display:none}.topbar-breadcrumbs{max-width:120px;font-size:var(--font-size-sm)}.breadcrumb-separator{padding:0 var(--space-1)}.breadcrumb-current{max-width:80px}.breadcrumb-edit-input{min-width:80px;max-width:120px;font-size:var(--font-size-sm)}.topbar-right-area{gap:var(--space-1)}.topbar-panel{padding:0 var(--space-1);gap:0;height:36px}.topbar-left{padding:0 var(--space-2);height:36px}.topbar-collaboration-section{display:none}.bug-report-dropdown{width:calc(100vw - 16px);right:8px;left:8px;max-height:70vh;overflow-y:auto}.bug-report-textarea{min-height:100px}.notification-dropdown{width:calc(100vw - 16px);right:8px;left:8px;max-height:60vh}.token-text{display:none}.token-counter{padding:var(--space-1);transform:none}.token-counter:hover{transform:none}}.topbar-collaboration-section{display:flex;align-items:center}.topbar-invite-btn{display:flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);position:relative;padding:0;margin:0}.topbar-invite-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);transform:translateY(-1px)}.topbar-invite-btn:active{transform:translateY(0);opacity:var(--opacity-medium)}.topbar-invite-btn svg{transition:transform var(--transition-normal)}.topbar-invite-btn:hover svg{transform:scale(1.1)}.debug-toggle-btn{display:flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);padding:0;margin:0;flex-shrink:0}.debug-toggle-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.debug-toggle-btn.active{color:var(--color-accent-primary);background:var(--color-accent-primary-light, rgba(59, 130, 246, .1))}.debug-toggle-btn.active:hover{background:var(--color-accent-primary-dim, rgba(59, 130, 246, .18))}.bug-report-container{position:relative;z-index:var(--z-dropdown)}.bug-report-bubble{display:flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);border-radius:var(--radius-full);background:transparent;border:none;color:#ff64648c;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0;margin:0}.bug-report-bubble:hover,.bug-report-bubble.active{background:#ff505014;color:#ff6464}.bug-report-bubble:active{transform:scale(.95)}.bug-report-dropdown{position:fixed;top:calc(var(--layout-header-height) + 16px);right:16px;transform-origin:top right;width:480px;background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text-primary);animation:bugDropdownIn .15s ease;overflow:hidden;z-index:var(--z-dropdown)}@keyframes bugDropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bug-report-header{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--color-border-subtle)}.bug-report-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--color-text-primary)}.bug-report-title svg{color:#ff6464}.bug-report-body{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.bug-report-label{font-size:12px;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.bug-report-select{width:100%;padding:6px 28px 6px 10px;border-radius:var(--radius-sm);background:var(--color-bg-input);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:12px;font-family:inherit;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;color-scheme:dark;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s ease}.bug-report-select:focus{border-color:#ff646473;box-shadow:0 0 0 1px #ff646426}.bug-report-select option{background:var(--color-bg-elevated);color:var(--color-text-primary)}.bug-report-textarea{padding:8px 10px;border-radius:var(--radius-sm);background:var(--color-bg-input);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:12px;font-family:inherit;line-height:1.5;resize:vertical;min-height:120px;max-height:350px;outline:none;transition:border-color .15s ease}.bug-report-textarea:focus{border-color:#ff646473;box-shadow:0 0 0 1px #ff646426}.bug-report-textarea::-moz-placeholder{color:var(--color-text-tertiary)}.bug-report-textarea::placeholder{color:var(--color-text-tertiary)}.bug-report-textarea-wrapper{position:relative;width:100%}.bug-report-textarea-wrapper .bug-report-textarea{width:100%;padding-right:40px}.bug-report-mic-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--color-bg-elevated);box-shadow:0 0 0 1px var(--color-border-subtle);color:var(--color-text-secondary);cursor:pointer;padding:0;z-index:10;transition:all .2s;backdrop-filter:none}.bug-report-mic-btn svg{filter:none}.bug-report-mic-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover);box-shadow:0 0 0 1px var(--color-border-default)}.bug-report-mic-btn.recording{background:#ff525233;border-color:#ff5252;color:#ff5252;animation:bug-mic-pulse 1.5s ease-in-out infinite}.bug-report-mic-btn.recording svg{filter:none}@keyframes bug-mic-pulse{0%,to{box-shadow:0 0 #ff525266}50%{box-shadow:0 0 0 6px #ff525200}}.bug-report-images{display:flex;gap:6px;flex-wrap:wrap}.bug-report-image-thumb{position:relative;width:48px;height:48px;border-radius:6px;overflow:hidden;border:1px solid var(--color-border-subtle)}.bug-report-image-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bug-report-image-remove{position:absolute;top:-1px;right:-1px;width:16px;height:16px;border-radius:50%;background:#ff3c3cd9;border:none;color:#fff;font-size:10px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s ease}.bug-report-image-thumb:hover .bug-report-image-remove{opacity:1}.bug-report-attach-row{display:flex;align-items:center;gap:8px}.bug-report-attach-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-sm);background:transparent;border:1px dashed var(--color-border-subtle);color:var(--color-text-tertiary);font-size:11px;font-family:inherit;cursor:pointer;transition:all .15s ease}.bug-report-attach-btn span{font-size:14px;font-weight:600;line-height:1}.bug-report-attach-btn:hover{border-color:#ff6464;color:#ff6464;background:#ff50500f}.bug-report-meta-inline{font-size:10px;color:var(--color-text-tertiary);margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.bug-report-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--color-border-subtle)}.bug-report-hint{font-size:10px;color:var(--color-text-tertiary)}.bug-report-submit{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-sm);background:#ff6464;border:none;color:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.bug-report-submit:hover:not(:disabled){background:#ff4d4d;box-shadow:0 2px 12px #ff646440}.bug-report-submit:disabled{opacity:.35;cursor:not-allowed}.bug-report-agent-task{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.bug-report-agent-task-text{font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-input);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:12px 14px;white-space:pre-wrap;word-wrap:break-word;max-height:320px;overflow-y:auto;margin:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.bug-report-agent-task-text::-webkit-scrollbar{width:4px}.bug-report-agent-task-text::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.bug-report-agent-task-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.bug-report-agent-task-copy{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);background:var(--color-accent-primary, #3b82f6);border:none;color:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.bug-report-agent-task-copy:hover{background:var(--color-accent-primary-hover, #2563eb);box-shadow:0 2px 12px #3b82f640;transform:translateY(-1px)}.bug-report-agent-task-copy:active{transform:translateY(0)}.bug-report-agent-task-close{padding:6px 12px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s ease}.bug-report-agent-task-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-default)}.notification-container{position:relative}.notification-bell{background:transparent;border:none;width:28px;height:28px;padding:0;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;position:relative;transition:all .15s ease}.notification-bell:hover,.notification-bell.active{color:var(--color-text-primary);background:var(--color-bg-hover)}.notification-dot{position:absolute;top:4px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--color-accent-primary);border:1.5px solid var(--color-bg-elevated);animation:notifPulse 2s ease infinite;pointer-events:none}@keyframes notifPulse{0%,to{opacity:1}50%{opacity:.5}}.notification-dropdown{position:fixed;top:calc(var(--layout-header-height) + 16px);right:16px;transform-origin:top right;width:380px;max-height:440px;background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text-primary);animation:bugDropdownIn .15s ease;overflow:hidden;z-index:var(--z-dropdown);display:flex;flex-direction:column}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border-subtle);gap:12px;flex-shrink:0}.notification-header-title{font-size:13px;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:6px;white-space:nowrap}.notification-header-action{font-size:11px;font-weight:500;color:var(--color-accent-primary);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);white-space:nowrap;transition:all .15s ease;flex-shrink:0}.notification-header-action:hover{background:#3b82f61a;color:var(--color-accent-primary)}.notification-header-action:active{transform:scale(.97)}.notification-list{overflow-y:auto;flex:1;max-height:380px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.notification-list::-webkit-scrollbar{width:4px}.notification-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.notification-empty{padding:40px 16px;text-align:center;color:var(--color-text-tertiary);font-size:13px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .1s ease;cursor:default;border-bottom:1px solid rgba(255,255,255,.03)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-bg-hover)}.notification-item.unread{background:#64b5f60f;border-left:2px solid var(--color-accent-primary)}.notification-item-avatar{flex-shrink:0}.notification-item-avatar img{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.notification-item-initials{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.notification-item-content{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.notification-item-title{font-size:13px;color:var(--color-text-primary);line-height:1.45;word-wrap:break-word;overflow-wrap:break-word}.notification-item-time{font-size:11px;color:var(--color-text-tertiary);line-height:1.3}.notification-actions{display:flex;gap:8px;margin-top:6px}.notification-action-btn{padding:4px 12px;font-size:11px;font-weight:600;font-family:inherit;flex:1;min-height:26px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;background:var(--color-accent-primary);color:#fff}.notification-action-btn:hover:not(:disabled){background:var(--color-accent-primary-hover, #2563eb);box-shadow:0 1px 6px #3b82f633}.notification-action-btn:disabled{opacity:.5;cursor:not-allowed}.notification-action-btn--secondary{background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.notification-action-btn--secondary:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-default);box-shadow:none}.notification-item--clickable{cursor:pointer}.notification-item--clickable:hover{background:#3b82f60f}.pending-uploads{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:var(--z-modal);min-width:var(--space-70);max-width:var(--space-90);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-overlay-medium);box-shadow:var(--shadow-lg);overflow:hidden;font-family:inherit}.pending-uploads-header{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-3) var(--space-3-5);cursor:pointer;transition:background var(--transition-fast)}.pending-uploads-header:hover{background:var(--color-overlay-light)}.pending-uploads-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.pending-uploads-icon .spin{animation:spin var(--duration-spin) linear infinite;color:var(--color-accent-primary)}.pending-uploads-icon .success{color:var(--color-success-500)}.pending-uploads-icon .error{color:var(--color-error-500)}.pending-uploads-summary{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.pending-uploads-progress{flex:1;max-width:var(--space-20);height:var(--space-1);background:var(--color-overlay-medium);border-radius:var(--radius-xs);overflow:hidden}.pending-uploads-progress-bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius-xs);transition:width var(--transition-slow)}.pending-uploads-toggle{display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pending-uploads-toggle:hover{background:var(--color-overlay-medium);color:var(--color-text-primary)}.pending-uploads-detail{border-top:var(--border-width-1) solid var(--color-overlay-light)}.pending-uploads-list{max-height:var(--space-50);overflow-y:auto;padding:var(--space-2)}.pending-upload-item{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-md);margin-bottom:var(--space-1);transition:background var(--transition-fast)}.pending-upload-item:last-child{margin-bottom:0}.pending-upload-item:hover{background:var(--color-overlay-light)}.pending-upload-item.pending .pending-upload-icon{color:var(--color-text-tertiary)}.pending-upload-item.uploading .pending-upload-icon{color:var(--color-accent-primary)}.pending-upload-item.success .pending-upload-icon{color:var(--color-success-500)}.pending-upload-item.failed .pending-upload-icon{color:var(--color-error-500)}.pending-upload-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-0-5)}.pending-upload-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-upload-status{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.pending-upload-item.failed .pending-upload-status{color:var(--color-error-500)}.pending-upload-progress{width:var(--space-12);height:var(--space-0-5);background:var(--color-overlay-medium);border-radius:var(--radius-xs);overflow:hidden}.pending-upload-progress-bar{height:100%;background:var(--color-accent-primary);border-radius:var(--radius-xs);transition:width var(--transition-normal)}.pending-upload-cancel{display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);background:transparent;border:none;border-radius:var(--radius-xs);color:var(--color-text-secondary);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.pending-upload-item:hover .pending-upload-cancel{opacity:1}.pending-upload-cancel:hover{background:var(--color-error-dim);color:var(--color-error-500)}.pending-uploads-clear{width:100%;padding:var(--space-2-5);background:transparent;border:none;border-top:var(--border-width-1) solid var(--color-overlay-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pending-uploads-clear:hover{background:var(--color-overlay-light);color:var(--color-text-primary)}.app-shell{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--color-bg-app)}.app-shell.no-sidebar .app-shell-main{margin-left:0;width:100%}.app-shell-main{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.app-shell-content{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;padding:0;padding-top:var(--layout-header-height);margin:0;background:transparent;min-height:0}.app-shell-content:has(.flow-page-canvas){padding-top:0}.app-shell-content:has(.home-wrapper){padding-top:0;overflow:hidden}.app-shell-content:has(.assets-page){padding-top:0}.app-shell-content:has(.settings-page),.app-shell-content:has(.documentation-page){padding-top:0;overflow:hidden}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--mkt-bg-overlay);backdrop-filter:blur(var(--mkt-blur-lg));border-top:var(--mkt-hairline) solid var(--mkt-border-card);padding:var(--mkt-space-6) var(--mkt-space-10);z-index:var(--mkt-z-cookie-banner);animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner-content{max-width:var(--mkt-container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--mkt-space-10)}.cookie-banner-text h3{font-size:var(--mkt-font-lg);font-weight:var(--font-weight-semibold);color:var(--mkt-text-main);margin:0 0 var(--mkt-space-2) 0}.cookie-banner-text p{font-size:var(--mkt-font-md);line-height:var(--line-height-normal);color:var(--mkt-text-sub);margin:0}.cookie-link{color:var(--mkt-link);text-decoration:underline;transition:color .2s}.cookie-link:hover{color:var(--mkt-link-hover)}.cookie-banner-actions{display:flex;gap:var(--mkt-space-6);flex-shrink:0}.cookie-btn{white-space:nowrap;font-family:Inter,sans-serif}@media(max-width:768px){.cookie-banner{padding:var(--mkt-space-6) var(--mkt-space-10)}.cookie-banner-content{flex-direction:column;align-items:flex-start;gap:var(--mkt-space-6)}.cookie-banner-actions{width:100%}.cookie-btn{flex:1}}:root{--node-header-height: var(--btn-height-xl);--node-textarea-bg: var(--color-bg-input);--node-input-bg: var(--color-bg-input);--node-content-bg: var(--color-bg-node);--node-dropdown-bg: var(--color-bg-app)}.flow-page{width:100%;height:100%;background:var(--color-bg-app);color:var(--color-text-primary);overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;position:relative}.flow-page-canvas{padding:0;background:var(--color-bg-canvas);overflow:hidden}.flow-page.flow-page-canvas{background:var(--color-bg-canvas)}.flow-canvas{flex:1;position:relative;background-color:var(--color-bg-canvas);overflow:hidden;border-radius:0;border:none;box-shadow:none!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:0;touch-action:none}.flow-node,.execution-queue,.flow-controls,.flow-minimap,.flow-toolbar,.context-menu{box-shadow:none!important}.flow-canvas.hand-mode{cursor:grab!important}.flow-canvas.hand-mode:active{cursor:grabbing}.flow-canvas.selecting{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flow-canvas.hand-mode .flow-node,.flow-canvas.hand-mode .flow-connection,.flow-canvas.panning .node-wrapper,.flow-canvas.panning .flow-connection,.flow-canvas.panning .flow-connection *{pointer-events:none!important}.flow-content{position:absolute;top:0;left:0;transform-origin:0 0;width:100%;height:100%;contain:style}svg.flow-connection,svg.flow-connection *{pointer-events:none}.text-node-input{width:100%;height:100%;background:var(--color-bg-input);border:none;color:var(--color-text-primary);padding:var(--space-2-5);border-radius:var(--radius-xs);resize:none;font-family:inherit;font-size:var(--font-size-sm);line-height:var(--line-height-normal);word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.node-preview .empty-state,.node-preview .node-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.image-preview{position:relative;width:100%;height:auto;display:flex;align-items:flex-start;justify-content:center;padding:0;box-sizing:border-box;background:transparent;overflow:hidden;border-radius:var(--radius-xs);flex:1}.image-preview img{width:100%;height:auto;display:block;border-radius:var(--radius-md)}.vide.flow-canvas{position:relative;width:100%;height:100%;overflow:hidden;background:var(--color-bg-primary);cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.video-preview{position:relative;width:100%;height:auto;display:flex;align-items:flex-start;justify-content:center;padding:0;box-sizing:border-box;background:var(--color-bg-canvas);overflow:hidden;border-radius:var(--radius-sm)}.video-preview video{width:100%;height:auto;display:block;border-radius:var(--radius-sm);-o-object-fit:contain;object-fit:contain;max-height:none}.node-placeholder{width:100%;height:100%;min-height:var(--space-38);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);box-sizing:border-box;border:var(--border-width-1) dashed var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text-tertiary);text-align:center}.node-placeholder.clickable{cursor:pointer}.node-placeholder.clickable:hover{border-color:var(--color-border-highlight);background:var(--color-bg-hover);color:var(--color-text-secondary)}.node-placeholder-icon{font-size:var(--font-size-2xl);opacity:var(--opacity-high);margin-bottom:var(--space-1)}.node-placeholder-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.node-placeholder-subtext{font-size:var(--font-size-xs);opacity:var(--opacity-medium)}.image-download-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:var(--space-7);height:var(--space-7);background:var(--color-overlay-modal);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-xs);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-base);text-decoration:none;transition:background-color var(--transition-normal),border-color var(--transition-normal),transform var(--transition-fast);backdrop-filter:blur(var(--blur-sm));z-index:10;opacity:0}.node-preview:hover .image-download-btn{opacity:1}.image-download-btn:hover{background:var(--color-accent-primary-glow);border-color:var(--color-accent-primary);transform:scale(1.1)}.image-edit-btn,.image-upload-btn,.video-upload-btn{opacity:0;transition:opacity var(--transition-normal),transform .2s}.node-preview:hover .image-edit-btn,.node-preview:hover .image-upload-btn,.node-preview:hover .video-upload-btn{opacity:1}.flow-toolbar{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);background:var(--color-bg-elevated);backdrop-filter:blur(var(--blur-lg));padding:var(--space-1-5) var(--space-4);border-radius:var(--radius-full);border:var(--border-width-1) solid var(--color-border-subtle);display:flex;gap:var(--space-4);z-index:var(--z-modal);box-shadow:none}.toolbar-btn{background:transparent;border:none;color:var(--color-text-secondary);width:var(--size-icon-lg);height:var(--size-icon-lg);border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast) ease}.toolbar-btn:hover{background:var(--color-bg-input);color:var(--color-text-primary);transform:translateY(-2px)}.node-spinner{width:var(--space-3);height:var(--space-3);border:var(--border-width-2) solid var(--color-overlay-dark);border-top:var(--border-width-2) solid var(--color-text-primary);border-radius:var(--radius-full);animation:spin var(--duration-spin) linear infinite;margin-right:var(--space-2);display:inline-block}.flow-canvas ::-webkit-scrollbar{width:var(--space-1-5);height:var(--space-1-5);background:transparent}.flow-canvas ::-webkit-scrollbar-track{background:transparent}.flow-canvas ::-webkit-scrollbar-thumb{background:var(--color-overlay-medium);border-radius:var(--radius-xs);border:1px solid transparent;background-clip:content-box}.flow-canvas ::-webkit-scrollbar-thumb:hover{background:var(--color-overlay-dark)}.empty-state{width:100%;height:100%;min-height:var(--space-25);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-type-video-alpha) 0%,var(--color-accent-primary-light) 100%);border:var(--border-width-2) dashed var(--color-type-video-alpha);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center;padding:var(--space-5);box-sizing:border-box;font-style:italic;letter-spacing:var(--letter-spacing-wide)}.viewer-only-badge{position:fixed;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-elevated);backdrop-filter:blur(var(--blur-lg));border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:var(--z-overlay);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:viewer-badge-fade-in .3s ease-out}.viewer-only-badge svg{opacity:.7;flex-shrink:0}.viewer-only-badge span{white-space:nowrap}@keyframes viewer-badge-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.viewer-only-badge{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-xs);right:var(--space-3);top:var(--space-3)}.flow-toolbar{bottom:var(--space-4);padding:var(--space-1) var(--space-3);gap:var(--space-3)}.toolbar-btn{width:32px;height:32px;font-size:var(--font-size-base)}}@media(max-width:480px){.viewer-only-badge{padding:var(--space-1-5);right:var(--space-2);top:var(--space-2)}.viewer-only-badge span{display:none}.flow-toolbar{bottom:var(--space-3);padding:var(--space-1) var(--space-2);gap:var(--space-2)}.toolbar-btn{width:28px;height:28px;font-size:var(--font-size-sm)}.node-placeholder{min-height:var(--space-25);padding:var(--space-4);gap:var(--space-2)}}.flow-mobile-fab{display:none}@media(pointer:coarse){.flow-mobile-fab{display:flex;align-items:center;justify-content:center;position:absolute;bottom:calc(var(--layout-canvas-controls-offset, 20px) + var(--layout-canvas-controls-height, 48px) + 16px);right:var(--layout-canvas-controls-offset, 20px);width:56px;height:56px;border-radius:var(--radius-full);border:var(--border-width-1) solid var(--glass-border);background:var(--color-accent-primary);color:var(--color-text-inverse, #fff);cursor:pointer;z-index:var(--z-tooltip);box-shadow:0 4px 16px #3b82f666,0 2px 4px #0003;transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.flow-mobile-fab:active{transform:scale(.92);box-shadow:0 2px 8px #3b82f64d,0 1px 2px #00000026}.flow-mobile-fab svg{pointer-events:none}}@media(pointer:coarse){.flow-canvas{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.flow-port:after{top:calc((var(--node-port-size) - 44px) / 2);left:calc((var(--node-port-size) - 44px) / 2);right:calc((var(--node-port-size) - 44px) / 2);bottom:calc((var(--node-port-size) - 44px) / 2)}}.landing-flow-demo{width:100%;border:var(--mkt-hairline) solid var(--mkt-border-card);background:linear-gradient(180deg,var(--mkt-surface-3),var(--mkt-surface-1));border-radius:var(--mkt-radius-xl);overflow:hidden;--color-bg-app: var(--mkt-bg-page);--color-bg-page: var(--mkt-bg-page);--color-bg-canvas: var(--mkt-bg-page);--color-bg-node: var(--mkt-bg-card);--color-bg-header: var(--mkt-bg-hero);--color-bg-input: var(--mkt-bg-card-soft);--color-bg-elevated: var(--mkt-bg-card);--color-bg-hover: var(--mkt-bg-card-soft);--color-bg-primary: var(--mkt-bg-page);--color-bg-secondary: var(--mkt-bg-card);--color-bg-tertiary: var(--mkt-bg-card-soft);--color-bg-surface: var(--mkt-bg-card);--color-border-default: var(--mkt-border-card);--color-border-subtle: var(--mkt-border-card);--color-text-primary: var(--mkt-text-main);--color-text-secondary: var(--mkt-text-sub);--color-text-tertiary: var(--mkt-text-muted)}#interactive .landing-section__inner{max-width:var(--mkt-flow-section-max)}.landing-flow-section{display:grid;grid-template-columns:var(--mkt-flow-copy-col) minmax(0,1fr);gap:var(--mkt-space-10);align-items:start}.landing-flow-section__copy{padding-top:var(--mkt-space-6)}.landing-flow-section__bullets{display:flex;flex-direction:column;gap:var(--mkt-space-6);margin-top:var(--mkt-space-10)}.landing-flow-section__bullet{border:var(--mkt-hairline) solid var(--mkt-border-card);background:var(--mkt-surface-1);border-radius:var(--mkt-radius-md);padding:var(--mkt-space-6) var(--mkt-space-6);font-size:var(--mkt-font-sm);color:var(--mkt-text-sub);line-height:1.5}.landing-flow-section__actions{margin-top:var(--mkt-space-6);display:flex;flex-direction:column;align-items:flex-start;gap:var(--mkt-space-3)}.landing-flow-section__note{font-size:var(--mkt-font-xs);color:var(--mkt-text-muted)}.landing-flow-demo__canvas{border-radius:0;height:var(--mkt-flow-demo-height)}.landing-flow-demo .node-ports{display:none}@media(max-width:900px){.landing-flow-section{grid-template-columns:1fr}.landing-flow-demo__canvas{height:var(--mkt-flow-demo-height-mobile)}}.landing-footer{margin-top:0;background:radial-gradient(var(--mkt-footer-blob-1-w) var(--mkt-footer-blob-1-h) at 20% 20%,var(--mkt-glow-soft),transparent 60%),radial-gradient(var(--mkt-footer-blob-2-w) var(--mkt-footer-blob-2-h) at 80% 10%,var(--mkt-glow-softer),transparent 55%),var(--mkt-bg-footer);border-top:var(--mkt-hairline) solid var(--mkt-border-card)}.landing-footer__inner{max-width:var(--mkt-container-max);margin:0 auto;padding:var(--mkt-space-14) var(--mkt-page-padding-x);display:grid;grid-template-columns:1fr 1.3fr;gap:var(--mkt-space-12)}.landing-footer__cta{grid-column:1 / -1;border:var(--mkt-hairline) solid var(--mkt-border-subtle);background:radial-gradient(var(--mkt-panel-blob-w) var(--mkt-panel-blob-h) at 20% 20%,var(--mkt-glow-soft),transparent 60%),var(--mkt-surface-2);border-radius:var(--mkt-radius-xl);padding:var(--mkt-space-10) var(--mkt-space-10);display:flex;align-items:center;justify-content:space-between;gap:var(--mkt-space-6)}.landing-footer__cta-copy{display:flex;flex-direction:column;gap:var(--mkt-space-6)}.landing-footer__cta-title{font-size:var(--mkt-font-md);font-weight:650;color:var(--mkt-text-main)}.landing-footer__cta-sub{font-size:var(--mkt-font-xs);color:var(--mkt-text-sub);line-height:var(--line-height-normal)}.landing-footer__cta-btn{flex-shrink:0}.landing-footer__left{display:flex;flex-direction:column;gap:var(--mkt-space-10)}.landing-footer__brand{display:flex;flex-direction:column;gap:var(--mkt-space-6)}.landing-footer__logo{font-weight:800;letter-spacing:.06em;font-size:var(--mkt-font-logo-footer);font-family:JetBrains Mono,monospace;color:var(--mkt-text-main)}.landing-footer__copyright{font-size:var(--mkt-font-xs);color:var(--mkt-text-muted)}.landing-footer__social{display:flex;align-items:center;gap:var(--mkt-space-6)}.landing-footer__social-link{width:var(--mkt-icon-btn-size);height:var(--mkt-icon-btn-size);border-radius:var(--mkt-radius-pill);border:var(--mkt-hairline) solid var(--mkt-border-strong);background:var(--mkt-surface-2);display:inline-flex;align-items:center;justify-content:center;color:var(--mkt-text-main);transition:background var(--transition-fast),border-color var(--transition-fast)}.landing-footer__social-link:hover{background:var(--mkt-surface-hover);border-color:var(--mkt-border-hover)}.landing-footer__social-link:focus-visible{outline:var(--mkt-focus-ring-width) solid var(--mkt-focus-ring);outline-offset:var(--mkt-focus-ring-offset)}.landing-footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mkt-space-10)}.landing-footer__col-title{font-size:var(--mkt-font-xs);font-weight:var(--font-weight-semibold);color:var(--mkt-text-main);margin-bottom:var(--mkt-space-4)}.landing-footer__links{display:flex;flex-direction:column;gap:var(--mkt-space-6)}.landing-footer__link{font-size:var(--mkt-font-xs);color:var(--mkt-text-muted);text-decoration:none;transition:color var(--transition-fast)}.landing-footer__link:hover{color:var(--mkt-text-main)}.landing-footer__link--disabled{opacity:.45;pointer-events:none;cursor:default}.landing-footer__link:focus-visible{outline:var(--mkt-focus-ring-width) solid var(--mkt-focus-ring);outline-offset:var(--mkt-focus-ring-offset);border-radius:var(--mkt-radius-xs)}@media(max-width:900px){.landing-footer__inner{padding:var(--mkt-space-12) var(--mkt-page-padding-x-mobile);grid-template-columns:1fr;gap:var(--mkt-space-11)}.landing-footer__cta{flex-direction:column;align-items:flex-start}}.landing-root{min-height:100vh;background:var(--mkt-bg-page);color:var(--mkt-text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;display:flex;flex-direction:column;position:relative;overflow-x:hidden}@media(prefers-reduced-motion:reduce){.landing-video-container,.landing-video-container--ready{transition:none;transform:none;opacity:1}.landing-video-container--loading:before{animation:none}.landing-float-card{animation:none;opacity:1;transform:none}.landing-marquee__viewport{mask-image:none;-webkit-mask-image:none;overflow-x:auto;padding-left:var(--mkt-space-6);padding-right:var(--mkt-space-6)}.landing-marquee__content{animation:none}}.landing-section{padding:var(--mkt-section-padding-y) var(--mkt-page-padding-x);scroll-margin-top:var(--mkt-anchor-offset);position:relative}.landing-section--tight{padding-top:var(--mkt-space-14);padding-bottom:var(--mkt-space-14)}.landing-section:before{content:"";position:absolute;top:0;left:50%;width:100vw;transform:translate(-50%);height:var(--mkt-hairline);background:var(--mkt-divider-gradient);opacity:.85;pointer-events:none}.landing-hero{scroll-margin-top:var(--mkt-anchor-offset)}.landing-section__inner{max-width:var(--mkt-container-max);margin:0 auto}.landing-section__header{display:flex;flex-direction:column;gap:var(--mkt-space-6);margin-bottom:var(--mkt-space-10)}.landing-section__header--compact{margin-top:var(--mkt-space-10);margin-bottom:var(--mkt-space-6)}.landing-h2{font-size:var(--mkt-font-h2);font-weight:650;letter-spacing:-.02em;margin:0}.landing-p{margin:0;color:var(--mkt-text-sub);line-height:var(--line-height-relaxed);max-width:var(--mkt-copy-max)}.landing-nav{position:sticky;top:0;z-index:var(--z-header);width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--mkt-space-6) var(--mkt-page-padding-x);background:var(--color-overlay-medium);border-bottom:var(--mkt-hairline) solid var(--color-overlay-light);backdrop-filter:blur(var(--blur-md))}.landing-nav--scrolled{background:var(--color-overlay-modal);border-bottom-color:var(--color-overlay-light);backdrop-filter:blur(14px)}.landing-nav-left{display:flex;align-items:center;gap:var(--mkt-space-10)}.landing-logo{font-weight:800;letter-spacing:.05em;font-size:var(--mkt-font-logo);font-family:JetBrains Mono,monospace}.landing-nav-links{display:flex;align-items:center;gap:var(--mkt-space-6)}.landing-nav-link{border:none;background:transparent;color:var(--mkt-link);font-size:var(--mkt-font-md);cursor:pointer;padding:var(--mkt-space-1) 0;transition:color var(--transition-fast)}.landing-nav-link:hover{color:var(--mkt-link-hover)}.landing-nav-link:focus-visible{outline:var(--mkt-focus-ring-width) solid var(--mkt-focus-ring);outline-offset:var(--mkt-focus-ring-offset);border-radius:var(--mkt-radius-pill)}.landing-nav-right{display:flex;align-items:center;gap:var(--mkt-space-6)}.landing-nav-signin{height:auto}.landing-main{padding:0;flex:1}#interactive.landing-section{background:radial-gradient(var(--mkt-blob-w) var(--mkt-blob-h) at 30% 20%,var(--mkt-accent-1-soft),transparent 55%)}#features.landing-section{background:radial-gradient(var(--mkt-blob-w) var(--mkt-blob-h) at 70% 20%,var(--mkt-accent-2-soft),transparent 55%)}#use-cases.landing-section{background:radial-gradient(var(--mkt-blob-w) var(--mkt-blob-h) at 40% 20%,var(--mkt-accent-3-soft),transparent 55%)}#examples.landing-section{background:radial-gradient(var(--mkt-blob-w) var(--mkt-blob-h) at 50% 15%,var(--color-overlay-light),transparent 58%)}.landing-hero{max-width:none;margin:0;padding:var(--mkt-section-padding-y) var(--mkt-page-padding-x) var(--mkt-space-14);display:flex;flex-direction:column;align-items:center;gap:var(--mkt-space-10);position:relative;overflow:hidden;background:radial-gradient(900px 520px at 50% 0%,var(--color-accent-primary-light),transparent 60%),radial-gradient(820px 520px at 70% 10%,var(--color-accent-cyan-subtle),transparent 62%),radial-gradient(900px 600px at 30% 10%,var(--color-accent-purple-subtle),transparent 62%)}.landing-hero:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(760px 520px at 50% 0%,var(--color-overlay-light),transparent 62%),linear-gradient(180deg,var(--color-overlay-light),transparent 40%);opacity:var(--opacity-high)}.landing-hero:after{content:"";position:absolute;left:50%;bottom:0;width:100vw;transform:translate(-50%);height:var(--mkt-hairline);background:var(--mkt-divider-gradient);opacity:.9;pointer-events:none}.landing-hero.centered{text-align:center}.landing-hero-content{max-width:var(--mkt-hero-max);display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.landing-hero-points{display:grid;grid-template-columns:1fr;gap:var(--mkt-space-6);width:100%;max-width:var(--mkt-hero-points-max);margin:0 0 var(--mkt-space-10)}.landing-hero-point{border:var(--mkt-hairline) solid var(--mkt-border-card);background:var(--mkt-surface-1);border-radius:var(--mkt-radius-pill);padding:var(--mkt-space-6) var(--mkt-space-6);font-size:var(--mkt-font-sm);color:var(--mkt-text-sub)}.landing-trust{margin-top:var(--mkt-space-6);display:flex;flex-direction:column;align-items:center;gap:var(--mkt-space-6)}.landing-trust__label{font-size:var(--mkt-font-xs);color:var(--mkt-text-muted);letter-spacing:.08em;text-transform:uppercase}.landing-trust__items{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--mkt-space-6)}.landing-trust__pill{border:var(--mkt-hairline) solid var(--mkt-border-strong);background:var(--mkt-surface-glass);color:var(--mkt-text-main);border-radius:var(--mkt-radius-pill);padding:var(--mkt-space-2) var(--mkt-space-6);font-size:var(--mkt-font-xs)}.landing-marquee-label{margin-top:var(--mkt-space-10);margin-bottom:var(--mkt-space-4);font-size:var(--mkt-font-xs);color:var(--mkt-text-muted);letter-spacing:.14em;text-transform:uppercase;text-align:center}.landing-section--tight .landing-marquee-label{margin-top:var(--mkt-space-6)}.landing-marquee{width:100%;max-width:var(--mkt-video-max);margin-top:0}.landing-marquee--full{max-width:none}.landing-section--tight .landing-marquee{margin-top:0}.landing-marquee__viewport{width:100%;overflow:hidden;border-radius:var(--mkt-radius-pill);border:var(--mkt-hairline) solid var(--color-overlay-light);background:var(--color-overlay-medium);padding:var(--mkt-space-2) var(--mkt-space-10);display:flex;mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)}.landing-marquee--full .landing-marquee__viewport{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-left:none;border-right:none;border-radius:0;border-top:var(--mkt-hairline) solid var(--color-overlay-light);border-bottom:var(--mkt-hairline) solid var(--color-overlay-light);background:radial-gradient(1100px 260px at 50% 0%,var(--color-accent-primary-light),transparent 60%),var(--color-overlay-medium);padding:var(--mkt-space-3) var(--mkt-space-10);mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%)}.landing-marquee--models.landing-marquee--full .landing-marquee__viewport{background:radial-gradient(1100px 260px at 50% 0%,var(--color-accent-purple-light),transparent 60%),var(--color-overlay-medium)}.landing-marquee__content{display:flex;width:-moz-max-content;width:max-content;will-change:transform;animation:landing-marquee-scroll 18s linear infinite}.landing-marquee--models .landing-marquee__content{animation-duration:22s;animation-direction:reverse}.landing-marquee__track{display:inline-flex;align-items:center;gap:var(--mkt-space-10);padding:0;padding-right:var(--mkt-space-10);white-space:nowrap;flex-shrink:0}.landing-marquee__viewport:hover .landing-marquee__content{animation-play-state:paused}.landing-marquee__item{color:var(--color-text-secondary);font-size:var(--mkt-font-xs);letter-spacing:.08em;text-transform:uppercase;padding:var(--space-1-5) 10px;border-radius:var(--mkt-radius-pill);border:var(--mkt-hairline) solid var(--color-overlay-medium);background:var(--color-overlay-light)}.landing-marquee--brands .landing-marquee__item{text-transform:none;letter-spacing:.02em;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.landing-marquee--models .landing-marquee__item{text-transform:none;letter-spacing:.06em;font-weight:650;color:var(--color-text-secondary);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@keyframes landing-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-eyebrow{font-size:var(--mkt-font-sm);text-transform:uppercase;letter-spacing:.16em;color:var(--mkt-text-muted);margin-bottom:var(--mkt-space-6)}.landing-announcement{display:inline-flex;align-items:center;gap:var(--mkt-space-2);padding:var(--mkt-space-2) var(--mkt-space-6);border-radius:var(--mkt-radius-pill);border:var(--mkt-hairline) solid var(--color-overlay-medium);background:var(--color-overlay-dark);color:var(--mkt-text-main);font-size:var(--mkt-font-xs);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .12s ease,background .12s ease,border-color .12s ease;margin-bottom:var(--mkt-space-6)}.landing-announcement:hover{transform:translateY(var(--mkt-lift-sm));background:var(--color-overlay-light);border-color:var(--color-overlay-medium)}.landing-announcement:focus-visible{outline:var(--mkt-focus-ring-width) solid var(--mkt-focus-ring);outline-offset:var(--mkt-focus-ring-offset)}.landing-announcement__tag{padding:var(--space-0-5) var(--space-2);border-radius:var(--mkt-radius-pill);background:var(--color-accent-primary-light);border:var(--mkt-hairline) solid var(--color-accent-primary-medium);color:#fff;font-weight:650;letter-spacing:.06em;text-transform:uppercase;font-size:var(--font-size-2xs)}.landing-announcement__text{color:#fff}.landing-announcement__arrow{color:var(--color-text-tertiary)}.landing-title{font-size:var(--mkt-font-hero);line-height:1.05;font-weight:var(--font-weight-bold);margin:0 0 var(--mkt-space-6);background:var(--mkt-title-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-subtitle{font-size:var(--mkt-font-lg);color:var(--mkt-text-sub);max-width:var(--mkt-hero-subtitle-max);margin:0 0 var(--mkt-space-10);line-height:var(--line-height-relaxed)}.landing-meta{font-size:var(--mkt-font-sm);color:var(--mkt-text-muted)}.landing-hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--mkt-space-6);margin-top:var(--mkt-space-6)}.landing-hero-cta,.landing-nav-cta{width:auto}.landing-demo-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--mkt-space-10)}.landing-hero-media{position:relative;width:100%;display:flex;justify-content:center}.landing-hero-media--ready .landing-float-card{animation:landing-float-in .85s ease forwards}.landing-metrics{display:flex;gap:var(--mkt-space-6);align-items:stretch;justify-content:center;width:100%;max-width:var(--mkt-video-max)}.landing-metric{flex:1;border:var(--mkt-hairline) solid var(--mkt-border-card);background:var(--mkt-surface-1);border-radius:var(--mkt-radius-md);padding:var(--mkt-space-6) var(--mkt-space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mkt-space-2);min-width:0}.landing-metric__value{font-size:var(--mkt-font-lg);font-weight:var(--font-weight-bold);color:var(--mkt-text-main);letter-spacing:-.02em}.landing-metric__label{font-size:var(--mkt-font-xs);color:var(--mkt-text-muted)}.landing-video-container{width:75%;max-width:var(--mkt-video-max);aspect-ratio:16/9;background:radial-gradient(circle at top left,var(--mkt-bg-card-soft) 0%,var(--mkt-bg-page) 100%);border-radius:var(--mkt-radius-2xl);border:var(--mkt-hairline) solid var(--mkt-border-card);padding:var(--mkt-space-6);overflow:hidden;box-shadow:0 18px 60px var(--color-overlay-modal),0 0 0 1px var(--color-overlay-light);position:relative;transform:translateY(18px);opacity:.92;transition:transform .45s ease,opacity .45s ease}.landing-video-container--ready{transform:translateY(0);opacity:1}.landing-video-container--loading:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,var(--color-overlay-light) 8%,var(--color-overlay-light) 18%,var(--color-overlay-light) 33%);background-size:220% 100%;animation:landing-shimmer 1.35s ease-in-out infinite;opacity:.35;pointer-events:none}@keyframes landing-shimmer{to{background-position-x:-200%}}.landing-float-cards{position:absolute;inset:0;pointer-events:none}.landing-float-card{position:absolute;width:var(--space-42);border-radius:var(--mkt-radius-xl);border:var(--mkt-hairline) solid var(--color-overlay-light);background:var(--color-overlay-dark);backdrop-filter:blur(14px);box-shadow:0 18px 50px var(--color-overlay-modal);overflow:hidden;padding:var(--mkt-space-6);display:flex;flex-direction:column;gap:var(--mkt-space-6);opacity:0;--float-x: 0px;transform:translate(var(--float-x)) translateY(24px)}.landing-float-card--left1{left:-10px;top:58%;--float-x: -10px;animation-delay:.1s}.landing-float-card--left2{left:var(--space-16);top:24%;width:var(--space-38);--float-x: -6px;animation-delay:.18s}.landing-float-card--right{right:var(--space-4-5);top:30%;width:var(--space-47);--float-x: var(--space-3);animation-delay:.26s}.landing-showcase{width:100%}.landing-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mkt-space-6)}.landing-showcase-card{border:var(--mkt-hairline) solid var(--mkt-border-card);background:var(--mkt-surface-2);border-radius:var(--mkt-radius-lg);padding:var(--mkt-space-6);display:flex;flex-direction:column;gap:var(--mkt-space-6);position:relative;overflow:hidden;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.landing-showcase-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:var(--mkt-hairline);background:var(--mkt-card-topline-gradient)}.landing-showcase-card:hover{transform:translateY(var(--mkt-lift-sm));border-color:var(--mkt-border-hover);background:var(--mkt-surface-hover)}.landing-showcase-preview{aspect-ratio:16 / 9;border-radius:var(--mkt-radius-md);border:var(--mkt-hairline) solid var(--color-overlay-light);background:var(--color-overlay-light)}.landing-showcase-preview--a{background:radial-gradient(circle at 25% 30%,var(--color-accent-primary-medium),transparent 58%),radial-gradient(circle at 75% 70%,var(--color-accent-cyan-medium),transparent 62%),var(--color-overlay-light)}.landing-showcase-preview--b{background:radial-gradient(circle at 40% 40%,var(--color-accent-purple-medium),transparent 62%),radial-gradient(circle at 78% 28%,var(--color-accent-primary-light),transparent 64%),var(--color-overlay-light)}.landing-showcase-preview--c{background:radial-gradient(circle at 35% 35%,var(--color-accent-cyan-medium),transparent 62%),radial-gradient(circle at 75% 70%,var(--color-accent-purple-light),transparent 62%),var(--color-overlay-light)}.landing-showcase-preview--d{background:radial-gradient(circle at 35% 70%,var(--color-accent-primary-light),transparent 62%),radial-gradient(circle at 70% 30%,var(--color-accent-cyan-light),transparent 62%),var(--color-overlay-light)}.landing-showcase-preview--e{background:radial-gradient(circle at 40% 35%,var(--color-accent-purple-light),transparent 62%),radial-gradient(circle at 70% 70%,var(--color-accent-cyan-light),transparent 62%),var(--color-overlay-light)}.landing-showcase-preview--f{background:radial-gradient(circle at 30% 30%,var(--color-accent-primary-light),transparent 62%),radial-gradient(circle at 75% 55%,var(--color-accent-purple-light),transparent 62%),var(--color-overlay-light)}.landing-showcase-meta{display:flex;flex-direction:column;gap:var(--mkt-space-2)}.landing-showcase-title{font-size:var(--mkt-font-sm);font-weight:650;color:var(--mkt-text-main)}.landing-showcase-sub{font-size:var(--mkt-font-sm);line-height:1.5;color:var(--mkt-text-sub)}@keyframes landing-float-in{to{opacity:1;transform:translate(var(--float-x)) translateY(0)}}.landing-float-card__media{height:var(--space-24);border-radius:var(--mkt-radius-lg);border:var(--mkt-hairline) solid var(--color-overlay-medium)}.landing-float-card__media--a{background:radial-gradient(circle at 30% 30%,var(--color-accent-primary-medium),transparent 60%),radial-gradient(circle at 80% 70%,var(--color-accent-purple-medium),transparent 58%),var(--color-overlay-light)}.landing-float-card__media--b{background:radial-gradient(circle at 40% 40%,var(--color-accent-cyan-medium),transparent 58%),radial-gradient(circle at 75% 30%,var(--color-accent-primary-light),transparent 60%),var(--color-overlay-light)}.landing-float-card__media--c{background:radial-gradient(circle at 40% 30%,var(--color-accent-purple-medium),transparent 62%),radial-gradient(circle at 70% 80%,var(--color-accent-cyan-light),transparent 62%),var(--color-overlay-light)}.landing-float-card__lines{display:flex;flex-direction:column;gap:var(--mkt-space-2)}.landing-float-card__line{height:var(--space-2-5);border-radius:var(--radius-full);background:var(--color-overlay-medium)}.landing-float-card__line--short{width:70%}.landing-demo-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--mkt-radius-sm);display:block}.landing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mkt-space-6)}.landing-card{border:var(--mkt-hairline) solid var(--mkt-border-card);background:var(--mkt-surface-2);border-radius:var(--mkt-radius-lg);padding:var(--mkt-space-6) var(--mkt-space-6);position:relative;overflow:hidden}.landing-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:var(--mkt-hairline);background:var(--mkt-card-topline-gradient)}.landing-card__title{font-size:var(--mkt-font-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--mkt-space-6);color:var(--mkt-text-main)}.landing-card__sub{font-size:var(--mkt-font-sm);color:var(--mkt-text-sub);line-height:1.5}.landing-usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mkt-space-6)}.landing-usecases__bottom{margin-top:var(--mkt-space-10);display:flex;flex-direction:column;gap:var(--mkt-space-6)}.landing-usecase{border:var(--mkt-hairline) solid var(--mkt-border-card);background:var(--mkt-surface-1);border-radius:var(--mkt-radius-lg);padding:var(--mkt-space-6) var(--mkt-space-6)}.landing-usecase__title{font-size:var(--mkt-font-sm);font-weight:var(--font-weight-semibold);color:var(--mkt-text-main);margin-bottom:var(--mkt-space-6)}.landing-usecase__sub{font-size:var(--mkt-font-sm);color:var(--mkt-text-sub);line-height:1.5}.landing-faq{width:100%;display:flex;flex-direction:column;gap:var(--mkt-space-4)}.landing-faq-item{border:var(--mkt-hairline) solid var(--mkt-border-card);background:var(--mkt-surface-1);border-radius:var(--mkt-radius-lg);padding:var(--mkt-space-6) var(--mkt-space-6)}.landing-faq-q{cursor:pointer;font-size:var(--mkt-font-sm);font-weight:650;color:var(--mkt-text-main);list-style:none}.landing-faq-q::-webkit-details-marker{display:none}.landing-faq-q:after{content:"+";float:right;color:var(--mkt-text-muted)}.landing-faq-item[open] .landing-faq-q:after{content:"–"}.landing-faq-a{margin-top:var(--mkt-space-4);font-size:var(--mkt-font-sm);line-height:var(--line-height-relaxed);color:var(--mkt-text-sub)}@media(max-width:900px){.landing-section,.landing-hero{scroll-margin-top:var(--mkt-anchor-offset-mobile)}.landing-nav{padding:0 var(--mkt-page-padding-x-mobile)}.landing-main{padding:0}.landing-hero{padding:var(--mkt-space-14) var(--mkt-page-padding-x-mobile) var(--mkt-space-14)}.landing-section{padding:var(--mkt-space-14) var(--mkt-page-padding-x-mobile)}.landing-title{font-size:var(--mkt-font-hero-mobile)}.landing-video-container{width:100%}.landing-float-card{display:none}.landing-cards{grid-template-columns:1fr}.landing-metrics{flex-direction:column}.landing-usecases,.landing-showcase-grid{grid-template-columns:1fr}.landing-marquee__track{gap:var(--mkt-space-6);padding-right:var(--mkt-space-6)}.landing-marquee__viewport{padding-left:var(--mkt-space-6);padding-right:var(--mkt-space-6)}.landing-nav-link--hide-mobile{display:none}}.login-page{display:flex;min-height:100vh;background:var(--color-bg-primary, var(--color-bg-primary))}.login-image-panel{flex:1.2;position:relative;overflow:hidden;display:none;padding:var(--spacing-xl, 32px);background:var(--color-bg-primary, var(--color-bg-primary))}@media(min-width:900px){.login-image-panel{display:block}}.login-hero-image{width:calc(100% - var(--spacing-xl, 32px) * 2);height:calc(100% - var(--spacing-xl, 32px) * 2);position:absolute;top:var(--spacing-xl, 32px);left:var(--spacing-xl, 32px);-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-xl, 20px)}.login-image-overlay{position:absolute;inset:var(--spacing-xl, 32px);background:linear-gradient(to right,var(--color-overlay-dark),transparent);z-index:1;border-radius:var(--radius-xl, 20px);pointer-events:none}.login-image-credit{position:absolute;bottom:calc(var(--spacing-xl, 32px) + var(--spacing-sm));right:calc(var(--spacing-xl, 32px) + var(--spacing-sm));padding:var(--spacing-xs) var(--spacing-md);background:var(--color-overlay-modal);backdrop-filter:blur(var(--blur-md));border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs);color:var(--color-text-secondary, var(--color-text-primary));z-index:2}.login-form-panel{flex:.8;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl, 32px);background:var(--color-bg-primary, var(--color-bg-primary))}.login-form-container{width:100%;max-width:var(--space-95);display:flex;flex-direction:column;align-items:center}.login-title{font-size:var(--font-size-2xl, 28px);font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;text-align:center}.login-subtitle{font-size:var(--font-size-md, 15px);color:var(--color-text-tertiary, var(--color-text-tertiary));margin:0 0 var(--spacing-xl, 32px) 0;text-align:center}.login-auth-buttons{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 10px);padding:var(--spacing-md) var(--spacing-lg, 20px);border-radius:var(--radius-md);font-size:var(--font-size-md, 15px);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all var(--transition-fast, .2s) ease;border:var(--border-width-1) solid transparent;position:relative}.login-btn-icon{width:var(--space-4-5);height:var(--space-4-5);flex-shrink:0}.login-btn-google{background:var(--color-white);color:var(--color-black, #000);border-color:var(--color-border-subtle, var(--color-overlay-medium))}.login-btn-google:hover{background:var(--color-bg-hover-light, #f0f0f0)}.login-btn-apple{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-default, var(--color-overlay-dark))}.login-btn-apple:hover:not(:disabled){background:var(--color-bg-hover, var(--color-overlay-light));border-color:var(--color-border-hover, var(--color-overlay-dark))}.login-btn-apple:disabled{opacity:var(--opacity-medium);cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-xs) 0;color:var(--color-text-quaternary, var(--color-overlay-dark));font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase)}.login-divider:before,.login-divider:after{content:"";flex:1;height:var(--border-width-1);background:var(--color-border-subtle, var(--color-overlay-medium))}.login-email-group{width:100%}.login-email-input-wrapper{position:relative;width:100%}.login-email-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-quaternary, var(--color-text-tertiary));pointer-events:none}.login-email-input{width:100%;padding:var(--spacing-md) var(--spacing-md, 14px) var(--spacing-md, 14px) 44px;background:transparent;border:var(--border-width-1) solid var(--color-border-default, var(--color-overlay-dark));border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md, 15px);transition:all var(--transition-fast, .2s) ease}.login-email-input::-moz-placeholder{color:var(--color-text-quaternary, var(--color-text-tertiary))}.login-email-input::placeholder{color:var(--color-text-quaternary, var(--color-text-tertiary))}.login-email-input:focus{outline:none;border-color:var(--color-brand-primary, var(--color-accent-primary));box-shadow:0 0 0 3px var(--color-accent-primary-light)}.login-btn-email{background:var(--color-brand-primary, var(--color-accent-primary));color:var(--color-text-inverse);font-weight:var(--font-weight-semibold, 600)}.login-btn-email:hover:not(:disabled){background:var(--color-brand-primary-hover, #3d9be8)}.login-btn-email:disabled{opacity:var(--opacity-medium);cursor:not-allowed}.login-footer{margin-top:var(--spacing-xl, 32px);font-size:var(--font-size-xs);color:var(--color-text-quaternary, var(--color-text-tertiary));text-align:center;line-height:var(--line-height-relaxed)}.login-footer a{color:var(--color-text-tertiary, var(--color-text-secondary));text-decoration:underline;transition:color var(--transition-fast, .2s)}.login-footer a:hover{color:var(--color-text-primary)}.login-sent-icon{color:var(--color-success-500);margin-bottom:var(--spacing-md, 16px);animation:login-fade-in .3s ease-out}.login-sent-hint{font-size:var(--font-size-sm, 13px);color:var(--color-text-quaternary, var(--color-text-tertiary));text-align:center;line-height:var(--line-height-relaxed, 1.6);margin:0 0 var(--spacing-xl, 32px) 0;max-width:300px}.login-btn-back{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border-default, var(--color-overlay-dark))}.login-btn-back:hover{background:var(--color-bg-hover, var(--color-overlay-light));border-color:var(--color-border-hover, var(--color-overlay-dark))}.login-error-message{width:100%;padding:var(--spacing-sm, 10px) var(--spacing-md, 14px);background:var(--color-error-subtle);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error-500);font-size:var(--font-size-sm, 13px);text-align:center;margin-bottom:var(--spacing-md, 16px);animation:login-fade-in .2s ease-out}.login-spinner{animation:login-spin 1s linear infinite}@keyframes login-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes login-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.privacy-root{min-height:100vh;background:var(--mkt-bg-page);color:var(--mkt-text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;padding:var(--space-12) 20px}.privacy-inner{max-width:var(--space-215);margin:0 auto}.privacy-title{font-size:var(--space-10);margin:0 0 10px;letter-spacing:-.02em}.privacy-sub{margin:0 0 24px;color:var(--mkt-text-sub);line-height:var(--line-height-relaxed)}.privacy-card{border:var(--border-width-1) solid var(--mkt-border-card);background:var(--color-overlay-light);border-radius:var(--radius-xl);padding:var(--space-4-5) 18px}.privacy-card h2{margin:var(--space-3-5) 0 var(--space-2);font-size:var(--font-size-base)}.privacy-card p{margin:0 0 12px;color:var(--mkt-text-sub);line-height:var(--line-height-relaxed)5;font-size:var(--font-size-base)}.privacy-link{color:var(--mkt-text-main)}.privacy-back{display:inline-block;margin-top:var(--space-4-5);color:var(--mkt-link);text-decoration:none}.privacy-back:hover{color:var(--mkt-link-hover)}.terms-root{min-height:100vh;background:var(--mkt-bg-page);color:var(--mkt-text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;padding:var(--space-12) 20px}.terms-inner{max-width:var(--space-215);margin:0 auto}.terms-title{font-size:var(--space-10);margin:0 0 6px;letter-spacing:-.02em}.terms-subtitle{margin:0 0 6px;font-size:var(--font-size-lg);color:var(--mkt-text-sub)}.terms-date{margin:0 0 28px;font-size:var(--font-size-sm);color:var(--mkt-text-sub);opacity:.7}.terms-card{border:var(--border-width-1) solid var(--mkt-border-card);background:var(--color-overlay-light);border-radius:var(--radius-xl);padding:28px 24px;margin-bottom:20px}.terms-card h2{margin:0 0 12px;font-size:var(--font-size-xl);letter-spacing:-.01em}.terms-card h3{margin:20px 0 8px;font-size:var(--font-size-md);color:var(--mkt-text-main)}.terms-card p,.terms-card li{margin:0 0 10px;color:var(--mkt-text-sub);line-height:1.7;font-size:var(--font-size-base)}.terms-card ul,.terms-card ol{margin:0 0 14px;padding-left:20px}.terms-card li{margin-bottom:6px}.terms-table-wrap{overflow-x:auto;margin:14px 0 18px}.terms-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.terms-table th,.terms-table td{border:1px solid var(--mkt-border-card);padding:10px 14px;text-align:left}.terms-table th{background:#ffffff0a;font-weight:600;color:var(--mkt-text-main);white-space:nowrap}.terms-table td{color:var(--mkt-text-sub)}.terms-link{color:var(--mkt-text-main);text-decoration:underline;text-underline-offset:3px}.terms-link:hover{opacity:.8}.terms-back{display:inline-block;margin-top:12px;color:var(--mkt-link);text-decoration:none}.terms-back:hover{color:var(--mkt-link-hover)}@media(max-width:600px){.terms-root{padding:var(--space-6) 14px}.terms-card{padding:18px 14px}}html,body{margin:0;padding:0;background:var(--color-bg-app);height:100%}#root{margin:0;padding:0;background:var(--color-bg-app)}.root-layout{min-height:100vh;background:var(--color-bg-app);color:var(--color-text-primary)}.page-content{padding-top:0;padding-left:0;padding-right:0;padding-bottom:var(--space-6)}.content-wrapper{position:relative;padding-top:0;min-height:100vh;height:auto;overflow-y:auto;margin-left:var(--layout-sidebar-collapsed);transition:margin-left var(--transition-slow)}.content-wrapper.scaled{margin-left:var(--layout-sidebar-expanded)}.content-wrapper:not(.scaled){margin-left:var(--layout-sidebar-collapsed)}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-500:oklch(55.1% .027 264.364);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-16{height:calc(var(--spacing)*16)}.h-full{height:100%}.w-16{width:calc(var(--spacing)*16)}.max-w-md{max-width:var(--container-md)}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[\#0a0a0a\]{background-color:#0a0a0a}.bg-blue-600{background-color:var(--color-blue-600)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.p-8{padding:calc(var(--spacing)*8)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-gray-500{color:var(--color-gray-500)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}}}:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-13:52px;--space-14:56px;--space-15:60px;--space-16:64px;--space-17:68px;--space-20:80px;--space-22:88px;--space-24:96px;--space-25:100px;--space-26:104px;--space-30:120px;--space-32:128px;--space-35:140px;--space-38:152px;--space-40:160px;--space-42:168px;--space-45:180px;--space-47:188px;--space-50:200px;--space-55:220px;--space-60:240px;--space-70:280px;--space-75:300px;--space-80:320px;--space-88:352px;--space-90:360px;--space-95:380px;--space-100:400px;--space-105:420px;--space-120:480px;--space-125:500px;--space-130:520px;--space-150:600px;--space-162:648px;--space-215:860px;--space-dropdown-gap:16px;--space-0-5:2px;--space-0-75:3px;--space-1-5:6px;--space-2-25:9px;--space-2-5:10px;--space-3-5:14px;--space-4-5:18px;--space-5-5:22px;--space-6-5:26px;--space-8-5:34px;--space-9-5:38px;--space-10-5:42px;--space-12-5:50px;--space-px:1px;--node-controls-gap:12px;--node-controls-row-gap:8px;--layout-header-height:60px;--layout-sidebar-width:60px;--layout-sidebar-width-expanded:256px;--duration-sidebar:.2s;--ease-sidebar:cubic-bezier(.2,0,0,1);--layout-page-padding-top:32px;--layout-page-padding-bottom:32px;--layout-page-padding-x:32px;--layout-page-padding-y:32px;--layout-canvas-controls-offset:16px;--layout-canvas-controls-height:44px;--z-header:100;--z-sidebar:101;--z-dropdown:200;--z-modal:1000;--z-tooltip:2000;--radius-lg:12px;--radius-md:8px;--shadow-header:0 1px 0 #ffffff08;--shadow-sidebar:inset -1px 0 0 #ffffff0a;--header-height:60px;--nav-bg:var(--color-bg-elevated);--nav-bg-hover:#ffffff0d;--nav-bg-active:#ffffff14;--nav-border:var(--color-border-subtle);--nav-text-default:var(--color-text-secondary);--nav-text-active:var(--color-text-primary);--nav-item-height:40px;--nav-item-radius:6px;--node-border-radius:12px;--node-border-radius-inner:10px;--node-header-height:40px;--node-section-padding:var(--space-4);--node-after-header-gap:0;--node-body-inner-padding:var(--space-3);--node-preview-padding:var(--space-4);--node-preview-image-radius:var(--node-border-radius);--node-dropdown-height:24px;--node-dropdown-padding:0 24px 0 8px;--node-row-height:28px;--node-row-gap:4px;--node-section-gap:4px;--node-port-offset-x:-6px;--node-port-size:12px;--node-label-font-size:14px;--node-text-preview-min-height:72px;--node-text-preview-max-height:315px;--input-height-sm:28px;--input-height-md:32px;--input-height-lg:40px;--text-field-input-font-size:16px;--text-field-output-font-size:14px;--text-field-line-height:1.5;--font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-size-h1:48px;--font-size-h2:32px;--font-size-h3:24px;--font-size-body:15px;--font-size-small:13px;--font-size-xs:11px;--font-size-2xs:10px;--font-size-base:12px;--font-size-md:13px;--font-size-lg:14px;--font-size-h4:18px;--font-size-h5:16px;--line-height-heading:1.2;--line-height-body:1.6;--line-height-tight:1.4;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:600;--letter-spacing-heading:-.02em;--letter-spacing-body:0;--letter-spacing-uppercase:.05em;--card-height:240px;--card-min-width:280px;--card-max-width:360px;--card-padding:40px;--card-border-radius:24px;--card-icon-size:64px;--card-icon-radius:20px;--card-title-size:24px;--card-desc-size:14px;--spacing-xs:var(--space-2);--spacing-sm:var(--space-3);--spacing-md:var(--space-4);--spacing-lg:var(--space-6);--spacing-xl:var(--space-8);--spacing-2xl:var(--space-12);--radius-xs:4px;--radius-small:6px;--radius-sm:6px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--icon-size-xs:12px;--icon-size-sm:14px;--icon-size-md:16px;--icon-size-lg:18px;--icon-size-xl:20px;--icon-size-2xl:24px;--icon-size-3xl:32px;--icon-size-4xl:48px;--btn-height-xs:22px;--btn-height-sm:28px;--btn-height-md:32px;--btn-height-lg:36px;--btn-height-xl:40px;--btn-height-2xl:48px;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 24px var(--color-overlay-dark);--shadow-xl:0 12px 32px #00000040;--shadow-2xl:0 16px 50px #00000059;--shadow-menu:0 8px 32px var(--color-overlay-modal);--color-accent-blue-dim:var(--color-accent-primary-dim);--color-accent-blue-dim-hover:#4facfe2e;--color-accent-blue-border:var(--color-accent-primary-dim);--color-accent-blue-border-hover:#4facfe59;--color-accent-green-dim:#4ade801f;--color-accent-green-border:#4ade8040;--color-accent-red-dim:#ef44441f;--color-accent-red-border:#ef444440;--color-accent-primary:#4facfe;--color-accent-primary-hover:#60b5ff;--color-accent-primary-light:#4facfe26;--color-accent-primary-glow:#4facfe59;--color-accent-primary-dim:#4facfe1f;--color-accent-primary-border:#4facfe40;--gradient-primary:linear-gradient(135deg,var(--color-accent-primary)0%,#60b5ff 100%);--gradient-purple:linear-gradient(135deg,#667eea,#764ba2);--shadow-card-hover:0 8px 24px var(--color-overlay-dark);--shadow-button-glow:0 4px 12px var(--color-accent-primary-glow);--shadow-modal:0 20px 60px var(--color-overlay-modal);--color-overlay-light:#0003;--color-overlay-medium:#0006;--color-overlay-dark:#0009;--color-overlay-modal:#000000b3;--color-overlay-heavy:#000c;--color-overlay-backdrop:#000000f2;--color-overlay-ghost:#0000000d;--color-primary:#4facfe;--color-primary-hover:#60b5ff;--color-primary-rgb:79,172,254;--color-white:#fff;--bg-primary:#0f0f0f;--color-accent-cyan:#0891b2;--color-accent-cyan-light:#0891b233;--color-accent-cyan-medium:#0891b280;--color-accent-cyan-subtle:#0891b21a;--color-accent-green-hover:#22c55e;--color-accent-green-glow:#22c55e66;--color-accent-green-dim-hover:#22c55e40;--color-accent-indigo:#4f46e5;--color-accent-indigo-medium:#4f46e580;--color-accent-pink:#db2777;--color-accent-pink-light:#db277733;--color-accent-pink-medium:#db277780;--color-accent-purple-light:#b794f633;--color-accent-purple-medium:#b794f680;--color-accent-purple-subtle:#b794f61a;--color-accent-yellow:#eab308;--color-accent-yellow-dim:#eab30826;--color-accent-yellow-border:#eab3084d;--color-accent-primary-medium:#4facfe80;--color-accent-primary-subtle:#4facfe1a;--color-accent-subtle:#4facfe14;--color-error-50:#ef444414;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-light:#ef444433;--color-error-medium:#ef444480;--color-error-subtle:#ef444414;--color-error-border:#ef44444d;--color-error-dim-hover:#ef444440;--color-success-50:#22c55e14;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-light:#22c55e33;--color-success-subtle:#22c55e14;--color-warning-light:#f59e0b33;--color-warning-medium:#f59e0b80;--color-warning-subtle:#f59e0b14;--color-warning-border:#f59e0b4d;--color-warning-ghost:#f59e0b0d;--color-glass-bg:#141414cc;--color-glass-subtle:#ffffff08;--color-border-active:#4facfe80;--color-border-secondary:#ffffff14;--color-text:#fff;--color-text-dim:#fff6;--color-text-muted:#ffffff80;--color-text-description:#fff9;--color-text-quaternary:#ffffff4d;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--font-size-6xl:60px;--font-weight-semibold:600;--font-weight-extrabold:800;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--backdrop-blur-sm:4px;--backdrop-blur-lg:16px;--backdrop-blur-xl:24px;--blur-3xl:64px;--radius-2xs:2px;--button-border-radius:8px;--card-radius:12px;--node-default-width:320px;--node-min-height:100px;--node-body-gap:12px;--node-body-gap-compact:8px;--node-color:#ffffffe6;--gradient-card:linear-gradient(135deg,#1e1e1ee6,#141414f2);--cursor-color:#4facfe;--selection-color:#4facfe4d;--lock-color:#ffffff4d;--float-x:0px;--filters-popover-right:16px;--color-type-image:var(--color-accent-primary);--color-type-image-alpha:var(--color-accent-primary-light);--color-type-video:#b794f6;--color-type-video-alpha:#b794f626;--color-type-audio:#ff8c00;--color-type-audio-alpha:#ff8c0026;--color-success-alpha:#22c55e66;--color-success-dim:#22c55e26;--color-error-alpha:#ef444466;--color-error-dim:#ef444426;--color-glass-highlight:#ffffff1a;--color-glass-border:#ffffff0f;--color-glass-text-dim:#fff9;--color-glass-text-primary:#ffffffe6;--context-menu-width:700px;--context-menu-height:450px;--execution-queue-width:280px;--studio-sidebar-width:340px;--studio-sidebar-width-tablet:300px;--studio-prompt-min-height:180px;--studio-prompt-max-height:350px;--minimap-width:240px;--minimap-height:160px;--settings-sidebar-width:240px;--chat-max-width:800px;--router-node-width:120px;--router-node-height:40px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--transition-bounce:.3s cubic-bezier(.4,0,.2,1);--gradient-brand:linear-gradient(135deg,var(--color-brand-primary),#3d8bdb);--gradient-brand-subtle:linear-gradient(135deg,var(--color-accent-primary-light),#4facfe14);--gradient-success:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));--font-size-sm:var(--font-size-small);--font-size-xl:var(--font-size-h3);--font-size-2xl:var(--font-size-h2);--opacity-disabled:.5;--opacity-dim:.6;--opacity-faint:.15;--opacity-medium:.8;--opacity-hover:.9;--blur-sm:4px;--blur-md:10px;--blur-lg:20px;--blur-xl:40px;--border-width-1:1px;--border-width-2:2px;--border-width-3:3px;--z-negative:-1;--z-0:0;--z-1:1;--z-10:10;--z-sticky:50;--z-overlay:2000;--z-max:9999}:root,:root[data-theme=dark]{--color-bg-app:#0f0f0f;--color-bg-page:#161616;--color-bg-canvas:#151515;--color-bg-node:#323232;--color-bg-node-translucent:#323232b3;--color-bg-header:#1e1e1e;--color-bg-input:#181818;--color-bg-text-preview:#1e1e1e;--color-bg-elevated:#1e1e1e;--color-bg-hover:#2a2a2a;--color-bg-placeholder:#3d3d3d;--color-bg-placeholder-hover:#484848;--color-bg-message-bot:var(--color-overlay-medium);--color-bg-track:#141414;--color-bg-track-alt:#111;--color-bg-status-pending:var(--color-overlay-light);--color-bg-item:var(--color-overlay-light);--color-bg-panel-adjacent:#141414cc;--node-preview-bg:var(--color-overlay-dark);--node-preview-border:#333;--node-shadow:none;--node-shadow-hover:none;--node-shadow-selected:0 0 0 1px #fff;--color-border-subtle:#222;--color-border-default:#262626;--color-border-selected:#ffffffd9;--color-border-port:#262626;--color-border-handle:#ffffff80;--color-border-track:#222;--color-border-popover:#333;--color-text-primary:#fffffff2;--color-text-secondary:#ffffffbf;--color-text-tertiary:#ffffff80;--color-text-accent:var(--color-accent-primary);--color-text-inverse:#000;--color-text-on-overlay:#fff;--color-accent-blue:var(--color-accent-primary);--color-accent-purple:#b794f6;--color-accent-green:var(--color-success-500);--color-accent-orange:var(--color-accent-yellow);--color-accent-red:var(--color-error-500);--color-accent-cyan:#00f2ff;--color-port-exec:#fff;--color-port-text:gold;--color-port-image:var(--color-accent-primary);--color-port-video:#b794f6;--color-port-audio:#ff8c00;--color-port-mask:#2ecc71;--color-port-any:#888;--color-port-json:#e91e63;--color-port-3d:#ff69b4;--color-port-string:gold;--color-port-number:#1e40af;--color-port-boolean:#ff4500;--color-port-object:#32cd32;--color-port-array:#9370db;--color-fps-good:var(--color-success-500);--color-fps-medium:var(--color-accent-yellow);--color-fps-poor:var(--color-error-500);--color-status-success:#0f0;--color-status-warning:var(--color-accent-yellow);--color-status-error:#f44;--color-status-info:#4dabf7;--color-status-info-bg:#4dabf71a;--color-status-info-border:#4dabf74d;--color-brand-indigo:#6366f1;--color-brand-violet:#8b5cf6;--color-brand-pink:#ec4899;--color-accent:var(--color-brand-indigo);--color-accent-alpha:#6366f126;--color-accent-hover:#818cf8;--color-border:var(--color-border-subtle);--color-border-hover:var(--color-overlay-medium);--color-success:var(--color-success-500);--color-warning:var(--color-accent-yellow);--color-error:var(--color-error-500);--color-brand-primary:var(--color-accent-primary);--color-brand-primary-alpha:var(--color-accent-primary-light);--color-accent-primary-alpha:var(--color-accent-primary-light);--color-bg-primary:var(--color-bg-app);--color-bg-secondary:var(--color-bg-elevated);--color-bg-tertiary:var(--color-bg-input);--minimap-bg:#141414e6;--minimap-stroke:#9696964d;--minimap-node-fill:#3c3c3ccc;--minimap-node-stroke:#ffffff4d;--minimap-port-fill:#969696cc;--grid-line-color:#ffffffb3;--icon-stroke-color:#a1a1aa66;--color-text-saved:#fff6;--color-border-saved:var(--color-overlay-medium);--thumbnail-node-fill:#3c3c3ce6;--thumbnail-node-stroke:#ffffff4d;--thumbnail-connection-stroke:#a1a1aa80;--skeleton-base:#1e1e1e;--skeleton-shine:#2a2a2a;--skeleton-duration:1.5s;--skeleton-timing:ease-in-out;--skeleton-radius-sm:4px;--skeleton-radius-md:8px;--skeleton-radius-lg:12px;--size-avatar-xs:24px;--size-avatar-sm:32px;--size-avatar-md:40px;--size-avatar-lg:48px;--size-avatar-xl:64px;--size-icon-xs:12px;--size-icon-sm:16px;--size-icon-md:20px;--size-icon-lg:24px;--size-icon-xl:32px;--size-dropdown:36px;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-spin:1s;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--color-bg-container:#1a1a1a;--color-bg-card:#1e1e1e;--color-bg-modal:#181818;--color-bg-tooltip:#2a2a2a;--color-bg-active:#2d2d2d;--tile-gap:16px;--layout-max-width:1440px;--layout-max-narrow:960px;--layout-sidebar-collapsed:60px;--layout-sidebar-expanded:256px;--layout-topbar-height:60px;--opacity-low:.3;--opacity-high:.9;--z-fixed:50;--gallery-card-min-height:200px;--gallery-context-menu-min-width:160px;--gallery-prompt-max-width:600px;--gallery-search-max-width:400px;--glass-bg:#141414cc;--glass-bg-hover:#1e1e1ee6;--glass-border:#ffffff0f;--glass-border-hover:#ffffff1a;--glass-blur:12px;--glass-radius:16px;--capsule-radius:var(--radius-pill);--glass-radius-inner:12px;--radius-small:6px;--radius-pill:999px;--nav-item-hover-bg:var(--color-overlay-light);--nav-item-active-color:var(--color-accent-primary);--color-connection-green:var(--color-accent-green);--color-connection-yellow:#eab308;--color-connection-orange:var(--color-accent-orange);--color-connection-blue:var(--color-accent-primary);--color-connection-purple:var(--color-accent-purple);--color-cursor-1:var(--color-connection-green);--color-cursor-2:var(--color-connection-blue);--color-cursor-3:var(--color-connection-orange);--color-cursor-4:var(--color-connection-purple);--color-cursor-5:var(--color-connection-yellow);--color-cursor-border:#ffffffe6;--hero-blob-size-lg:520px;--hero-blob-size-md:420px;--hero-blob-size-sm:360px;--hero-blob-opacity:.8;--hero-blob-blur:42px;--hero-blob-blend-mode:screen;--hero-bg-overlay-opacity:.35;--control-btn-bg:transparent;--control-btn-bg-hover:var(--color-overlay-medium);--control-btn-color:#fff9;--control-btn-color-hover:var(--color-text-primary);--control-btn-radius:8px;--color-node-play-bg:transparent;--color-node-play-circle-idle:#464646;--color-node-play-circle-hover:#5a5a5a;--color-node-play-icon-idle:#e0e0e0;--color-node-play-circle-pending:#334550;--color-node-play-icon-pending:#6ec8f0;--color-node-play-circle-running:#453c58;--color-node-play-icon-running:#c9a8ff;--color-node-play-circle-success:#33483a;--color-node-play-icon-success:#5ee890;--color-node-play-circle-error:#ef444480;--color-node-play-icon-error:#f06060;--color-node-play-icon:#e0e0e0;--color-node-play-overlay-idle:#464646;--color-node-play-overlay-hover:#5a5a5a;--color-node-play-overlay-pending:#334550;--color-node-play-overlay-running:#453c58;--color-node-play-overlay-success:#33483a;--color-node-play-overlay-error:#ef444480;--shadow-node-play-focus:0 0 0 2px var(--color-accent-primary-border);--color-selection-bg:var(--color-accent-primary-light);--color-selection-border:#4facfe99;--color-cursor-stroke:white;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.6'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}:root[data-theme=light]{--hero-blob-opacity:.85;--hero-blob-blur:50px;--hero-blob-blend-mode:multiply;--hero-bg-overlay-opacity:.15;--color-bg-app:#fafafa;--color-bg-page:#f5f5f5;--color-bg-canvas:#e5e7eb;--color-bg-node:#f5f5f5;--color-bg-header:#eeeff1;--color-bg-input:var(--color-text-inverse);--color-bg-text-preview:#f8f8f8;--color-bg-elevated:var(--color-text-inverse);--color-bg-hover:#e8e9eb;--color-bg-message-bot:#f9fafb;--color-bg-track:#f9fafb;--color-bg-track-alt:#f3f4f6;--color-bg-status-pending:#f9fafb;--color-bg-item:#fafafa;--color-bg-panel-adjacent:#f5f5f5e6;--node-preview-bg:#eeeff1;--node-preview-border:#c5c7cc;--node-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;--node-shadow-hover:0 4px 6px #0000001a,0 2px 4px #0000000f;--node-shadow-selected:0 0 0 1px #1e293b,0 0 4px #1e293b26;--color-border-subtle:#d1d5db;--color-border-default:#b5b9bf;--color-border-highlight:#8b92a0;--color-border-selected:#1e293b;--color-border-handle:var(--color-overlay-dark);--color-border-track:#d1d5db;--color-border-popover:#d1d5db;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#6b7280;--color-text-accent:var(--color-accent-primary-hover);--color-text-inverse:#fff;--color-text-on-overlay:#000;--color-accent-blue:var(--color-accent-primary-hover);--color-accent-purple:#7c3aed;--color-accent-green:var(--color-success-600);--color-accent-orange:#ea580c;--color-accent-red:#dc2626;--color-accent-cyan:#0891b2;--color-port-exec:#fff;--color-port-text:gold;--color-port-image:#4facfe;--color-port-video:#b794f6;--color-port-audio:#ff8c00;--color-port-mask:#2ecc71;--color-port-any:#888;--color-port-json:#e91e63;--color-port-3d:#ff69b4;--color-fps-good:var(--color-success-600);--color-fps-medium:#ea580c;--color-fps-poor:#dc2626;--color-status-success:var(--color-success-600);--color-status-warning:#ea580c;--color-status-error:#dc2626;--color-status-info:var(--color-accent-primary-hover);--color-status-info-bg:#2563eb1a;--color-status-info-border:#2563eb4d;--color-brand-indigo:#4f46e5;--color-brand-violet:#7c3aed;--color-brand-pink:#db2777;--minimap-bg:#fffffff2;--minimap-stroke:#6464644d;--minimap-node-fill:#f0f0f0e6;--minimap-node-stroke:var(--color-overlay-dark);--minimap-port-fill:#646464cc;--grid-line-color:#00000026;--icon-stroke-color:#64646466;--color-text-saved:var(--color-overlay-dark);--color-border-saved:#0000001a;--thumbnail-node-fill:#f0f0f5f2;--thumbnail-node-stroke:#0003;--thumbnail-connection-stroke:#6482b480;--glass-bg:#fffffff2;--glass-bg-hover:#fffffffa;--glass-border:#0000001a;--glass-border-hover:#00000026;--glass-blur:12px;--glass-radius:16px;--capsule-radius:var(--radius-pill);--glass-radius-inner:12px;--nav-item-hover-bg:#0000000a;--nav-item-active-color:var(--color-accent-primary);--control-btn-bg:transparent;--control-btn-bg-hover:#00000014;--control-btn-color:#4b5563;--control-btn-color-hover:#111827;--control-btn-radius:8px;--color-node-play-bg:transparent;--color-node-play-icon:var(--color-text-inverse);--color-node-play-overlay-idle:#64646480;--color-node-play-overlay-hover:#ffffff4d;--color-node-play-overlay-pending:#2563eb80;--color-node-play-overlay-running:#7e22ce80;--color-node-play-overlay-success:#16a34a80;--color-node-play-overlay-error:#dc262680;--shadow-node-play-focus:0 0 0 2px #2563eb4d;--color-selection-bg:#2563eb1f;--color-selection-border:#2563eb80;--color-cursor-stroke:#1e293b;--color-accent:var(--color-accent-primary);--color-accent-alpha:#2563eb26;--color-accent-hover:#2563eb;--color-accent-primary-alpha:#2563eb26;--color-bg-active:#e5e7eb;--color-bg-card:#fff;--color-bg-container:#f9fafb;--color-bg-modal:#fff;--color-bg-node-translucent:#ffffffe6;--color-bg-placeholder:#f3f4f6;--color-bg-placeholder-hover:#e5e7eb;--color-bg-primary:var(--color-bg-app);--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-bg-tooltip:#1f2937;--color-border:#0000001a;--color-border-hover:#0003;--color-border-port:#00000026;--color-brand-primary:var(--color-accent-primary);--color-brand-primary-alpha:#2563eb26;--color-connection-blue:#3b82f6;--color-connection-green:#22c55e;--color-connection-orange:#f97316;--color-connection-purple:#a855f7;--color-connection-yellow:#eab308;--color-cursor-1:#ef4444;--color-cursor-2:#22c55e;--color-cursor-3:#3b82f6;--color-cursor-4:#f59e0b;--color-cursor-5:#a855f7;--color-cursor-border:#0003;--color-error:#dc2626;--color-success:#16a34a;--color-warning:#ea580c;--color-node-play-circle-error:#dc262699;--color-node-play-circle-hover:#646464b3;--color-node-play-circle-idle:#64646480;--color-node-play-circle-pending:#2563eb99;--color-node-play-circle-running:#7e22ce99;--color-node-play-circle-success:#16a34a99;--color-node-play-icon-error:#fff;--color-node-play-icon-idle:#fff;--color-node-play-icon-pending:#fff;--color-node-play-icon-running:#fff;--color-node-play-icon-success:#fff;--color-port-array:#4facfe;--color-port-boolean:#22c55e;--color-port-number:#f59e0b;--color-port-object:#a855f7;--color-port-string:#3b82f6;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-spin:1s;--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--gallery-card-min-height:var(--space-50);--gallery-context-menu-min-width:var(--space-45);--gallery-prompt-max-width:var(--space-120);--gallery-search-max-width:var(--space-70);--hero-blob-size-lg:600px;--hero-blob-size-md:400px;--hero-blob-size-sm:200px;--layout-max-narrow:960px;--layout-max-width:1440px;--layout-sidebar-collapsed:60px;--layout-sidebar-expanded:256px;--layout-topbar-height:60px;--opacity-high:.9;--opacity-low:.3;--radius-pill:9999px;--radius-small:var(--radius-sm);--size-avatar-lg:48px;--size-avatar-md:40px;--size-avatar-sm:32px;--size-avatar-xl:64px;--size-avatar-xs:24px;--size-dropdown:36px;--size-icon-lg:24px;--size-icon-md:20px;--size-icon-sm:16px;--size-icon-xl:32px;--size-icon-xs:12px;--skeleton-base:#e5e7eb;--skeleton-duration:1.5s;--skeleton-radius-lg:12px;--skeleton-radius-md:8px;--skeleton-radius-sm:4px;--skeleton-shine:#f3f4f6;--skeleton-timing:ease-in-out;--tile-gap:16px;--z-fixed:50;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}*,:focus,:focus-visible,:focus-within,:before,:after{outline-offset:0!important;outline:none!important}button,input,select,textarea,a,[role=button],[tabindex]{box-shadow:none!important;outline:none!important}button:focus,button:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible,a:focus,a:focus-visible,[role=button]:focus,[tabindex]:focus{box-shadow:none!important;outline:0!important}html.uds-marketing,body.uds-marketing{--mkt-bg-page:#101010;--mkt-bg-hero:#111;--mkt-bg-card:#151515;--mkt-bg-card-soft:#181818;--mkt-accent-1:var(--color-accent-primary);--mkt-accent-2:var(--color-accent-cyan);--mkt-accent-3:var(--color-accent-purple);--mkt-accent-1-soft:#4facfe14;--mkt-accent-2-soft:#00f2fe0f;--mkt-accent-3-soft:#b794f60d;--mkt-focus-ring:#4facfe8c;--mkt-focus-ring-width:2px;--mkt-focus-ring-offset:2px;--mkt-text-main:#fff;--mkt-text-sub:#c3c3c3;--mkt-text-muted:#999;--mkt-surface-1:#ffffff04;--mkt-surface-2:var(--color-overlay-light);--mkt-surface-3:var(--color-overlay-light);--mkt-surface-hover:var(--color-overlay-light);--mkt-surface-glass:#0003;--mkt-bg-overlay:#000000b8;--mkt-glow-soft:var(--color-overlay-light);--mkt-glow-softer:var(--color-overlay-light);--mkt-border-card:var(--color-overlay-light);--mkt-border-subtle:var(--color-overlay-medium);--mkt-border-strong:#ffffff1a;--mkt-border-hover:#ffffff2e;--mkt-cta-bg:#fff;--mkt-cta-text:#111;--mkt-cta-bg-hover:#f3f3f3;--mkt-cta-secondary-bg:transparent;--mkt-cta-secondary-border:#ffffff24;--mkt-cta-secondary-text:#fff;--mkt-cta-secondary-bg-hover:var(--color-overlay-medium);--mkt-link:#e5e5e5;--mkt-link-hover:#fff;--mkt-container-max:1200px;--mkt-copy-max:760px;--mkt-hero-max:700px;--mkt-hero-subtitle-max:580px;--mkt-hero-points-max:560px;--mkt-video-max:1000px;--mkt-flow-section-max:1360px;--mkt-flow-copy-col:352px;--mkt-page-padding-x:64px;--mkt-page-padding-x-mobile:20px;--mkt-nav-height:64px;--mkt-anchor-offset:80px;--mkt-anchor-offset-mobile:80px;--mkt-nav-blur:10px;--mkt-blur-lg:20px;--mkt-z-nav:50;--mkt-z-cookie-banner:9999;--mkt-hairline:1px;--mkt-lift-sm:-1px;--mkt-space-1:4px;--mkt-space-2:8px;--mkt-space-3:10px;--mkt-space-4:12px;--mkt-space-5:14px;--mkt-space-6:16px;--mkt-space-7:18px;--mkt-space-8:20px;--mkt-space-9:24px;--mkt-space-10:32px;--mkt-space-11:40px;--mkt-space-12:48px;--mkt-space-13:56px;--mkt-space-14:64px;--mkt-space-15:80px;--mkt-section-padding-y:96px;--mkt-radius-xs:6px;--mkt-radius-sm:12px;--mkt-radius-md:14px;--mkt-radius-lg:16px;--mkt-radius-xl:18px;--mkt-radius-2xl:20px;--mkt-radius-pill:999px;--mkt-font-xxs:11px;--mkt-font-xs:12px;--mkt-font-sm:13px;--mkt-font-md:14px;--mkt-font-lg:18px;--mkt-font-h2:28px;--mkt-font-hero:56px;--mkt-font-hero-mobile:40px;--mkt-font-logo:24px;--mkt-font-logo-footer:20px;--mkt-title-gradient:linear-gradient(90deg,#fff 0%,var(--mkt-accent-1)60%,var(--mkt-accent-2)100%);--mkt-divider-gradient:linear-gradient(90deg,#fff0,#ffffff38,#fff0);--mkt-card-topline-gradient:linear-gradient(90deg,#4facfe00,#4facfe8c,#00f2fe40);--mkt-blob-w:900px;--mkt-blob-h:420px;--mkt-panel-blob-w:900px;--mkt-panel-blob-h:240px;--mkt-bg-footer:#0d0d0d;--mkt-footer-blob-1-w:1200px;--mkt-footer-blob-1-h:420px;--mkt-footer-blob-2-w:900px;--mkt-footer-blob-2-h:360px;--mkt-icon-btn-size:34px;--mkt-flow-demo-height:576px;--mkt-flow-demo-height-mobile:480px;background:var(--mkt-bg-page);color:var(--mkt-text-main)}html.uds-marketing .mkt-btn,body.uds-marketing .mkt-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;font:inherit;justify-content:center;align-items:center;gap:var(--mkt-space-2);border-radius:var(--mkt-radius-pill);padding:var(--mkt-space-6)var(--mkt-space-10);font-size:var(--mkt-font-md);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:none;min-height:44px;font-weight:650;line-height:1;transition:transform .12s,background .12s,border-color .12s,box-shadow .12s,opacity .12s;display:inline-flex}html.uds-marketing .mkt-btn:active,body.uds-marketing .mkt-btn:active{transform:translateY(0)scale(.99)}html.uds-marketing .mkt-btn:focus-visible,body.uds-marketing .mkt-btn:focus-visible{outline:var(--mkt-focus-ring-width)solid var(--mkt-focus-ring);outline-offset:var(--mkt-focus-ring-offset)}html.uds-marketing .mkt-btn:disabled,body.uds-marketing .mkt-btn:disabled{cursor:not-allowed;opacity:.6}html.uds-marketing .mkt-btn--sm,body.uds-marketing .mkt-btn--sm{padding:var(--mkt-space-4)var(--mkt-space-6);font-size:var(--mkt-font-sm);min-height:36px;font-weight:650}html.uds-marketing .mkt-btn--primary,body.uds-marketing .mkt-btn--primary{background:var(--mkt-cta-bg);color:var(--mkt-cta-text);box-shadow:0 10px 30px #00000047}html.uds-marketing .mkt-btn--primary:hover,body.uds-marketing .mkt-btn--primary:hover{background:var(--mkt-cta-bg-hover);transform:translateY(var(--mkt-lift-sm))}html.uds-marketing .mkt-btn--secondary,body.uds-marketing .mkt-btn--secondary{background:var(--mkt-cta-secondary-bg);border:var(--mkt-hairline)solid var(--mkt-cta-secondary-border);color:var(--mkt-cta-secondary-text)}html.uds-marketing .mkt-btn--secondary:hover,body.uds-marketing .mkt-btn--secondary:hover{background:var(--mkt-cta-secondary-bg-hover);border-color:var(--mkt-border-hover);transform:translateY(var(--mkt-lift-sm))}html,body{background:var(--color-bg-app);width:100%;height:100%;color:var(--color-text-primary);overscroll-behavior-x:none;overscroll-behavior-y:none;margin:0;padding:0;overflow:hidden}html.uds-marketing,body.uds-marketing{overscroll-behavior-x:none;overscroll-behavior-y:none;background:var(--mkt-bg-page);height:100%;overflow:hidden auto}html.uds-marketing #root{background:var(--mkt-bg-page)}#root{background:var(--color-bg-app);overscroll-behavior:none;min-height:100vh}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.page{background:var(--bg-primary);min-height:100%}.home-page{background:var(--bg-primary)}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-chevron,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"));background-repeat:no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-8)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:var(--space-2);height:var(--space-2)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-overlay-medium);border-radius:var(--space-1);background-clip:content-box;border:2px solid #0000;-webkit-transition:background-color .2s;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background:var(--color-overlay-dark);background-clip:content-box;border:2px solid #0000}*{scrollbar-width:thin;scrollbar-color:var(--color-overlay-medium)transparent}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border-subtle,#ffffff1a);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent-primary,#8b5cf6);cursor:pointer;border:2px solid #fff3;border-radius:50%;width:14px;height:14px;-webkit-transition:transform .15s,box-shadow .15s;transition:transform .15s,box-shadow .15s;box-shadow:0 0 6px #8b5cf666}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px #8b5cf699}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1);box-shadow:0 0 16px #8b5cf6cc}input[type=range]::-moz-range-thumb{background:var(--color-accent-primary,#8b5cf6);cursor:pointer;border:2px solid #fff3;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #8b5cf666}input[type=range]::-moz-range-track{background:var(--color-border-subtle,#ffffff1a);border:none;border-radius:2px;height:4px}@keyframes page-mount{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-mount{animation:.3s ease-out page-mount}@keyframes panel-mount{0%{opacity:0;transform:translateY(4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.panel-mount{animation:.2s ease-out panel-mount}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}