:root{--color-bg-primary: #ffffff;--color-bg-secondary: #fafafa;--color-bg-canvas: #f0f0f0;--color-bg-elevated: #ffffff;--color-bg-overlay: rgba(255, 255, 255, .92);--color-surface: #ffffff;--color-surface-hover: #f5f5f5;--color-surface-active: #ebebeb;--color-surface-muted: #f8f8f8;--color-border: #e5e5e5;--color-border-hover: #d4d4d4;--color-border-light: #f0f0f0;--color-border-focus: rgba(99, 102, 241, .5);--color-text-primary: #0a0a0a;--color-text-secondary: #525252;--color-text-tertiary: #a3a3a3;--color-text-muted: #d4d4d4;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-accent-muted: rgba(99, 102, 241, .08);--color-accent-glow: rgba(99, 102, 241, .12);--color-node-text: #6366f1;--color-node-text-bg: rgba(99, 102, 241, .06);--color-node-text-border: rgba(99, 102, 241, .25);--color-node-image: #ec4899;--color-node-image-bg: rgba(236, 72, 153, .06);--color-node-image-border: rgba(236, 72, 153, .25);--color-node-video: #f97316;--color-node-video-bg: rgba(249, 115, 22, .06);--color-node-video-border: rgba(249, 115, 22, .25);--color-node-audio: #14b8a6;--color-node-audio-bg: rgba(20, 184, 166, .06);--color-node-audio-border: rgba(20, 184, 166, .25);--color-node-model: #d97706;--color-node-model-bg: rgba(217, 119, 6, .06);--color-node-model-border: rgba(217, 119, 6, .25);--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Outfit", "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .06), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-node: 0 1px 3px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .03);--shadow-node-hover: 0 2px 8px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .04);--shadow-node-selected: 0 0 0 2px var(--color-accent), 0 4px 16px rgba(99, 102, 241, .1);--shadow-float: 0 8px 30px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .1s var(--ease-out);--transition-normal: .18s var(--ease-out);--transition-slow: .3s var(--ease-in-out);--sidebar-width: 15rem;--navbar-height: 3rem;--bottombar-height: 2.5rem;--z-canvas: 0;--z-node: 10;--z-toolbar: 100;--z-sidebar: 200;--z-navbar: 300;--z-overlay: 400;--z-modal: 500;--z-tooltip: 600;--color-grid-dot: rgba(0, 0, 0, .07)}[data-theme=dark]{--color-bg-primary: #141414;--color-bg-secondary: #1a1a1a;--color-bg-canvas: #0f0f0f;--color-bg-elevated: #1e1e1e;--color-bg-overlay: rgba(20, 20, 20, .92);--color-surface: #1a1a1a;--color-surface-hover: #252525;--color-surface-active: #2e2e2e;--color-surface-muted: #1e1e1e;--color-border: #2e2e2e;--color-border-hover: #404040;--color-border-light: #232323;--color-border-focus: rgba(129, 140, 248, .5);--color-text-primary: #e5e5e5;--color-text-secondary: #a3a3a3;--color-text-tertiary: #6b6b6b;--color-text-muted: #404040;--color-accent: #818cf8;--color-accent-hover: #a5b4fc;--color-accent-muted: rgba(129, 140, 248, .12);--color-accent-glow: rgba(129, 140, 248, .18);--color-node-text: #818cf8;--color-node-text-bg: rgba(129, 140, 248, .1);--color-node-text-border: rgba(129, 140, 248, .3);--color-node-image: #f472b6;--color-node-image-bg: rgba(244, 114, 182, .1);--color-node-image-border: rgba(244, 114, 182, .3);--color-node-video: #fb923c;--color-node-video-bg: rgba(251, 146, 60, .1);--color-node-video-border: rgba(251, 146, 60, .3);--color-node-audio: #2dd4bf;--color-node-audio-bg: rgba(45, 212, 191, .1);--color-node-audio-border: rgba(45, 212, 191, .3);--color-node-model: #fbbf24;--color-node-model-bg: rgba(251, 191, 36, .1);--color-node-model-border: rgba(251, 191, 36, .3);--color-success: #34d399;--color-warning: #facc15;--color-error: #f87171;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-node: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .2);--shadow-node-hover: 0 2px 8px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .2);--shadow-node-selected: 0 0 0 2px var(--color-accent), 0 4px 16px rgba(129, 140, 248, .15);--shadow-float: 0 8px 30px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--color-grid-dot: rgba(255, 255, 255, .08)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes dash{to{stroke-dashoffset:-20}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11"}@media(max-width:1366px){html{font-size:14px}}@media(min-width:1920px){html{font-size:17px}}@media(min-width:2560px){html{font-size:18px}}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-canvas);overflow:hidden;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,color .3s ease}[data-theme=dark]{color-scheme:dark}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;outline:none}input,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}img,video{max-width:100%;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.react-flow__background{background-color:var(--color-bg-canvas)!important}.react-flow__controls{display:none}.react-flow__attribution{display:none!important}.react-flow__minimap{background-color:var(--color-bg-primary)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;overflow:hidden;box-shadow:var(--shadow-md)!important}.react-flow__edge-path{stroke-width:1.5}.react-flow__handle{width:10px!important;height:10px!important;border:1.5px solid var(--color-border-hover)!important;background:var(--color-bg-primary)!important;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.react-flow__node{cursor:grab}.react-flow__node:active{cursor:grabbing}::selection{background:var(--color-accent-muted);color:var(--color-text-primary)}.auth-page{display:flex;min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--color-bg-primary)}.auth-page__hero{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;padding:var(--space-12);position:relative;overflow:hidden;background:linear-gradient(135deg,#1e1b4b,#312e81 40%,#4338ca);color:#fff}.auth-page__hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(129,140,248,.25) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(236,72,153,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none}.auth-page__orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:auth-orb-float 20s ease-in-out infinite}.auth-page__orb--1{width:300px;height:300px;background:#818cf880;top:10%;left:15%;animation-delay:0s}.auth-page__orb--2{width:200px;height:200px;background:#ec489966;bottom:20%;right:10%;animation-delay:-7s}.auth-page__orb--3{width:250px;height:250px;background:#14b8a64d;top:60%;left:60%;animation-delay:-14s}@keyframes auth-orb-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(15px,35px) scale(1.02)}}.auth-page__hero-content{position:relative;z-index:1;text-align:center;max-width:28.75rem}.auth-page__logo{font-family:var(--font-display);font-size:2.5rem;font-weight:var(--weight-bold);letter-spacing:-.03em;margin-bottom:var(--space-4);background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-page__tagline{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:#ffffffbf;margin-bottom:var(--space-10)}.auth-page__features{display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.auth-page__feature{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:#fffc}.auth-page__feature-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-md);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.auth-page__feature-icon svg{width:1rem;height:1rem;stroke:#ffffffe6;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.auth-page__form{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 30rem;padding:var(--space-12);background:var(--color-bg-primary);position:relative}.auth-page__form-inner{width:100%;max-width:23.75rem;animation:auth-fade-in .6s var(--ease-out) both}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-page__form-header{margin-bottom:var(--space-8);text-align:center}.auth-page__form-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.auth-page__form-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.auth-page__form .cl-rootBox{width:100%}.auth-page__form .cl-card,.auth-page__form .cl-card>div{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important}.auth-page__form .cl-headerTitle,.auth-page__form .cl-headerSubtitle{display:none!important}.auth-page__form .cl-main,.auth-page__form .cl-internal,.auth-page__form .cl-cardBox,.auth-page__form .cl-signIn-root,.auth-page__form .cl-signUp-root{background:transparent!important;box-shadow:none!important}.auth-page__form .cl-formButtonPrimary{background:var(--color-accent)!important;border-radius:var(--radius-md)!important;font-family:var(--font-sans)!important;font-weight:var(--weight-medium)!important;height:2.625rem!important;color:#fff!important;transition:all var(--transition-normal)!important}.auth-page__form .cl-formButtonPrimary:hover{background:var(--color-accent-hover)!important;box-shadow:0 4px 12px #6366f14d!important}.auth-page__form .cl-socialButtonsBlockButton{border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;background:var(--color-surface)!important;transition:all var(--transition-normal)!important;font-family:var(--font-sans)!important;color:var(--color-text-primary)!important}.auth-page__form .cl-socialButtonsBlockButton:hover{background:var(--color-surface-hover)!important;border-color:var(--color-border-hover)!important}.auth-page__form .cl-formFieldInput{border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;background:var(--color-surface)!important;font-family:var(--font-sans)!important;color:var(--color-text-primary)!important;transition:border-color var(--transition-normal)!important}.auth-page__form .cl-formFieldInput:focus{border-color:var(--color-accent)!important;box-shadow:0 0 0 3px var(--color-accent-muted)!important}.auth-page__form .cl-formFieldLabel{color:var(--color-text-secondary)!important;font-family:var(--font-sans)!important}.auth-page__form .cl-footerActionLink,.auth-page__form .cl-footerActionText a{color:var(--color-accent)!important;font-weight:var(--weight-medium)!important}.auth-page__form .cl-footerActionText,.auth-page__form .cl-footerAction{color:var(--color-text-secondary)!important}.auth-page__form .cl-dividerLine{background:var(--color-border)!important}.auth-page__form .cl-dividerText{color:var(--color-text-muted)!important}.auth-page__form .cl-footer,.auth-page__form .cl-footerPages,.auth-page__form .cl-footerAction,.auth-page__form .cl-internal-b3fm6y{background:transparent!important}.auth-page__form .cl-otpCodeFieldInput{border-color:var(--color-border)!important;color:var(--color-text-primary)!important;background:var(--color-surface)!important}.auth-page__form .cl-alert{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text-primary)!important}.auth-page__form .cl-identityPreview,.auth-page__form .cl-identityPreviewText,.auth-page__form .cl-identityPreviewEditButton{color:var(--color-text-secondary)!important}.auth-page__form .cl-userPreview,.auth-page__form .cl-userButtonPopoverCard{background:var(--color-surface)!important;color:var(--color-text-primary)!important}.auth-page__form .cl-rootBox p,.auth-page__form .cl-rootBox span,.auth-page__form .cl-rootBox label{color:var(--color-text-secondary)!important}.auth-page__form .cl-rootBox a{color:var(--color-accent)!important}.auth-page__toggle{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-page__toggle-link{color:var(--color-accent);font-weight:var(--weight-medium);cursor:pointer;border:none;background:none;font-size:var(--text-sm);font-family:var(--font-sans);padding:0;text-decoration:none;transition:color var(--transition-fast)}.auth-page__toggle-link:hover{color:var(--color-accent-hover);text-decoration:underline}.auth-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;gap:var(--space-4);background:var(--color-bg-canvas);text-align:center;padding:var(--space-8)}.auth-gate__logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-accent);margin-bottom:var(--space-2)}.auth-gate h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.auth-gate p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;max-width:21.25rem;line-height:var(--leading-relaxed)}.auth-gate__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:2.625rem;padding:0 var(--space-6);border:none;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-normal);margin-top:var(--space-2)}.auth-gate__btn:hover{background:var(--color-accent-hover);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.auth-gate__btn:active{transform:translateY(0)}.navbar__user-btn{margin-left:var(--space-2)}.navbar__user-btn .cl-avatarBox{width:1.75rem!important;height:1.75rem!important}@media(max-width:56.25rem){.auth-page__hero{display:none}.auth-page__form{flex:1}}@media(max-width:30rem){.auth-page__form{padding:var(--space-6)}.auth-page__form-inner{max-width:100%}}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;border-radius:50%;color:var(--color-text-tertiary);background:transparent;transition:all var(--transition-fast);position:relative}.icon-button:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.icon-button:active{background:var(--color-surface-active)}.icon-button--active,.icon-button--active:hover{color:var(--color-accent);background:var(--color-accent-muted)}.icon-button svg{width:.9375rem;height:.9375rem}.icon-button--sm{width:1.625rem;height:1.625rem}.icon-button--sm svg{width:.8125rem;height:.8125rem}.icon-button--lg{width:2.125rem;height:2.125rem}.icon-button--lg svg{width:1.0625rem;height:1.0625rem}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:.1875rem .5rem;background:var(--color-text-primary);border-radius:var(--radius-sm);color:var(--color-bg-primary);font-size:var(--text-2xs);font-weight:var(--weight-medium);white-space:nowrap;pointer-events:none;z-index:var(--z-tooltip)}.tooltip--bottom{bottom:auto;top:calc(100% + 6px)}.invite-overlay{position:fixed;inset:0;z-index:var(--z-modal, 1000);display:flex;align-items:center;justify-content:center;background:#00000073;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);animation:invite-overlay-in .2s var(--ease-out)}@keyframes invite-overlay-in{0%{opacity:0}to{opacity:1}}.invite-modal{width:26.25rem;max-width:calc(100vw - 32px);max-height:calc(100vh - 80px);display:flex;flex-direction:column;background:#ffffffb8;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border:1px solid rgba(255,255,255,.25);border-radius:20px;box-shadow:0 8px 40px #00000014,0 2px 12px #0000000a;overflow:hidden;animation:invite-modal-in .25s var(--ease-out)}[data-theme=dark] .invite-modal{background:#141418b8;border-color:#ffffff14;box-shadow:0 8px 40px #0000004d,0 2px 12px #00000026}@keyframes invite-modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.invite-modal__header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid var(--color-border-light)}.invite-modal__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.invite-modal__title:before{content:"";display:block;width:.4375rem;height:.4375rem;border-radius:50%;background:var(--color-accent);flex-shrink:0}.invite-modal__close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.invite-modal__close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.invite-modal__close svg{width:.75rem;height:.75rem}.invite-modal__form{display:flex;align-items:center;gap:var(--space-2);margin:12px 12px 0;padding:.5rem .625rem;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:14px;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a}.invite-modal__email-input{flex:1;height:1.75rem;padding:0 var(--space-2);border:none;background:transparent;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-xs);outline:none}.invite-modal__email-input::placeholder{color:var(--color-text-tertiary)}.invite-modal__role-select{height:1.625rem;padding:0 20px 0 8px;border:1px solid var(--color-border-light);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:.625rem;font-weight:var(--weight-medium);cursor:pointer;outline:none;appearance:none;background-image: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='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;transition:all var(--transition-fast);white-space:nowrap}.invite-modal__role-select:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.invite-modal__role-select:focus{border-color:var(--color-accent)}.invite-modal__send-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;border-radius:50%;background:var(--color-accent);color:#fff;font-family:var(--font-sans);font-size:0;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.invite-modal__send-btn:after{content:"";display:block;width:.6875rem;height:.6875rem;background:currentColor;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.invite-modal__send-btn:hover:not(:disabled){background:var(--color-accent-hover);transform:scale(1.05)}.invite-modal__send-btn:disabled{opacity:.35;cursor:not-allowed}.invite-modal__message{padding:.375rem 1rem;font-size:.625rem;font-weight:var(--weight-medium)}.invite-modal__message--error{color:var(--color-error)}.invite-modal__message--success{color:var(--color-success, #22c55e)}.invite-modal__list{flex:1;overflow-y:auto;padding:.625rem 1rem .875rem;min-height:0;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.invite-modal__list::-webkit-scrollbar{width:4px}.invite-modal__list::-webkit-scrollbar-track{background:transparent}.invite-modal__list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.invite-modal__list-label{font-size:.5625rem;font-weight:var(--weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-2)}.invite-modal__invite-row{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;border-radius:var(--radius-md);transition:background var(--transition-fast)}.invite-modal__invite-row:hover{background:var(--color-surface-hover)}.invite-modal__invite-info{display:flex;align-items:center;gap:.5rem;min-width:0}.invite-modal__invite-email{font-size:var(--text-xs);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-modal__invite-role{font-size:.625rem;color:var(--color-text-tertiary);text-transform:capitalize;flex-shrink:0}.invite-modal__revoke-btn{flex-shrink:0;height:1.5rem;padding:0 8px;border:1px solid var(--color-border-light);border-radius:var(--radius-full);background:transparent;color:var(--color-text-tertiary);font-family:var(--font-sans);font-size:.625rem;font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.invite-modal__revoke-btn:hover{border-color:var(--color-error);color:var(--color-error);background:#ef444414}.invite-modal__empty{padding:var(--space-5) 0;text-align:center}.invite-modal__empty p{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background:var(--color-bg-overlay);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--color-border-light);z-index:var(--z-navbar)}.navbar__left{display:flex;align-items:center;gap:var(--space-3)}.navbar__logo{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;color:var(--color-text-primary);letter-spacing:var(--tracking-tight);transition:color var(--transition-fast)}.navbar__logo:hover{color:var(--color-accent)}.navbar__sep{width:1px;height:1rem;background:var(--color-border)}.navbar__project-name{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:var(--weight-medium);font-family:inherit;border:none;background:none;padding:.125rem .375rem;border-radius:var(--radius-sm);line-height:1.4}.navbar__project-name--display{cursor:pointer;transition:all var(--transition-fast)}.navbar__project-name--display:hover{color:var(--color-text-secondary);background:var(--color-surface-muted)}.navbar__project-name--editing{outline:none;color:var(--color-text-primary);background:var(--color-surface-muted);box-shadow:0 0 0 1.5px var(--color-accent);min-width:100px}.navbar__center,.navbar__right{display:flex;align-items:center;gap:var(--space-2)}.navbar__zoom-badge{padding:.125rem .5rem;border-radius:var(--radius-sm);background:var(--color-surface-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.navbar__share-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:var(--radius-full);background:var(--color-text-primary);color:var(--color-bg-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);transition:all var(--transition-normal)}.navbar__share-btn:hover{opacity:.85;transform:translateY(-.5px)}.navbar__share-btn:active{transform:translateY(0);opacity:.9}.navbar__theme-icon{transition:transform .3s var(--ease-out)}.navbar__theme-icon:hover{transform:rotate(15deg)}.navbar__nav{display:flex;align-items:center;gap:var(--space-1);margin-left:var(--space-3)}.navbar__nav-link{display:inline-flex;align-items:center;gap:.3125rem;padding:.3125rem .75rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.navbar__nav-link:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}.dashboard{flex:1;overflow-y:auto;margin-top:var(--navbar-height);min-height:0;background:var(--color-bg-canvas)}.dashboard__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-8);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-navbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dashboard__header-left{display:flex;align-items:center;gap:var(--space-4)}.dashboard__logo{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.01em}.dashboard__header-right{display:flex;align-items:center;gap:var(--space-3)}.dashboard__theme-btn{display:flex;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;border:none;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.dashboard__theme-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.dashboard__theme-icon{width:1rem;height:1rem}.dashboard__content{max-width:75rem;margin:0 auto;padding:var(--space-8)}.dashboard__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.dashboard__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0}.dashboard__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.dashboard__new-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:2.375rem;padding:0 var(--space-5);border:none;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-normal)}.dashboard__new-btn:hover{background:var(--color-accent-hover);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.dashboard__new-btn:active{transform:translateY(0)}.dashboard__new-btn svg{width:1rem;height:1rem}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:var(--space-5);animation:dashboard-fade-in .4s var(--ease-out) both}@keyframes dashboard-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.project-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal);position:relative;display:flex;flex-direction:column}.project-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.project-card:active{transform:translateY(0)}.project-card__thumb{height:15rem;position:relative;overflow:hidden;background:var(--color-surface-muted)}.project-card__thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.project-card:hover .project-card__thumb-img{transform:scale(1.04)}.project-card__thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--color-accent-muted) 0%,var(--color-surface-muted) 100%)}.project-card__thumb-placeholder svg{width:2.5rem;height:2.5rem;stroke:var(--color-text-tertiary);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.5}.project-card__info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-4);background:#ffffff73;backdrop-filter:blur(14px) saturate(1.8);-webkit-backdrop-filter:blur(14px) saturate(1.8);border-top:1px solid rgba(255,255,255,.3);z-index:1}[data-theme=dark] .project-card__info{background:#0a0a0f80;border-top:1px solid rgba(255,255,255,.08)}.project-card__name{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#1a1a1a;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 8px rgba(255,255,255,.6)}[data-theme=dark] .project-card__name{color:#f5f5f5;text-shadow:0 0 8px rgba(0,0,0,.5)}.project-card__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:#444;text-shadow:0 0 6px rgba(255,255,255,.5)}[data-theme=dark] .project-card__meta{color:#bbb;text-shadow:0 0 6px rgba(0,0,0,.4)}.project-card__role{display:inline-flex;align-items:center;padding:.0625rem .375rem;border-radius:var(--radius-full);background:var(--color-accent-muted);color:var(--color-accent);font-size:var(--text-2xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em}.project-card__actions{position:absolute;top:var(--space-2);right:var(--space-2);opacity:0;transition:opacity var(--transition-fast)}.project-card:hover .project-card__actions{opacity:1}.project-card__menu-btn{display:flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;border:none;border-radius:var(--radius-full);background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.project-card__menu-btn:hover{background:var(--color-surface-active)}.project-card__menu-btn svg{width:1rem;height:1rem}.project-card__dropdown{position:absolute;top:calc(var(--space-2) + 2.125rem);right:var(--space-2);z-index:var(--z-overlay);min-width:8.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1);animation:dashboard-dropdown-in .15s var(--ease-out)}@keyframes dashboard-dropdown-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.project-card__dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast);text-align:left}.project-card__dropdown-item:hover{background:var(--color-surface-hover)}.project-card__dropdown-item--danger{color:var(--color-error)}.project-card__dropdown-item--danger:hover{background:#ef444414}.project-card__dropdown-item svg{width:.875rem;height:.875rem;flex-shrink:0}.project-card--new{border:2px dashed var(--color-border);background:transparent}.project-card--new:hover{border-color:var(--color-accent);background:var(--color-accent-muted)}.project-card--new .project-card__thumb{background:transparent}.project-card--new .project-card__thumb-placeholder{background:transparent;flex-direction:column;gap:var(--space-2)}.project-card--new .project-card__thumb-placeholder svg{opacity:.6;stroke:var(--color-accent)}.project-card--new .project-card__new-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.project-card--new:hover .project-card__new-label{color:var(--color-accent)}.project-card--skeleton .project-card__thumb{background:var(--color-surface-muted);animation:skeleton-pulse 1.5s ease-in-out infinite}.project-card--skeleton .project-card__name,.project-card--skeleton .project-card__meta{background:var(--color-surface-muted);border-radius:var(--radius-xs);animation:skeleton-pulse 1.5s ease-in-out infinite;color:transparent!important}.project-card--skeleton .project-card__name{width:70%;height:1rem}.project-card--skeleton .project-card__meta{width:40%;height:.75rem;margin-top:var(--space-2)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.dashboard__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);text-align:center}.dashboard__empty-icon{width:4rem;height:4rem;margin-bottom:var(--space-4);stroke:var(--color-text-tertiary);fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.5}.dashboard__empty h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.dashboard__empty p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-6);max-width:22.5rem;line-height:var(--leading-relaxed)}.dashboard__error{display:flex;flex-direction:column;align-items:center;padding:var(--space-8);text-align:center}.dashboard__error p{color:var(--color-error);font-size:var(--text-sm);margin:0 0 var(--space-4)}.dashboard__retry-btn{height:2.125rem;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-normal)}.dashboard__retry-btn:hover{background:var(--color-surface-hover)}@media(max-width:40rem){.dashboard__content{padding:var(--space-4)}.dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-3)}.dashboard__header{padding:var(--space-4) var(--space-4)}}