.app-loading{position:relative;min-height:0;min-width:0}.app-loading-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#000000b8;pointer-events:auto}.app-loading-spinner{width:42px;height:42px;border:3px solid rgba(64,158,255,.18);border-top-color:#409eff;border-radius:50%;animation:app-loading-spin .85s linear infinite}@keyframes app-loading-spin{to{transform:rotate(360deg)}}.app-toast{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:3000;display:flex;align-items:center;gap:10px;max-width:min(92vw,520px);padding:10px 12px 10px 16px;border-radius:999px;color:#fff;font-size:13px;line-height:1.45;pointer-events:auto;box-shadow:0 10px 28px #00000038;animation:app-toast-in .2s ease-out}.app-toast--success{background:#227850fa;border:1px solid rgba(120,200,160,.35)}.app-toast--error{background:#9b3737fa;border:1px solid rgba(220,130,130,.4)}.app-toast--info{background:#25638cfa;border:1px solid rgba(120,180,220,.4)}.app-toast--warning{background:#a55f1cfa;border:1px solid rgba(230,170,90,.45)}.app-toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:#fff}.app-toast__icon-svg{display:block;width:20px;height:20px}.app-toast__message{flex:1;min-width:0;text-align:left}.app-toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:4px;padding:6px;border:none;border-radius:999px;background:transparent;color:var(--canvas-color-text-secondary, rgba(255, 255, 255, .85));cursor:pointer;opacity:.85;transition:opacity .15s ease,background .15s ease}.app-toast__close:hover{opacity:1;background:var(--canvas-color-border-strong, rgba(255, 255, 255, .12))}.app-toast__close:focus-visible{outline:2px solid var(--canvas-color-text-tertiary, rgba(255, 255, 255, .72));outline-offset:1px}@keyframes app-toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.app-toast.app-toast--embedded{position:absolute;top:4px;left:50%;transform:translate(-50%)}.app-toast.app-toast--embedded.canvas-toast--connect{top:48px}.app-toast.app-toast--embedded.canvas-toast--media{top:16px;max-width:min(90vw,480px)}.app-toast.app-toast--embedded.canvas-toast--media .app-toast__message{text-align:center}.app-toast.app-toast--login{position:absolute;top:-52px;left:50%;transform:translate(-50%);z-index:10;max-width:min(90vw,400px);animation:login-app-toast-in .3s ease-out}@keyframes login-app-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.login-modal-overlay{position:fixed;inset:0;background:var(--color-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:login-overlay-fade .18s ease-out}@keyframes login-overlay-fade{0%{opacity:0}to{opacity:1}}.login-modal-card{position:relative;width:100%;max-width:420px;background:var(--color-bg-panel);border:1px solid var(--color-border-default);border-radius:16px;padding:40px 36px 32px;box-shadow:0 20px 60px var(--color-shadow-strong);color:var(--color-text-primary);display:flex;flex-direction:column;align-items:center;box-sizing:border-box;animation:login-card-pop .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes login-card-pop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-theme-toggle{position:absolute;top:12px;left:12px;z-index:2}.login-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:color .2s,background .2s;z-index:2}.login-close:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.login-header{display:flex;flex-direction:column;align-items:center;width:100%}.login-logo{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--color-text-tertiary)}.login-logo-icon{flex-shrink:0;width:28px;height:28px;display:block}.login-logo-text{font-size:18px;font-weight:500;color:inherit;letter-spacing:1px}.login-title{text-align:center;margin-top:20px;margin-bottom:32px}.login-title h1{font-size:22px;font-weight:600;line-height:1.5;color:var(--color-text-primary);margin:0}.login-form-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.login-tabs{display:flex;gap:24px;margin-bottom:20px;width:100%;justify-content:center}.login-tab{background:none;border:none;color:var(--color-text-muted);font-size:14px;cursor:pointer;padding:4px 0;position:relative;transition:color .2s}.login-tab.active{color:var(--color-text-primary)}.login-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-text-primary);border-radius:1px}.login-tab:hover{color:var(--color-text-tertiary)}.login-tab.active:hover{color:var(--color-text-primary)}.login-form{width:100%;display:flex;flex-direction:column;gap:12px}.input-group{display:flex;align-items:center;height:48px;padding:0 16px;box-sizing:border-box}.input-prefix{color:var(--color-text-muted);font-size:14px;white-space:nowrap;margin-right:8px;padding-right:8px;border-right:1px solid var(--color-border-strong);user-select:none}.input-group input{flex:1;min-width:0;color:var(--color-input-text);font-size:14px;height:100%;padding:0}.input-clear{background:none;border:none;color:var(--color-text-subtle);font-size:16px;cursor:pointer;padding:0 0 0 8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}.input-clear:hover{color:var(--color-text-muted)}.input-suffix-text{color:var(--color-text-muted);font-size:13px;white-space:nowrap;padding-left:8px;user-select:none;flex-shrink:0}.input-suffix-btn{background:none;border:none;color:var(--color-text-muted);font-size:13px;cursor:pointer;white-space:nowrap;padding:4px 0;transition:color .2s}.input-suffix-btn:hover{color:var(--color-text-tertiary)}.login-btn{width:100%;height:48px;margin-top:12px;border:none;border-radius:24px;background:var(--color-brand);color:var(--color-text-on-light);font-size:15px;font-weight:500;cursor:pointer;transition:opacity .2s,transform .1s,background .2s,filter .2s}.login-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);background:var(--color-brand-hover)}[data-theme=light] .login-btn:not(:disabled){background:var(--color-state-success-gradient);color:var(--color-on-success)}[data-theme=light] .login-btn:hover:not(:disabled){background:var(--color-state-success-gradient);filter:brightness(1.03);opacity:1}.login-error{color:var(--color-state-error);font-size:13px;margin-top:4px}.login-btn:disabled,.input-suffix-btn:disabled{opacity:.5;cursor:not-allowed}.input-group input:disabled{color:var(--color-text-disabled)}.login-footer{margin-top:24px;text-align:center;width:100%}.login-footer p{font-size:11px;color:var(--color-text-subtle);line-height:1.6;margin:0}.login-footer a{color:var(--color-text-muted);text-decoration:none;transition:color .2s}.login-footer a:hover{color:var(--color-text-tertiary)}.invitation-code-group{border-style:dashed}.invitation-code-group:focus-within{border-style:dashed}.invitation-code-group input{letter-spacing:4px;font-size:15px;text-transform:none}@media (max-width: 480px){.login-modal-card{padding:32px 24px 24px}.login-title h1{font-size:20px}}[data-theme=dark]{--color-bg-page: #09090b;--color-bg-elevated: rgba(24, 24, 27, .85);--color-bg-panel: rgba(39, 39, 42, .97);--color-bg-surface: rgba(30, 30, 34, .42);--color-bg-surface-solid: rgba(30, 30, 34, .95);--color-bg-subtle: rgba(255, 255, 255, .06);--color-bg-faint: rgba(255, 255, 255, .04);--color-bg-hover: rgba(255, 255, 255, .08);--color-bg-active: rgba(255, 255, 255, .1);--color-bg-inset: rgba(0, 0, 0, .35);--color-input-bg: rgba(255, 255, 255, .06);--color-input-border: rgba(255, 255, 255, .1);--color-input-border-hover: rgba(255, 255, 255, .18);--color-input-border-focus: rgba(59, 130, 246, .85);--color-input-text: rgba(255, 255, 255, .94);--color-input-placeholder: rgba(255, 255, 255, .45);--color-input-radius: 4px;--color-input-height: 40px;--color-input-padding-x: 12px;--color-input-focus-shadow: 0 0 0 2px rgba(59, 130, 246, .18);--color-input-disabled-bg: rgba(255, 255, 255, .03);--color-input-disabled-text: rgba(255, 255, 255, .38);--color-bg-input: var(--color-input-bg);--color-border-default: rgba(255, 255, 255, .08);--color-border-subtle: rgba(255, 255, 255, .06);--color-border-strong: rgba(255, 255, 255, .12);--color-border-focus: rgba(255, 255, 255, .15);--color-border-node: rgba(255, 255, 255, .22);--color-border-node-inset: rgba(255, 255, 255, .12);--color-text-body: #e0e0e0;--color-text-primary: #fff;--color-text-secondary: rgba(255, 255, 255, .85);--color-text-tertiary: rgba(255, 255, 255, .72);--color-text-muted: rgba(255, 255, 255, .45);--color-text-subtle: rgba(255, 255, 255, .35);--color-text-faint: rgba(255, 255, 255, .28);--color-text-disabled: rgba(255, 255, 255, .38);--color-text-icon: rgba(255, 255, 255, .6);--color-text-icon-muted: rgba(255, 255, 255, .4);--color-text-on-light: #1a1a1a;--color-accent-primary: #3b82f6;--color-accent-primary-soft: rgba(59, 130, 246, .18);--color-accent-focus: rgba(96, 165, 250, .72);--color-accent-focus-ring: rgba(59, 130, 246, .18);--color-accent-purple: #a855f7;--color-accent-purple-soft: rgba(168, 85, 247, .15);--color-brand: #9afc6d;--color-brand-hover: #b3ff85;--color-brand-soft: rgba(154, 252, 109, .3);--color-brand-ring: rgba(154, 252, 109, .45);--color-credit: #5eead4;--color-vip: #76c543;--color-vip-bg: #1e2c19;--color-vip-border: rgba(118, 197, 67, .35);--color-state-success: #4caf50;--color-state-success-bright: #4ade80;--color-state-success-bg: rgba(76, 175, 80, .12);--color-state-success-ring: rgba(76, 175, 80, .2);--color-state-success-gradient: #4caf50;--color-on-success: #fff;--color-state-error: #ef4444;--color-state-error-bg: rgba(239, 68, 68, .12);--color-state-error-text: #fca5a5;--color-state-warning: #f59e0b;--color-overlay: rgba(0, 0, 0, .55);--color-overlay-heavy: rgba(0, 0, 0, .85);--color-shadow: rgba(0, 0, 0, .38);--color-shadow-strong: rgba(0, 0, 0, .5);--color-modal-overlay: rgba(0, 0, 0, .55);--color-modal-overlay-heavy: rgba(0, 0, 0, .7);--color-modal-bg: #1c1d20;--color-modal-bg-wide: #121212;--color-modal-bg-elevated: rgba(39, 39, 42, .97);--color-modal-border: rgba(255, 255, 255, .08);--color-modal-border-subtle: rgba(255, 255, 255, .06);--color-modal-shadow: 0 24px 60px rgba(0, 0, 0, .55);--color-modal-title: rgba(255, 255, 255, .92);--color-modal-text: rgba(255, 255, 255, .62);--color-modal-text-muted: rgba(255, 255, 255, .5);--color-modal-close: rgba(255, 255, 255, .55);--color-modal-close-hover-bg: rgba(255, 255, 255, .06);--color-modal-close-hover: rgba(255, 255, 255, .92);--color-modal-tab-track: rgba(0, 0, 0, .2);--color-modal-tab-active-bg: rgba(255, 255, 255, .1);--color-modal-input-bg: var(--color-input-bg);--color-modal-input-border: var(--color-input-border);--color-modal-input-text: var(--color-input-text);--color-modal-input-placeholder: var(--color-input-placeholder);--color-modal-btn-ghost-border: rgba(255, 255, 255, .12);--color-modal-btn-ghost-text: rgba(255, 255, 255, .7);--color-modal-btn-primary-bg: #4caf50;--color-modal-btn-primary-hover: #5cb85e;--color-modal-btn-danger-bg: #e85d5d;--color-modal-btn-danger-hover: #ef6b6b;--color-modal-lightbox-overlay: rgba(0, 0, 0, .85);--color-modal-lightbox-control-bg: rgba(255, 255, 255, .1);--color-modal-lightbox-control-hover: rgba(255, 255, 255, .2);--color-modal-surface-bg: rgba(255, 255, 255, .06);--color-modal-surface-border: rgba(255, 255, 255, .12);--color-modal-surface-border-hover: rgba(255, 255, 255, .25);--color-modal-surface-hover-bg: rgba(255, 255, 255, .08);--color-modal-surface-active-bg: #3a3a3a;--color-modal-surface-active-border: rgba(255, 255, 255, .12);--color-modal-menu-bg: #2a2a2a;--color-modal-menu-border: rgba(255, 255, 255, .1);--color-modal-menu-text: #e0e0e0;--color-modal-menu-hover-bg: rgba(255, 255, 255, .08);--color-modal-upload-border: rgba(255, 255, 255, .15);--color-modal-upload-bg: rgba(255, 255, 255, .02);--color-modal-upload-hover-border: rgba(255, 255, 255, .4);--color-modal-upload-hover-bg: rgba(255, 255, 255, .06);--color-modal-secondary-btn-bg: rgba(255, 255, 255, .06);--color-modal-secondary-btn-border: rgba(255, 255, 255, .12);--color-modal-action-btn-bg: #4a4a4a;--color-modal-action-btn-border: rgba(255, 255, 255, .15);--color-modal-action-btn-hover-bg: #5a5a5a;--color-modal-card-bg: #181818;--color-modal-card-name-text: #bbbbbb;--color-modal-card-hover-border: rgba(255, 255, 255, .3);--color-modal-preset-bg: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .01) 100%);--color-modal-preset-bg-active: linear-gradient(180deg, rgba(94, 234, 212, .12) 0%, rgba(94, 234, 212, .03) 100%);--color-modal-preset-active-border: #5eead4;--color-modal-preset-active-shadow: 0 8px 24px rgba(94, 234, 212, .15), 0 0 0 1px #5eead4 inset;--color-modal-accent-credit: #5eead4;--color-modal-footer-bg: rgba(0, 0, 0, .1);--color-modal-footer-border: rgba(255, 255, 255, .08);--color-modal-batch-item-bg: rgba(255, 255, 255, .03);--color-modal-upload-hint: #666666;--color-modal-upload-hint-hover: #999999;--color-modal-page-ellipsis: #666666;--color-modal-tab-hover-text: #e0e0e0;--color-modal-tab-active-hover-bg: #444444;--color-modal-search-icon-btn: #d0d0d0;--color-modal-rename-counter: #777777;--color-modal-agreement-list-text: #bbbbbb;--color-glass-border: rgba(255, 255, 255, .08);--color-scrollbar-track: rgba(255, 255, 255, .08);--color-scrollbar-thumb: rgba(255, 255, 255, .9);--color-tooltip-bg: #e8e8e8;--color-tooltip-text: #1a1a1a;--color-select-trigger-bg: #1a1a1c;--color-select-trigger-border: rgba(255, 255, 255, .1);--color-select-trigger-border-hover: rgba(255, 255, 255, .18);--color-select-trigger-border-active: rgba(59, 130, 246, .85);--color-select-trigger-text: rgba(255, 255, 255, .88);--color-select-trigger-placeholder: rgba(255, 255, 255, .45);--color-select-trigger-chevron: rgba(255, 255, 255, .55);--color-select-trigger-focus-ring: rgba(59, 130, 246, .28);--color-select-trigger-open-shadow: 0 0 0 2px rgba(59, 130, 246, .32);--color-select-menu-bg: #262626;--color-select-menu-border: rgba(255, 255, 255, .08);--color-select-menu-shadow: 0 8px 28px rgba(0, 0, 0, .45);--color-select-option-text: rgba(255, 255, 255, .78);--color-select-option-hover-bg: rgba(255, 255, 255, .06);--color-select-option-hover-text: rgba(255, 255, 255, .92);--color-select-option-selected-bg: rgba(255, 255, 255, .12);--color-select-option-selected-text: #ffffff;--color-select-option-disabled-text: rgba(255, 255, 255, .28);--color-select-radius: 8px;--color-inverted-btn-bg: #ffffff;--color-inverted-btn-fg: #1a1a1a;--color-inverted-btn-border: #ffffff;--color-inverted-btn-hover-bg: #f4f4f5;--color-inverted-btn-hover-border: #f4f4f5}[data-theme=light]{--color-neutral-text-primary: #303133;--color-neutral-text-regular: #606266;--color-neutral-text-secondary: #909399;--color-neutral-text-placeholder: #c0c4cc;--color-neutral-border-1: #dcdfe6;--color-neutral-border-2: #e4e7ed;--color-neutral-border-3: #ebeef5;--color-neutral-border-4: #f2f6fc;--color-neutral-black: #000000;--color-neutral-white: #ffffff;--color-bg-page: #f4f4f5;--color-bg-elevated: rgba(255, 255, 255, .92);--color-bg-panel: var(--color-neutral-white);--color-bg-surface: rgba(255, 255, 255, .78);--color-bg-surface-solid: rgba(255, 255, 255, .95);--color-bg-subtle: var(--color-neutral-border-4);--color-bg-faint: var(--color-neutral-border-3);--color-bg-hover: var(--color-neutral-border-3);--color-bg-active: var(--color-neutral-border-2);--color-bg-inset: var(--color-neutral-border-3);--color-input-bg: var(--color-neutral-white);--color-input-border: var(--color-neutral-border-1);--color-input-border-hover: var(--color-neutral-text-placeholder);--color-input-border-focus: #2563eb;--color-input-text: var(--color-neutral-text-regular);--color-input-placeholder: var(--color-neutral-text-placeholder);--color-input-radius: 4px;--color-input-height: 40px;--color-input-padding-x: 15px;--color-input-focus-shadow: 0 0 0 2px rgba(37, 99, 235, .15);--color-input-disabled-bg: var(--color-neutral-border-4);--color-input-disabled-text: var(--color-neutral-text-placeholder);--color-bg-input: var(--color-input-bg);--color-border-default: var(--color-neutral-border-1);--color-border-subtle: var(--color-neutral-border-2);--color-border-strong: var(--color-neutral-border-1);--color-border-focus: var(--color-neutral-text-secondary);--color-border-node: var(--color-neutral-border-1);--color-border-node-inset: var(--color-neutral-border-3);--color-text-body: var(--color-neutral-text-regular);--color-text-primary: var(--color-neutral-text-primary);--color-text-secondary: var(--color-neutral-text-regular);--color-text-tertiary: var(--color-neutral-text-secondary);--color-text-muted: var(--color-neutral-text-secondary);--color-text-subtle: var(--color-neutral-text-placeholder);--color-text-faint: var(--color-neutral-text-placeholder);--color-text-disabled: var(--color-neutral-text-placeholder);--color-text-icon: var(--color-neutral-text-secondary);--color-text-icon-muted: var(--color-neutral-text-placeholder);--color-text-on-light: var(--color-neutral-text-primary);--color-accent-primary: #2563eb;--color-accent-primary-soft: rgba(37, 99, 235, .12);--color-accent-focus: rgba(37, 99, 235, .72);--color-accent-focus-ring: rgba(37, 99, 235, .15);--color-accent-purple: #9333ea;--color-accent-purple-soft: rgba(147, 51, 234, .1);--color-brand: #67c23a;--color-brand-hover: #85ce61;--color-brand-soft: rgba(103, 194, 58, .32);--color-brand-ring: rgba(103, 194, 58, .42);--color-credit: #0d9488;--color-vip: #5daf34;--color-vip-bg: rgba(103, 194, 58, .14);--color-vip-border: rgba(103, 194, 58, .38);--color-state-success: #67c23a;--color-state-success-bright: #67c23a;--color-state-success-bg: rgba(103, 194, 58, .18);--color-state-success-ring: rgba(103, 194, 58, .3);--color-state-success-gradient: linear-gradient(134.86deg, #67c23a 9.43%, #85ce61 93.37%);--color-on-success: var(--color-neutral-text-primary);--color-state-error: #dc2626;--color-state-error-bg: rgba(220, 38, 38, .1);--color-state-error-text: #dc2626;--color-state-warning: #d97706;--color-overlay: rgba(0, 0, 0, .35);--color-overlay-heavy: rgba(0, 0, 0, .55);--color-shadow: rgba(0, 0, 0, .12);--color-shadow-strong: rgba(0, 0, 0, .2);--color-modal-overlay: rgba(0, 0, 0, .35);--color-modal-overlay-heavy: rgba(0, 0, 0, .45);--color-modal-bg: var(--color-neutral-white);--color-modal-bg-wide: var(--color-neutral-white);--color-modal-bg-elevated: var(--color-neutral-white);--color-modal-border: var(--color-neutral-border-1);--color-modal-border-subtle: var(--color-neutral-border-2);--color-modal-shadow: 0 24px 48px rgba(0, 0, 0, .12), 0 0 0 1px var(--color-neutral-border-3) inset;--color-modal-title: var(--color-neutral-text-primary);--color-modal-text: var(--color-neutral-text-regular);--color-modal-text-muted: var(--color-neutral-text-secondary);--color-modal-close: var(--color-neutral-text-secondary);--color-modal-close-hover-bg: var(--color-neutral-border-4);--color-modal-close-hover: var(--color-neutral-text-primary);--color-modal-tab-track: var(--color-neutral-border-4);--color-modal-tab-active-bg: var(--color-neutral-white);--color-modal-input-bg: var(--color-input-bg);--color-modal-input-border: var(--color-input-border);--color-modal-input-text: var(--color-input-text);--color-modal-input-placeholder: var(--color-input-placeholder);--color-modal-btn-ghost-border: var(--color-neutral-border-1);--color-modal-btn-ghost-text: var(--color-neutral-text-regular);--color-modal-btn-primary-bg: var(--color-state-success);--color-modal-btn-primary-hover: var(--color-state-success-bright);--color-modal-btn-danger-bg: #dc2626;--color-modal-btn-danger-hover: #ef4444;--color-modal-lightbox-overlay: rgba(0, 0, 0, .72);--color-modal-lightbox-control-bg: rgba(255, 255, 255, .12);--color-modal-lightbox-control-hover: rgba(255, 255, 255, .22);--color-modal-surface-bg: var(--color-neutral-white);--color-modal-surface-border: var(--color-neutral-border-1);--color-modal-surface-border-hover: var(--color-neutral-text-placeholder);--color-modal-surface-hover-bg: var(--color-neutral-border-4);--color-modal-surface-active-bg: var(--color-neutral-border-4);--color-modal-surface-active-border: var(--color-neutral-border-1);--color-modal-menu-bg: var(--color-neutral-white);--color-modal-menu-border: var(--color-neutral-border-1);--color-modal-menu-text: var(--color-neutral-text-regular);--color-modal-menu-hover-bg: var(--color-neutral-border-4);--color-modal-upload-border: var(--color-neutral-border-1);--color-modal-upload-bg: var(--color-neutral-white);--color-modal-upload-hover-border: var(--color-neutral-text-placeholder);--color-modal-upload-hover-bg: var(--color-neutral-border-4);--color-modal-secondary-btn-bg: var(--color-neutral-white);--color-modal-secondary-btn-border: var(--color-neutral-border-1);--color-modal-action-btn-bg: var(--color-neutral-border-4);--color-modal-action-btn-border: var(--color-neutral-border-1);--color-modal-action-btn-hover-bg: var(--color-neutral-border-3);--color-modal-card-bg: var(--color-neutral-border-4);--color-modal-card-name-text: var(--color-neutral-text-secondary);--color-modal-preset-bg: var(--color-neutral-white);--color-modal-preset-bg-active: rgba(103, 194, 58, .1);--color-modal-preset-active-border: var(--color-brand);--color-modal-preset-active-shadow: 0 8px 24px rgba(103, 194, 58, .15), 0 0 0 1px var(--color-brand) inset;--color-modal-accent-credit: var(--color-brand);--color-modal-footer-bg: var(--color-neutral-border-4);--color-modal-footer-border: var(--color-neutral-border-2);--color-modal-batch-item-bg: var(--color-neutral-white);--color-modal-upload-hint: var(--color-neutral-text-secondary);--color-modal-upload-hint-hover: var(--color-neutral-text-regular);--color-modal-page-ellipsis: var(--color-neutral-text-secondary);--color-modal-tab-hover-text: var(--color-neutral-text-regular);--color-modal-tab-active-hover-bg: var(--color-neutral-border-3);--color-modal-search-icon-btn: var(--color-neutral-text-secondary);--color-modal-rename-counter: var(--color-neutral-text-secondary);--color-modal-agreement-list-text: var(--color-neutral-text-regular);--color-glass-border: var(--color-neutral-border-2);--color-scrollbar-track: var(--color-neutral-border-3);--color-scrollbar-thumb: var(--color-neutral-text-placeholder);--color-tooltip-bg: var(--color-neutral-text-primary);--color-tooltip-text: var(--color-neutral-white);--color-select-trigger-bg: var(--color-neutral-white);--color-select-trigger-border: var(--color-neutral-border-1);--color-select-trigger-border-hover: var(--color-neutral-text-placeholder);--color-select-trigger-border-active: #2563eb;--color-select-trigger-text: var(--color-neutral-text-regular);--color-select-trigger-placeholder: var(--color-neutral-text-placeholder);--color-select-trigger-chevron: var(--color-neutral-text-placeholder);--color-select-trigger-focus-ring: rgba(37, 99, 235, .15);--color-select-trigger-open-shadow: none;--color-select-menu-bg: var(--color-neutral-white);--color-select-menu-border: var(--color-neutral-border-2);--color-select-menu-shadow: 0 2px 12px rgba(0, 0, 0, .1);--color-select-option-text: var(--color-neutral-text-regular);--color-select-option-hover-bg: var(--color-neutral-border-4);--color-select-option-hover-text: var(--color-neutral-text-primary);--color-select-option-selected-bg: #ecf5ff;--color-select-option-selected-text: var(--color-neutral-text-primary);--color-select-option-disabled-text: var(--color-neutral-text-placeholder);--color-select-radius: 6px;--color-inverted-btn-bg: var(--color-neutral-text-primary);--color-inverted-btn-fg: var(--color-neutral-white);--color-inverted-btn-border: var(--color-neutral-text-primary);--color-inverted-btn-hover-bg: var(--color-neutral-text-regular);--color-inverted-btn-hover-border: var(--color-neutral-text-regular)}html:not([data-theme]){color-scheme:dark}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}[data-theme=dark]{--canvas-color-edge-cut-bg: #35353b;--canvas-color-edge-cut-fg: #ffffff;--canvas-elements-sidebar-width: 300px;--canvas-elements-sidebar-ease: cubic-bezier(.22, 1, .36, 1);--canvas-elements-sidebar-duration: .28s;--canvas-color-bg-page: var(--color-bg-page);--canvas-color-bg-elevated: var(--color-bg-elevated);--canvas-color-bg-panel: var(--color-bg-panel);--canvas-color-bg-surface: var(--color-bg-surface);--canvas-color-bg-surface-solid: var(--color-bg-surface-solid);--canvas-color-bg-subtle: var(--color-bg-subtle);--canvas-color-bg-faint: var(--color-bg-faint);--canvas-color-bg-hover: var(--color-bg-hover);--canvas-color-bg-active: var(--color-bg-active);--canvas-color-bg-input: var(--color-bg-input);--canvas-color-bg-inset: var(--color-bg-inset);--canvas-color-input-bg: var(--color-input-bg);--canvas-color-input-border: var(--color-input-border);--canvas-color-input-border-hover: var(--color-input-border-hover);--canvas-color-input-border-focus: var(--color-input-border-focus);--canvas-color-input-text: var(--color-input-text);--canvas-color-input-placeholder: var(--color-input-placeholder);--canvas-color-input-radius: var(--color-input-radius);--canvas-color-input-focus-shadow: var(--color-input-focus-shadow);--canvas-color-border-default: var(--color-border-default);--canvas-color-border-subtle: var(--color-border-subtle);--canvas-color-border-strong: var(--color-border-strong);--canvas-color-border-focus: var(--color-border-focus);--canvas-color-border-node: var(--color-border-node);--canvas-color-border-node-inset: var(--color-border-node-inset);--canvas-color-text-body: var(--color-text-body);--canvas-color-text-primary: var(--color-text-primary);--canvas-color-text-secondary: var(--color-text-secondary);--canvas-color-text-tertiary: var(--color-text-tertiary);--canvas-color-text-muted: var(--color-text-muted);--canvas-color-text-subtle: var(--color-text-subtle);--canvas-color-text-faint: var(--color-text-faint);--canvas-color-text-disabled: var(--color-text-disabled);--canvas-color-text-icon: var(--color-text-icon);--canvas-color-text-icon-muted: var(--color-text-icon-muted);--canvas-color-accent-primary: var(--color-accent-primary);--canvas-color-accent-primary-soft: var(--color-accent-primary-soft);--canvas-color-accent-focus: var(--color-accent-focus);--canvas-color-accent-focus-ring: var(--color-accent-focus-ring);--canvas-color-accent-purple: var(--color-accent-purple);--canvas-color-accent-purple-soft: var(--color-accent-purple-soft);--canvas-color-state-success: var(--color-state-success);--canvas-color-state-success-bright: var(--color-state-success-bright);--canvas-color-state-success-bg: var(--color-state-success-bg);--canvas-color-state-success-ring: var(--color-state-success-ring);--canvas-color-state-success-gradient: var(--color-state-success-gradient);--canvas-color-on-success: var(--color-on-success);--canvas-color-state-error: var(--color-state-error);--canvas-color-state-error-bg: var(--color-state-error-bg);--canvas-color-state-warning: var(--color-state-warning);--canvas-color-overlay: var(--color-overlay);--canvas-color-overlay-heavy: var(--color-overlay-heavy);--canvas-color-shadow: var(--color-shadow);--canvas-color-shadow-strong: var(--color-shadow-strong);--canvas-color-glass-border: var(--color-glass-border);--canvas-color-scrollbar-track: var(--color-scrollbar-track);--canvas-color-scrollbar-thumb: var(--color-scrollbar-thumb);--canvas-color-select-trigger-bg: var(--color-select-trigger-bg);--canvas-color-select-trigger-border: var(--color-select-trigger-border);--canvas-color-select-trigger-border-hover: var(--color-select-trigger-border-hover);--canvas-color-select-trigger-border-active: var(--color-select-trigger-border-active);--canvas-color-select-trigger-text: var(--color-select-trigger-text);--canvas-color-select-trigger-placeholder: var(--color-select-trigger-placeholder);--canvas-color-select-trigger-chevron: var(--color-select-trigger-chevron);--canvas-color-select-trigger-focus-ring: var(--color-select-trigger-focus-ring);--canvas-color-select-trigger-open-shadow: var(--color-select-trigger-open-shadow);--canvas-color-select-menu-bg: var(--color-select-menu-bg);--canvas-color-select-menu-border: var(--color-select-menu-border);--canvas-color-select-menu-shadow: var(--color-select-menu-shadow);--canvas-color-select-option-text: var(--color-select-option-text);--canvas-color-select-option-hover-bg: var(--color-select-option-hover-bg);--canvas-color-select-option-hover-text: var(--color-select-option-hover-text);--canvas-color-select-option-selected-bg: var(--color-select-option-selected-bg);--canvas-color-select-option-selected-text: var(--color-select-option-selected-text);--canvas-color-select-option-disabled-text: var(--color-select-option-disabled-text);--canvas-color-select-radius: var(--color-select-radius);--canvas-color-flow-bg: #09090b;--canvas-color-flow-dot: rgba(255, 255, 255, .08);--canvas-color-minimap-bg: rgba(24, 24, 27, .9);--canvas-color-minimap-mask: rgba(0, 0, 0, .6);--canvas-toolbar-add-bg: rgba(82, 155, 46, 1);--canvas-toolbar-add-bg-hover: #2f2f33;--canvas-toolbar-add-color: #ffffff;--canvas-toolbar-add-color-hover: #95d475;--canvas-toolbar-add-shadow: 0 2px 8px rgba(82, 155, 46, .28);--canvas-toolbar-add-shadow-hover: 0 2px 10px rgba(0, 0, 0, .22);--canvas-toolbar-add-border: rgba(64, 130, 36, .55);--canvas-toolbar-add-border-hover: rgba(63, 63, 70, .85);--canvas-color-handle-idle-bg: var(--canvas-color-bg-panel);--canvas-color-handle-border: var(--canvas-color-text-faint);--canvas-color-handle-hover-surface: rgba(20, 20, 24, .95);--canvas-color-handle-hover-border: var(--canvas-color-text-secondary);--canvas-color-handle-glow-1: var(--canvas-color-text-subtle);--canvas-color-handle-glow-2: var(--canvas-color-text-faint);--canvas-color-handle-glow-3: var(--canvas-color-border-strong);--canvas-color-handle-valid-border: rgba(56, 189, 248, .85);--canvas-color-handle-valid-glow-1: rgba(56, 189, 248, .32);--canvas-color-handle-valid-glow-2: rgba(56, 189, 248, .32);--canvas-color-handle-valid-glow-3: rgba(56, 189, 248, .18);--canvas-color-edge-hover-stroke: var(--canvas-color-state-success);--canvas-color-link-stroke: var(--canvas-color-border-focus);--canvas-color-handle-cross-filter: none;--canvas-color-edge-label-bg: rgba(24, 24, 27, .75);--canvas-color-edge-label-text: var(--canvas-color-text-icon);--canvas-color-edge-label-border: transparent;--canvas-color-link-thumb-border: var(--canvas-color-border-focus);--canvas-color-link-thumb-badge-bg: rgba(0, 0, 0, .7);--canvas-color-link-thumb-badge-text: var(--canvas-color-text-primary);--canvas-color-link-thumb-remove-bg: rgba(220, 38, 38, .92);--canvas-color-link-thumb-remove-bg-hover: rgba(239, 68, 68, 1);--canvas-color-link-thumb-remove-border: rgba(255, 255, 255, .72);--canvas-color-link-thumb-remove-text: #ffffff;--canvas-color-link-tip-bg: rgba(15, 23, 42, .95);--canvas-color-link-tip-border: rgba(148, 163, 184, .35);--canvas-color-link-tip-text: rgba(226, 232, 240, .95);--canvas-color-voice-slider-track: var(--canvas-color-border-default);--canvas-color-video-control-text: #ffffff;--canvas-color-video-control-text-muted: rgba(255, 255, 255, .88);--canvas-color-video-control-hover: rgba(255, 255, 255, .16);--canvas-color-video-control-track: rgba(255, 255, 255, .38);--canvas-color-video-control-fill: #67c23a;--canvas-color-video-control-thumb: #ffffff;--canvas-color-preset-item-bg: rgba(39, 39, 42, .9);--canvas-color-preset-item-bg-hover: rgba(63, 63, 70, .95);--canvas-color-preset-item-text: var(--canvas-color-text-secondary);--canvas-color-preset-item-text-hover: var(--canvas-color-text-primary);--canvas-color-quick-chip-bg: rgba(30, 41, 59, .8);--canvas-color-quick-chip-bg-hover: rgba(51, 65, 85, .95);--canvas-color-quick-chip-text: rgba(226, 232, 240, .92);--canvas-color-floating-panel-border: rgba(148, 163, 184, .25);--canvas-color-floating-panel-shadow: rgba(0, 0, 0, .4);--canvas-color-agent-panel-bg: rgb(32, 30, 32);--canvas-color-agent-panel-shadow: rgba(0, 0, 0, .25);--canvas-color-agent-trigger-bg: rgba(64, 184, 85, .98);--canvas-color-agent-trigger-border: rgba(24, 79, 37, .18);--canvas-color-agent-trigger-text: #fff;--canvas-color-agent-heading-text: #f4f4f5;--canvas-color-agent-input-text: #f4f4f5;--canvas-color-agent-model-text: #d4d4d8;--canvas-color-agent-model-text-active: #f4f4f5;--canvas-color-agent-menu-bg: #232326;--canvas-color-agent-user-bubble-bg: #2f9e6b;--canvas-color-agent-user-bubble-text: #ffffff;--canvas-color-agent-send-idle-bg: rgba(255, 255, 255, .1);--canvas-color-agent-send-idle-text: #0d0d0d;--canvas-color-agent-send-active-bg: linear-gradient(180deg, #b8f786 0%, #9afc6d 100%);--canvas-color-agent-send-active-bg-hover: linear-gradient(180deg, #c5fa92 0%, #a8fc7a 100%);--canvas-color-agent-send-active-text: #0d0d0d;--canvas-color-agent-stop-bg: rgba(255, 255, 255, .85);--canvas-color-agent-stop-text: #1a1a1a;--canvas-color-agent-stop-hover-bg: #fff;--canvas-color-agent-link: #86efac;--canvas-color-agent-accent: rgba(154, 252, 109, .75);--canvas-color-agent-model-dot: linear-gradient(180deg, #b8f786 0%, #9afc6d 100%);--canvas-color-agent-model-check: #9afc6d;--canvas-color-agent-focus-ring: rgba(154, 252, 109, .35);--canvas-color-agent-tooltip-bg: rgba(20, 20, 24, .96);--canvas-color-agent-md-heading: rgba(255, 255, 255, .94);--canvas-color-agent-session-bg: #27272a;--canvas-color-agent-session-border: #3f3f46;--canvas-color-agent-session-text: #a1a1aa;--canvas-color-agent-session-text-hover: #e4e4e7;--canvas-color-agent-session-meta: #71717a;--canvas-color-agent-session-active-bg: rgba(64, 184, 85, .12);--canvas-color-agent-session-active-bg-hover: rgba(64, 184, 85, .18);--canvas-color-agent-session-active-text: #86efac;--canvas-color-overview-sidebar-bg: #1a1a1e;--canvas-color-overview-tabs-track: #1a1a1f;--canvas-color-overview-tab-indicator: rgb(93, 158, 82);--canvas-color-overview-tab-active-text: #ffffff;--canvas-color-overview-accent: rgb(93, 158, 82);--canvas-color-overview-accent-text: #ffffff;--canvas-color-gen-estimate-bg: rgba(18, 18, 20, .78);--canvas-color-gen-estimate-border: var(--canvas-color-border-node);--canvas-color-gen-estimate-text: var(--canvas-color-text-primary);--canvas-color-grid-confirm-bg: rgba(28, 28, 30, .92);--canvas-color-grid-confirm-border: var(--canvas-color-border-default);--canvas-color-grid-confirm-shadow: 0 8px 24px var(--canvas-color-bg-inset);--canvas-color-grid-confirm-text: var(--canvas-color-text-secondary);--canvas-color-grid-confirm-text-muted: var(--canvas-color-text-muted);--canvas-color-grid-confirm-text-strong: var(--canvas-color-text-primary);--canvas-color-grid-confirm-text-cost: var(--canvas-color-text-tertiary);--canvas-color-grid-confirm-close-hover-bg: var(--canvas-color-bg-active);--canvas-color-grid-confirm-extra-placeholder: var(--canvas-color-text-icon-muted);--canvas-color-grid-confirm-extra-focus-border: rgba(59, 130, 246, .6);--canvas-color-video-trim-capsule-bg: rgba(28, 28, 30, .92);--canvas-color-video-trim-capsule-border: var(--canvas-color-border-default);--canvas-color-video-trim-capsule-shadow: 0 8px 24px var(--canvas-color-bg-inset);--canvas-color-video-trim-btn-bg: var(--canvas-color-border-default);--canvas-color-video-trim-btn-text: var(--canvas-color-text-secondary);--canvas-color-video-trim-btn-hover-bg: var(--canvas-color-border-strong);--canvas-color-video-trim-divider: var(--canvas-color-border-strong);--canvas-color-video-trim-text-muted: var(--canvas-color-text-subtle);--canvas-color-video-trim-text: var(--canvas-color-text-primary);--canvas-color-video-trim-processing-text: var(--canvas-color-text-primary);--canvas-color-video-trim-duration-text: var(--canvas-color-text-primary);--canvas-color-video-trim-selection-border: var(--canvas-color-text-primary);--canvas-color-video-trim-btn-active-bg: rgba(59, 130, 246, .22);--canvas-color-video-trim-btn-active-text: #93c5fd;--canvas-color-floating-toolbar-bg: var(--canvas-color-bg-panel);--canvas-color-floating-toolbar-border: var(--canvas-color-bg-active);--canvas-color-floating-toolbar-shadow: 0 4px 20px var(--canvas-color-bg-inset);--canvas-color-floating-toolbar-text: var(--canvas-color-text-primary);--canvas-color-floating-toolbar-text-muted: var(--canvas-color-text-muted);--canvas-color-floating-toolbar-btn-hover-bg: var(--canvas-color-border-default);--canvas-color-floating-toolbar-divider: var(--canvas-color-border-strong);--canvas-color-workbench-bg: rgba(20, 20, 22, .97);--canvas-color-workbench-border: var(--canvas-color-border-default);--canvas-color-workbench-accent-border: rgba(96, 165, 250, .35);--canvas-color-workbench-chip-bg: rgba(40, 40, 44, .85);--canvas-color-workbench-chip-bg-hover: rgba(60, 60, 64, .9);--canvas-color-workbench-segment-active-bg: var(--canvas-color-border-strong);--canvas-color-workbench-accent-active-bg: rgba(96, 165, 250, .12);--canvas-color-workbench-accent-active-border: rgba(96, 165, 250, .55);--canvas-color-workbench-primary-bg: var(--canvas-color-text-primary);--canvas-color-workbench-primary-text: #111111;--canvas-color-workbench-primary-muted: rgba(17, 17, 17, .72);--canvas-color-workbench-primary-hover: #f1f1f1;--canvas-color-multi-angle-bg: rgba(20, 20, 22, .97);--canvas-color-multi-angle-border: var(--canvas-color-border-default);--canvas-color-multi-angle-segment-track: var(--canvas-color-bg-faint);--canvas-color-multi-angle-segment-active-bg: var(--canvas-color-border-strong);--canvas-color-multi-angle-segment-active-shadow: none;--canvas-color-multi-angle-chip-bg: rgba(40, 40, 44, .85);--canvas-color-multi-angle-chip-bg-hover: rgba(60, 60, 64, .9);--canvas-color-multi-angle-stage-bg: var(--canvas-color-bg-faint);--canvas-color-multi-angle-stage-border: var(--canvas-color-border-subtle);--canvas-color-multi-angle-text-primary: var(--canvas-color-text-primary);--canvas-color-multi-angle-text-secondary: var(--canvas-color-text-secondary);--canvas-color-multi-angle-text-tertiary: var(--canvas-color-text-tertiary);--canvas-color-multi-angle-text-icon: var(--canvas-color-text-icon);--canvas-color-multi-angle-slider-track: var(--canvas-color-bg-active);--canvas-color-multi-angle-slider-thumb: var(--canvas-color-text-primary);--canvas-color-multi-angle-ghost-border: var(--canvas-color-border-default);--canvas-color-multi-angle-ghost-hover-bg: var(--canvas-color-bg-subtle);--canvas-color-multi-angle-shot-scale-bg: var(--canvas-color-bg-active);--canvas-color-multi-angle-primary-bg: #f4f4f5;--canvas-color-multi-angle-primary-text: #18181b;--canvas-color-multi-angle-primary-hover: #e4e4e7;--canvas-color-multi-angle-primary-muted: rgba(24, 24, 27, .65);--canvas-color-multi-angle-orbit: #9ca3af;--canvas-color-multi-angle-camera: #d1d5db;--canvas-color-multi-angle-camera-edge: #e5e7eb;--canvas-color-multi-angle-link: #a1a1aa;--canvas-color-context-menu-bg: #2c2c2c;--canvas-color-context-menu-border: var(--canvas-color-border-subtle);--canvas-color-context-menu-shadow: 0 12px 40px var(--canvas-color-overlay);--canvas-color-context-menu-compact-shadow: 0 8px 32px rgba(0, 0, 0, .45);--canvas-color-context-menu-divider: #444444;--canvas-color-context-menu-row-hover: var(--canvas-color-border-default)}[data-theme=light]{--canvas-color-edge-cut-bg: #dbe4ee;--canvas-color-edge-cut-fg: #243247;--canvas-elements-sidebar-width: 300px;--canvas-elements-sidebar-ease: cubic-bezier(.22, 1, .36, 1);--canvas-elements-sidebar-duration: .28s;--canvas-color-bg-page: var(--color-bg-page);--canvas-color-bg-elevated: var(--color-bg-elevated);--canvas-color-bg-panel: var(--color-bg-panel);--canvas-color-bg-surface: var(--color-bg-surface);--canvas-color-bg-surface-solid: var(--color-bg-surface-solid);--canvas-color-bg-subtle: var(--color-bg-subtle);--canvas-color-bg-faint: var(--color-bg-faint);--canvas-color-bg-hover: var(--color-bg-hover);--canvas-color-bg-active: var(--color-bg-active);--canvas-color-bg-input: var(--color-bg-input);--canvas-color-bg-inset: var(--color-bg-inset);--canvas-color-input-bg: var(--color-input-bg);--canvas-color-input-border: var(--color-input-border);--canvas-color-input-border-hover: var(--color-input-border-hover);--canvas-color-input-border-focus: var(--color-input-border-focus);--canvas-color-input-text: var(--color-input-text);--canvas-color-input-placeholder: var(--color-input-placeholder);--canvas-color-input-radius: var(--color-input-radius);--canvas-color-input-focus-shadow: var(--color-input-focus-shadow);--canvas-color-border-default: var(--color-border-default);--canvas-color-border-subtle: var(--color-border-subtle);--canvas-color-border-strong: var(--color-border-strong);--canvas-color-border-focus: var(--color-border-focus);--canvas-color-border-node: var(--color-border-node);--canvas-color-border-node-inset: var(--color-border-node-inset);--canvas-color-text-body: var(--color-text-body);--canvas-color-text-primary: var(--color-text-primary);--canvas-color-text-secondary: var(--color-text-secondary);--canvas-color-text-tertiary: var(--color-text-tertiary);--canvas-color-text-muted: var(--color-text-muted);--canvas-color-text-subtle: var(--color-text-subtle);--canvas-color-text-faint: var(--color-text-faint);--canvas-color-text-disabled: var(--color-text-disabled);--canvas-color-text-icon: var(--color-text-icon);--canvas-color-text-icon-muted: var(--color-text-icon-muted);--canvas-color-accent-primary: var(--color-accent-primary);--canvas-color-accent-primary-soft: var(--color-accent-primary-soft);--canvas-color-accent-focus: var(--color-accent-focus);--canvas-color-accent-focus-ring: var(--color-accent-focus-ring);--canvas-color-accent-purple: var(--color-accent-purple);--canvas-color-accent-purple-soft: var(--color-accent-purple-soft);--canvas-color-state-success: var(--color-state-success);--canvas-color-state-success-bright: var(--color-state-success-bright);--canvas-color-state-success-bg: var(--color-state-success-bg);--canvas-color-state-success-ring: var(--color-state-success-ring);--canvas-color-state-success-gradient: var(--color-state-success-gradient);--canvas-color-on-success: var(--color-on-success);--canvas-color-state-error: var(--color-state-error);--canvas-color-state-error-bg: var(--color-state-error-bg);--canvas-color-state-warning: var(--color-state-warning);--canvas-color-overlay: var(--color-overlay);--canvas-color-overlay-heavy: var(--color-overlay-heavy);--canvas-color-shadow: var(--color-shadow);--canvas-color-shadow-strong: var(--color-shadow-strong);--canvas-color-glass-border: var(--color-glass-border);--canvas-color-scrollbar-track: var(--color-scrollbar-track);--canvas-color-scrollbar-thumb: var(--color-scrollbar-thumb);--canvas-color-select-trigger-bg: var(--color-select-trigger-bg);--canvas-color-select-trigger-border: var(--color-select-trigger-border);--canvas-color-select-trigger-border-hover: var(--color-select-trigger-border-hover);--canvas-color-select-trigger-border-active: var(--color-select-trigger-border-active);--canvas-color-select-trigger-text: var(--color-select-trigger-text);--canvas-color-select-trigger-placeholder: var(--color-select-trigger-placeholder);--canvas-color-select-trigger-chevron: var(--color-select-trigger-chevron);--canvas-color-select-trigger-focus-ring: var(--color-select-trigger-focus-ring);--canvas-color-select-trigger-open-shadow: var(--color-select-trigger-open-shadow);--canvas-color-select-menu-bg: var(--color-select-menu-bg);--canvas-color-select-menu-border: var(--color-select-menu-border);--canvas-color-select-menu-shadow: var(--color-select-menu-shadow);--canvas-color-select-option-text: var(--color-select-option-text);--canvas-color-select-option-hover-bg: var(--color-select-option-hover-bg);--canvas-color-select-option-hover-text: var(--color-select-option-hover-text);--canvas-color-select-option-selected-bg: var(--color-select-option-selected-bg);--canvas-color-select-option-selected-text: var(--color-select-option-selected-text);--canvas-color-select-option-disabled-text: var(--color-select-option-disabled-text);--canvas-color-select-radius: var(--color-select-radius);--canvas-color-flow-bg: #f4f4f5;--canvas-color-flow-dot: rgba(0, 0, 0, .12);--canvas-color-minimap-bg: rgba(255, 255, 255, .95);--canvas-color-minimap-mask: rgba(0, 0, 0, .15);--canvas-sidebar-pill-bg: rgba(255, 255, 255, .82);--canvas-sidebar-pill-border: rgba(255, 255, 255, .92);--canvas-sidebar-pill-shadow: 0 8px 32px rgba(31, 41, 55, .08), inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 -1px 0 rgba(255, 255, 255, .45);--canvas-sidebar-pill-backdrop: blur(20px) saturate(180%);--canvas-sidebar-btn-hover-bg: rgba(15, 23, 42, .06);--canvas-sidebar-btn-hover-shadow: 0 2px 10px rgba(31, 41, 55, .1);--canvas-sidebar-btn-active-bg: rgba(15, 23, 42, .08);--canvas-toolbar-add-bg: rgba(82, 155, 46, 1);--canvas-toolbar-add-bg-hover: #3f3f46;--canvas-toolbar-add-color: #ffffff;--canvas-toolbar-add-color-hover: #67c23a;--canvas-toolbar-add-shadow: 0 2px 8px rgba(82, 155, 46, .28);--canvas-toolbar-add-shadow-hover: 0 2px 10px rgba(31, 41, 55, .14);--canvas-toolbar-add-border: rgba(64, 130, 36, .55);--canvas-toolbar-add-border-hover: rgba(82, 82, 91, .75);--canvas-color-handle-idle-bg: #ffffff;--canvas-color-handle-border: var(--canvas-color-accent-primary);--canvas-color-handle-hover-surface: rgba(255, 255, 255, .98);--canvas-color-handle-hover-border: var(--canvas-color-accent-primary);--canvas-color-handle-glow-1: rgba(37, 99, 235, .28);--canvas-color-handle-glow-2: rgba(37, 99, 235, .2);--canvas-color-handle-glow-3: rgba(37, 99, 235, .12);--canvas-color-handle-valid-border: rgba(37, 99, 235, .92);--canvas-color-handle-valid-glow-1: rgba(37, 99, 235, .32);--canvas-color-handle-valid-glow-2: rgba(37, 99, 235, .24);--canvas-color-handle-valid-glow-3: rgba(37, 99, 235, .14);--canvas-color-edge-hover-stroke: var(--canvas-color-accent-primary);--canvas-color-link-stroke: #c0c4cc;--canvas-color-handle-cross-filter: brightness(0) saturate(100%);--canvas-color-edge-label-bg: rgba(255, 255, 255, .96);--canvas-color-edge-label-text: var(--canvas-color-text-secondary);--canvas-color-edge-label-border: var(--canvas-color-border-default);--canvas-color-link-thumb-border: var(--canvas-color-border-default);--canvas-color-link-thumb-badge-bg: rgba(0, 0, 0, .58);--canvas-color-link-thumb-badge-text: #ffffff;--canvas-color-link-thumb-remove-bg: var(--canvas-color-state-error);--canvas-color-link-thumb-remove-bg-hover: #f56c6c;--canvas-color-link-thumb-remove-border: rgba(255, 255, 255, .92);--canvas-color-link-thumb-remove-text: #ffffff;--canvas-color-link-tip-bg: var(--canvas-color-bg-panel);--canvas-color-link-tip-border: var(--canvas-color-border-default);--canvas-color-link-tip-text: var(--canvas-color-text-primary);--canvas-color-voice-slider-track: var(--color-neutral-border-2);--canvas-color-video-control-text: #ffffff;--canvas-color-video-control-text-muted: rgba(255, 255, 255, .88);--canvas-color-video-control-hover: rgba(255, 255, 255, .16);--canvas-color-video-control-track: rgba(255, 255, 255, .38);--canvas-color-video-control-fill: #67c23a;--canvas-color-video-control-thumb: #ffffff;--canvas-color-preset-item-bg: var(--canvas-color-bg-subtle);--canvas-color-preset-item-bg-hover: var(--canvas-color-bg-hover);--canvas-color-preset-item-text: var(--canvas-color-text-primary);--canvas-color-preset-item-text-hover: var(--canvas-color-text-primary);--canvas-color-quick-chip-bg: var(--canvas-color-bg-subtle);--canvas-color-quick-chip-bg-hover: var(--canvas-color-bg-hover);--canvas-color-quick-chip-text: var(--canvas-color-text-secondary);--canvas-color-floating-panel-border: var(--canvas-color-border-default);--canvas-color-floating-panel-shadow: var(--canvas-color-shadow);--canvas-color-agent-panel-bg: rgba(255, 255, 255, .98);--canvas-color-agent-panel-shadow: var(--canvas-color-shadow-strong);--canvas-color-agent-trigger-bg: var(--canvas-color-state-success-gradient);--canvas-color-agent-trigger-border: var(--canvas-color-state-success-ring);--canvas-color-agent-trigger-text: var(--canvas-color-on-success);--canvas-color-agent-heading-text: var(--canvas-color-text-primary);--canvas-color-agent-input-text: var(--canvas-color-text-primary);--canvas-color-agent-model-text: var(--canvas-color-text-secondary);--canvas-color-agent-model-text-active: var(--canvas-color-text-primary);--canvas-color-agent-menu-bg: var(--canvas-color-bg-panel);--canvas-color-agent-user-bubble-bg: var(--canvas-color-accent-primary);--canvas-color-agent-user-bubble-text: #ffffff;--canvas-color-agent-send-idle-bg: var(--canvas-color-bg-active);--canvas-color-agent-send-idle-text: var(--canvas-color-text-muted);--canvas-color-agent-send-active-bg: var(--canvas-color-state-success-gradient);--canvas-color-agent-send-active-bg-hover: var(--canvas-color-state-success-gradient);--canvas-color-agent-send-active-text: var(--canvas-color-on-success);--canvas-color-agent-stop-bg: var(--canvas-color-bg-hover);--canvas-color-agent-stop-text: var(--canvas-color-text-primary);--canvas-color-agent-stop-hover-bg: var(--canvas-color-bg-active);--canvas-color-agent-link: var(--canvas-color-accent-primary);--canvas-color-agent-accent: var(--canvas-color-state-success);--canvas-color-agent-model-dot: var(--canvas-color-state-success-gradient);--canvas-color-agent-model-check: var(--canvas-color-state-success);--canvas-color-agent-focus-ring: var(--canvas-color-accent-focus-ring);--canvas-color-agent-tooltip-bg: var(--canvas-color-bg-panel);--canvas-color-agent-md-heading: var(--canvas-color-text-primary);--canvas-color-agent-session-bg: var(--canvas-color-bg-subtle);--canvas-color-agent-session-border: var(--canvas-color-border-default);--canvas-color-agent-session-text: var(--canvas-color-text-secondary);--canvas-color-agent-session-text-hover: var(--canvas-color-text-primary);--canvas-color-agent-session-meta: var(--canvas-color-text-muted);--canvas-color-agent-session-active-bg: var(--canvas-color-state-success-bg);--canvas-color-agent-session-active-bg-hover: rgba(103, 194, 58, .28);--canvas-color-agent-session-active-text: var(--canvas-color-state-success);--canvas-color-overview-sidebar-bg: rgba(255, 255, 255, .88);--canvas-color-overview-tabs-track: var(--canvas-color-bg-subtle);--canvas-color-overview-tab-indicator: var(--canvas-color-state-success-gradient);--canvas-color-overview-tab-active-text: var(--canvas-color-on-success);--canvas-color-overview-accent: var(--canvas-color-state-success-gradient);--canvas-color-overview-accent-text: var(--canvas-color-on-success);--canvas-color-gen-estimate-bg: var(--canvas-color-accent-primary-soft);--canvas-color-gen-estimate-border: rgba(37, 99, 235, .35);--canvas-color-gen-estimate-text: var(--canvas-color-accent-primary);--canvas-color-floating-toolbar-bg: rgba(39, 39, 42, .97);--canvas-color-floating-toolbar-border: rgba(255, 255, 255, .1);--canvas-color-floating-toolbar-shadow: 0 4px 20px rgba(0, 0, 0, .25);--canvas-color-floating-toolbar-text: #ffffff;--canvas-color-floating-toolbar-text-muted: rgba(255, 255, 255, .45);--canvas-color-floating-toolbar-btn-hover-bg: rgba(255, 255, 255, .08);--canvas-color-floating-toolbar-divider: rgba(255, 255, 255, .12);--canvas-color-grid-confirm-bg: rgba(39, 39, 42, .97);--canvas-color-grid-confirm-border: rgba(255, 255, 255, .1);--canvas-color-grid-confirm-shadow: 0 8px 24px rgba(0, 0, 0, .25);--canvas-color-grid-confirm-text: rgba(255, 255, 255, .85);--canvas-color-grid-confirm-text-muted: rgba(255, 255, 255, .45);--canvas-color-grid-confirm-text-strong: #ffffff;--canvas-color-grid-confirm-text-cost: rgba(255, 255, 255, .72);--canvas-color-grid-confirm-close-hover-bg: rgba(255, 255, 255, .08);--canvas-color-grid-confirm-extra-placeholder: rgba(255, 255, 255, .45);--canvas-color-grid-confirm-extra-focus-border: rgba(59, 130, 246, .75);--canvas-color-video-trim-capsule-bg: rgba(39, 39, 42, .97);--canvas-color-video-trim-capsule-border: rgba(255, 255, 255, .1);--canvas-color-video-trim-capsule-shadow: 0 8px 24px rgba(0, 0, 0, .25);--canvas-color-video-trim-btn-bg: rgba(255, 255, 255, .08);--canvas-color-video-trim-btn-text: rgba(255, 255, 255, .85);--canvas-color-video-trim-btn-hover-bg: rgba(255, 255, 255, .12);--canvas-color-video-trim-divider: rgba(255, 255, 255, .12);--canvas-color-video-trim-text-muted: rgba(255, 255, 255, .45);--canvas-color-video-trim-text: #ffffff;--canvas-color-video-trim-processing-text: #ffffff;--canvas-color-video-trim-duration-text: #ffffff;--canvas-color-video-trim-selection-border: #ffffff;--canvas-color-video-trim-btn-active-bg: rgba(59, 130, 246, .28);--canvas-color-video-trim-btn-active-text: #93c5fd;--canvas-color-on-success: #ffffff;--canvas-color-workbench-bg: var(--canvas-color-bg-panel);--canvas-color-workbench-border: var(--canvas-color-border-default);--canvas-color-workbench-accent-border: rgba(37, 99, 235, .35);--canvas-color-workbench-chip-bg: var(--canvas-color-bg-elevated);--canvas-color-workbench-chip-bg-hover: var(--canvas-color-bg-hover);--canvas-color-workbench-segment-active-bg: var(--canvas-color-bg-active);--canvas-color-workbench-accent-active-bg: var(--canvas-color-accent-primary-soft);--canvas-color-workbench-accent-active-border: var(--canvas-color-accent-primary);--canvas-color-workbench-primary-bg: var(--canvas-color-state-success-gradient);--canvas-color-workbench-primary-text: var(--canvas-color-on-success);--canvas-color-workbench-primary-muted: rgba(255, 255, 255, .78);--canvas-color-workbench-primary-hover: var(--canvas-color-state-success-gradient);--canvas-color-multi-angle-bg: rgba(39, 39, 42, .97);--canvas-color-multi-angle-border: rgba(255, 255, 255, .1);--canvas-color-multi-angle-segment-track: rgba(255, 255, 255, .06);--canvas-color-multi-angle-segment-active-bg: rgba(255, 255, 255, .12);--canvas-color-multi-angle-segment-active-shadow: none;--canvas-color-multi-angle-chip-bg: rgba(40, 40, 44, .85);--canvas-color-multi-angle-chip-bg-hover: rgba(60, 60, 64, .9);--canvas-color-multi-angle-stage-bg: rgba(255, 255, 255, .04);--canvas-color-multi-angle-stage-border: rgba(255, 255, 255, .08);--canvas-color-multi-angle-text-primary: #ffffff;--canvas-color-multi-angle-text-secondary: rgba(255, 255, 255, .85);--canvas-color-multi-angle-text-tertiary: rgba(255, 255, 255, .72);--canvas-color-multi-angle-text-icon: rgba(255, 255, 255, .6);--canvas-color-multi-angle-slider-track: rgba(255, 255, 255, .1);--canvas-color-multi-angle-slider-thumb: #ffffff;--canvas-color-multi-angle-ghost-border: rgba(255, 255, 255, .12);--canvas-color-multi-angle-ghost-hover-bg: rgba(255, 255, 255, .08);--canvas-color-multi-angle-shot-scale-bg: rgba(255, 255, 255, .1);--canvas-color-multi-angle-orbit: #9ca3af;--canvas-color-multi-angle-camera: #d1d5db;--canvas-color-multi-angle-camera-edge: #e5e7eb;--canvas-color-multi-angle-link: #a1a1aa;--canvas-color-context-menu-bg: #ffffff;--canvas-color-context-menu-border: var(--canvas-color-border-default);--canvas-color-context-menu-shadow: var(--canvas-color-shadow-strong);--canvas-color-context-menu-compact-shadow: 0 8px 24px rgba(0, 0, 0, .12);--canvas-color-context-menu-divider: var(--canvas-color-border-default);--canvas-color-context-menu-row-hover: var(--canvas-color-bg-hover)}[data-theme=light] .canvas-handle:hover:after,[data-theme=light] .canvas-handle:focus-visible:after,[data-theme=light] .react-flow__node:hover .canvas-handle:after,[data-theme=light] .react-flow__node.selected .canvas-handle:after,[data-theme=light] .react-flow__handle.canvas-handle.connectingto:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><line x1='2' y1='6' x2='10' y2='6' stroke='%232563eb' stroke-width='2' stroke-linecap='round'/><line x1='6' y1='2' x2='6' y2='10' stroke='%232563eb' stroke-width='2' stroke-linecap='round'/></svg>")}[data-theme=light] .canvas-prompt-generation-cost{color:var(--canvas-color-text-secondary)}[data-theme=light] .canvas-node-gen-error{background:var(--canvas-color-state-error-bg);color:#b91c1c}[data-theme=light] .canvas-node-gen-error-copy{color:#b91c1c}[data-theme=light] .canvas-node-gen-error-copy:hover{color:#991b1b}[data-theme=light] .canvas-node-gen-btn:not(.canvas-node-gen-btn-pending):not(:disabled),[data-theme=light] .agent-chat-send.active{background:var(--canvas-color-state-success-gradient);color:var(--canvas-color-on-success)}[data-theme=light] .agent-chat-trigger{background:var(--canvas-color-state-success-gradient);color:var(--canvas-color-on-success);border-color:var(--canvas-color-state-success-ring)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--color-border-default);border-radius:8px;background:var(--color-bg-subtle);color:var(--color-text-icon);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.theme-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.canvas-theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--color-text-icon);cursor:pointer;transition:background .15s,color .15s}.canvas-theme-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}[data-theme=light] .theme-toggle{background:var(--color-bg-panel);border-color:var(--color-border-default);color:var(--color-text-secondary)}[data-theme=light] .theme-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}[data-theme=light] .canvas-theme-toggle{background:transparent;border:none;color:var(--color-text-secondary)}[data-theme=light] .canvas-theme-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.app-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--color-modal-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:app-modal-fade .12s ease-out}.app-modal-overlay--heavy{background:var(--color-modal-overlay-heavy)}.app-modal-overlay--upper{align-items:flex-start;padding-top:clamp(72px,16vh,148px)}.app-modal-overlay--lightbox{z-index:9999;background:var(--color-modal-lightbox-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}@keyframes app-modal-fade{0%{opacity:0}to{opacity:1}}.app-modal-panel{box-sizing:border-box;width:min(92vw,400px);max-height:min(90vh,720px);display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--color-modal-border-subtle);background:var(--color-modal-bg);box-shadow:var(--color-modal-shadow);color:var(--color-text-primary);animation:app-modal-pop .16s ease-out}.app-modal-panel--wide{width:min(920px,calc(100vw - 32px));max-width:920px;background:var(--color-modal-bg-wide);border-color:var(--color-modal-border)}.app-modal-panel--lg{width:min(720px,92vw);max-width:720px;border-radius:24px;background:var(--color-modal-bg-elevated)}.app-modal-panel--xl{width:min(960px,92vw);max-width:960px;max-height:88vh;border-radius:16px}.app-modal-panel--compact{width:380px;max-width:92vw;border-radius:16px;overflow:hidden}@keyframes app-modal-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.app-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:18px 20px 0}.app-modal-title{margin:0;font-size:15px;font-weight:500;color:var(--color-modal-title);letter-spacing:.2px}.app-modal-title-spacer{flex:1}.app-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:auto;flex-shrink:0;border:none;border-radius:8px;background:transparent;color:var(--color-modal-close);cursor:pointer;transition:background .12s,color .12s}.app-modal-close svg{width:18px;height:18px}.app-modal-close:hover:not(:disabled){background:var(--color-modal-close-hover-bg);color:var(--color-modal-close-hover)}.app-modal-close:disabled{opacity:.4;cursor:not-allowed}.app-modal-body{flex:1;min-height:0;overflow-y:auto;padding:16px 24px 0;color:var(--color-modal-text)}.app-modal-panel--wide .app-modal-body{padding-top:8px}.app-modal-footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:8px;padding:18px 24px 20px}.app-modal-footer--bordered{margin-top:8px;padding-top:16px;border-top:1px solid var(--color-modal-border-subtle)}.app-modal-input{box-sizing:border-box;display:block;width:100%;height:var(--color-input-height, 40px);padding:0 var(--color-input-padding-x, 12px);border-radius:var(--color-input-radius, 4px);border:1px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-input-text);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.app-modal-input::placeholder{color:var(--color-input-placeholder)}.app-modal-input:hover:not(:disabled):not(:focus){border-color:var(--color-input-border-hover)}.app-modal-input:focus{border-color:var(--color-input-border-focus);box-shadow:var(--color-input-focus-shadow)}.app-modal-btn{height:32px;min-width:64px;padding:0 14px;border-radius:6px;font-size:13px;font-weight:400;cursor:pointer;border:1px solid transparent;transition:background .12s,border-color .12s,color .12s}.app-modal-btn--ghost{background:transparent;border-color:var(--color-modal-btn-ghost-border);color:var(--color-modal-btn-ghost-text)}.app-modal-btn--ghost:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.app-modal-btn--primary{background:var(--color-modal-btn-primary-bg);color:var(--color-on-success);font-weight:500}.app-alert-dialog-message{margin:0;font-size:14px;line-height:1.6;color:var(--color-modal-text);white-space:pre-wrap;word-break:break-word}.app-modal-btn--primary:hover:not(:disabled){background:var(--color-modal-btn-primary-hover)}.app-modal-btn:disabled{opacity:.45;cursor:not-allowed}.app-modal-btn--primary:disabled{background:var(--color-state-success-bg);color:var(--color-text-muted)}.app-modal-btn--danger{background:var(--color-state-error);color:#fff;font-weight:500}.app-modal-btn--danger:hover:not(:disabled){filter:brightness(.92)}.app-modal-btn--danger:disabled{background:var(--color-state-error-bg);color:var(--color-state-error-text)}.app-modal-tabs{display:flex;background:var(--color-modal-tab-track);border-radius:12px;padding:4px}.app-modal-tab{flex:1;padding:12px 0;background:transparent;border:none;border-radius:10px;color:var(--color-modal-text-muted);font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease}.app-modal-tab:hover{color:var(--color-text-secondary)}.app-modal-tab.active,.app-modal-tab--active{background:var(--color-modal-tab-active-bg);color:var(--color-text-primary);box-shadow:0 2px 8px var(--color-shadow)}:where(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=url],input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week],input:not([type]),textarea,select:not([multiple])){box-sizing:border-box;margin:0;height:auto;min-height:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;outline:none;font:inherit;color:inherit;line-height:inherit}:where(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=url],input:not([type])){appearance:none;-webkit-appearance:none}.app-input,input.app-input,textarea.app-input,select.app-input{box-sizing:border-box;display:block;width:100%;min-height:var(--color-input-height, 40px);padding:0 var(--color-input-padding-x, 12px);border-radius:var(--color-input-radius, 4px);border:1px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-input-text);font-size:14px;font-family:inherit;line-height:1.5;outline:none;appearance:none;-webkit-appearance:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}textarea.app-input{min-height:80px;padding-top:8px;padding-bottom:8px;resize:vertical}.app-input::placeholder,input.app-input::placeholder,textarea.app-input::placeholder{color:var(--color-input-placeholder)}.app-input:hover:not(:disabled):not(:focus),input.app-input:hover:not(:disabled):not(:focus),textarea.app-input:hover:not(:disabled):not(:focus),select.app-input:hover:not(:disabled):not(:focus){border-color:var(--color-input-border-hover)}.app-input:focus,input.app-input:focus,textarea.app-input:focus,select.app-input:focus{border-color:var(--color-input-border);box-shadow:none}.app-input:disabled,input.app-input:disabled,textarea.app-input:disabled,select.app-input:disabled{background:var(--color-input-disabled-bg);color:var(--color-input-disabled-text);cursor:not-allowed}.input-group input,.invitation-code-group input,.cvp-search-wrap .cvp-search-input{border:none;background:transparent;box-shadow:none;outline:none;border-radius:0;height:auto;min-height:0;padding:0;appearance:none;-webkit-appearance:none;color:var(--color-input-text)}.input-group input:is(:hover,:focus),.invitation-code-group input:is(:hover,:focus),.cvp-search-wrap .cvp-search-input:is(:hover,:focus){border:none;background:transparent;box-shadow:none;outline:none}.input-group,.invitation-code-group{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--color-input-radius);transition:border-color .15s ease,box-shadow .15s ease}.input-group:focus-within,.invitation-code-group:focus-within{border-color:var(--color-input-border);box-shadow:none}.input-group input::placeholder,.invitation-code-group input::placeholder{color:var(--color-input-placeholder)}.input-group input:-webkit-autofill,.input-group input:-webkit-autofill:hover,.input-group input:-webkit-autofill:focus,.input-group input:-webkit-autofill:active,.invitation-code-group input:-webkit-autofill,.invitation-code-group input:-webkit-autofill:hover,.invitation-code-group input:-webkit-autofill:focus,.invitation-code-group input:-webkit-autofill:active{-webkit-text-fill-color:var(--color-input-text)!important;caret-color:var(--color-input-text);box-shadow:0 0 0 1000px var(--color-input-bg) inset!important;transition:background-color 9999s ease-out 0s}.cvp-search-wrap{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--color-input-radius);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.cvp-search-wrap:focus-within{border-color:var(--color-input-border);box-shadow:none}.cvp-search-wrap .cvp-search-input::placeholder{color:var(--color-input-placeholder)}:root{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb, rgba(255, 255, 255, .9)) var(--color-scrollbar-track, rgba(255, 255, 255, .08))}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--color-scrollbar-track, rgba(255, 255, 255, .08));border-radius:999px}*::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb, rgba(255, 255, 255, .9));border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb, rgba(255, 255, 255, .98));background-clip:content-box}*::-webkit-scrollbar-corner{background:transparent}