@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;700&display=swap";.signup-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto;animation:fadeIn .2s ease}.signup-modal-container{position:relative;background:#f8f9fa;border-radius:20px;max-width:1000px;width:100%;max-height:90vh;max-height:min(90vh,90dvh);overflow:hidden;box-shadow:0 25px 80px #00000040;animation:slideUp .3s ease}.signup-modal-close{position:absolute;top:20px;right:20px;background:#f8f9faf2;border:1px solid rgba(0,0,0,.08);color:#64748b;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10;box-shadow:0 4px 12px #0000001a;width:40px;height:40px}.signup-modal-close:hover{background:#e2e8f0;color:#0f172a;transform:scale(1.05)}.signup-modal-content{display:grid;grid-template-columns:1fr 1fr;min-height:650px;max-height:90vh;max-height:min(90vh,90dvh)}.signup-modal-image{position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.signup-modal-image img{width:100%;height:100%;object-fit:cover}.signup-image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}.signup-modal-form-wrapper{padding:40px 45px;overflow-y:auto;display:flex;flex-direction:column}.signup-modal-form-wrapper::-webkit-scrollbar{width:6px}.signup-modal-form-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.signup-modal-form-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.signup-modal-form-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.signup-modal-header{margin-bottom:24px;text-align:center}.signup-modal-header h2{font-size:clamp(22px,4.8vw,26px);font-weight:700;color:#0f172a;margin:0 0 6px;letter-spacing:-.02em}.signup-modal-header p{font-size:14px;color:#64748b;margin:0}.signup-oauth-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.signup-oauth-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:9px 16px;border:1.5px solid #e2e8f0;border-radius:12px;background:#fff;color:#0f172a;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.signup-oauth-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.signup-oauth-btn:active{transform:translateY(0)}.signup-divider{position:relative;text-align:center;margin:18px 0}.signup-divider:before,.signup-divider:after{content:"";position:absolute;top:50%;width:43%;height:1px;background:#e2e8f0}.signup-divider:before{left:0}.signup-divider:after{right:0}.signup-divider span{background:#fff;padding:0 16px;color:#94a3b8;font-size:13px;font-weight:600;letter-spacing:.02em}.signup-form{display:flex;flex-direction:column;gap:14px}.signup-form-group{display:flex;flex-direction:column;gap:6px}.signup-label{font-size:14px;font-weight:600;color:#0f172a;letter-spacing:-.01em}.signup-input{padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;color:#0f172a;font-size:15px;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.signup-input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f114}.signup-input::placeholder{color:#94a3b8}.signup-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.signup-password-wrapper{position:relative}.signup-password-wrapper .signup-input{padding-right:48px}.signup-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:6px;z-index:2}.signup-password-toggle:hover{color:#0f172a;background:#f1f5f9}.signup-password-toggle:focus{outline:2px solid #6366f1;outline-offset:2px}.signup-password-requirements{display:flex;flex-direction:column;gap:5px;margin-top:6px}.requirement{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;transition:all .2s}.requirement svg{flex-shrink:0;opacity:.3}.requirement.met{color:#10b981}.requirement.met svg{opacity:1}.signup-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:14px;font-weight:500}.signup-error-exists{display:flex;flex-direction:column;gap:10px;text-align:center}.signup-error-exists span{display:block}.signup-error-login-btn{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.signup-error-login-btn:hover{background:#b91c1c;transform:translateY(-1px)}.signup-submit-btn{padding:9px 18px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 12px #3b82f640}.signup-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.signup-submit-btn:active:not(:disabled){transform:translateY(0)}.signup-submit-btn:disabled{opacity:.5;cursor:not-allowed}.signup-footer{margin-top:18px;text-align:center;font-size:14px;color:#64748b}.signup-link{background:none;border:none;color:#6366f1;font-weight:600;cursor:pointer;padding:0;transition:all .2s;text-decoration:none;font-size:inherit;font-family:inherit}.signup-link:hover{color:#4f46e5;text-decoration:underline}@media (max-width: 768px){.signup-modal-content{grid-template-columns:1fr}.signup-modal-image{display:none}.signup-modal-form-wrapper{padding:35px 25px}.signup-modal-header h2{font-size:24px}}.signup-form .password-requirements{display:flex;flex-direction:column;gap:6px;margin-top:8px}.signup-form .requirement{display:flex;align-items:center;gap:8px;font-size:13px;color:#0f172a99;transition:color .2s}.signup-form .requirement.met{color:#0ea5e9}.signup-form .requirement svg{flex-shrink:0}.signup-form .error-message{padding:12px 16px;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:10px;color:#b91c1c;font-size:14px}.signup-terms{font-size:13px;color:#0f172aa6;text-align:center;margin:8px 0}.signup-terms a{color:#6366f1;text-decoration:none;font-weight:600}.signup-terms a:hover{text-decoration:underline}.signup-submit-btn{padding:9px 18px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:4px}.signup-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.signup-footer{text-align:center;margin-top:20px;font-size:14px;color:#0f172aa6}.signup-footer a{color:#6366f1;text-decoration:none;font-weight:600}.signup-footer a:hover{text-decoration:underline}.signup-modal-overlay{background:#020204d1;padding:clamp(12px,3vw,32px)}.signup-modal-container{max-width:920px;background:var(--pk-surface);border:1px solid var(--pk-line-strong);border-radius:24px;box-shadow:0 28px 90px #0000009e}.signup-modal-content{min-height:610px;max-height:min(88vh,760px)}.signup-modal-image{background:linear-gradient(160deg,#05050624,#050506cc),var(--pk-surface)}.signup-modal-image img{filter:saturate(.82) contrast(1.05)}.signup-modal-form-wrapper{padding:clamp(28px,4vw,48px);background:var(--pk-surface)}.signup-modal-close{top:16px;right:16px;background:#101013e0;border-color:var(--pk-line-strong);color:var(--pk-text-muted)}.signup-modal-close:hover{background:var(--pk-surface-hover);color:var(--pk-text)}.signup-modal-header h2,.signup-label{color:var(--pk-text)}.signup-modal-header p,.signup-footer,.signup-terms{color:var(--pk-text-muted)}.local-test-hint{margin-top:12px!important;padding:8px 10px;border:1px solid var(--pk-line);border-radius:8px;background:#ffffff0a;color:var(--pk-text-faint)!important;font-size:12px!important;line-height:1.5}.local-test-hint strong{color:var(--pk-text);font-weight:600}.signup-oauth-btn,.signup-input{background:var(--pk-surface-raised);border-color:var(--pk-line-strong);color:var(--pk-text)}.signup-oauth-btn:hover,.signup-input:focus{background:var(--pk-surface-hover);border-color:#ffffff4d}.signup-input::placeholder,.signup-password-toggle{color:var(--pk-text-faint)}.signup-password-toggle:hover{color:var(--pk-text);background:var(--pk-surface-hover)}.signup-divider:before,.signup-divider:after{background:var(--pk-line-strong)}.signup-divider span{background:var(--pk-surface);color:var(--pk-text-faint)}.signup-link,.signup-terms a{color:var(--pk-gold-light)}.signup-error{background:#ef44441f;border-color:#f8717159;color:#fecaca}.signup-password-requirements .requirement{color:var(--pk-text-muted)}.signup-invite-banner,.referral-bonus-banner{background:#d4d4d414;border-color:var(--pk-line-strong);color:var(--pk-text-muted)}.signup-verification-message h2,.signup-verification-message h3,.verification-email strong{color:var(--pk-text)}.verification-info,.verification-instructions,.verification-note,.verification-steps li{color:var(--pk-text-muted)}.signup-submit-btn{min-height:46px;background:linear-gradient(135deg,#f5f5f7,#cfcfd4)!important;color:#09090b!important;box-shadow:0 8px 20px #ffffff1f!important}.signup-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#fff,#e4e4e7)!important;box-shadow:0 10px 24px #ffffff2e!important}.signup-submit-btn:disabled{background:#3a3a40!important;color:#a1a1aa!important;box-shadow:none!important}.image-chatbox{background:#0a0a0cc7;border-color:#ffffff29}.chatbox-text{color:var(--pk-text)}@media (max-width: 768px){.signup-modal-overlay{align-items:flex-start;padding:12px}.signup-modal-container{max-height:calc(100dvh - 24px);border-radius:18px}.signup-modal-content{min-height:auto;max-height:calc(100dvh - 24px)}.signup-modal-form-wrapper{padding:64px 22px 24px}}.auth-switch-btn{background:none;border:none;color:#8b5cf6;font-weight:500;cursor:pointer;padding:0;text-decoration:none;font-size:inherit;font-family:inherit;transition:text-decoration .2s}.auth-switch-btn:hover{text-decoration:underline}.signup-modal-left{display:flex;flex-direction:column;padding:50px;border-radius:18px 0 0 18px}.signup-modal-right{display:flex;flex-direction:column;background:url(/assets/2-zs1BLiG0.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:0 18px 18px 0;height:100%;align-items:center;justify-content:center;padding:30px}.image-chatbox{background:#f8f9faeb;backdrop-filter:blur(12px);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 12px 34px #0000001f;border:1px solid rgba(255,255,255,.5);width:min(420px,100%);pointer-events:auto}.chatbox-text{flex:1;color:#0f172a;font-size:15px;line-height:1.5;margin:0;font-weight:500}.chatbox-text .typing-part{color:#6366f1;font-weight:650;display:inline}.chatbox-text .typing-cursor{color:#6366f1;font-weight:300;opacity:0;transition:opacity .1s}.chatbox-text .typing-cursor.visible{opacity:1}.chatbox-send-btn{flex-shrink:0!important;width:40px!important;height:40px!important;border-radius:50%!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s!important;color:#fff!important}.chatbox-send-btn:hover{transform:scale(1.05)!important;box-shadow:0 8px 20px #3b82f666!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.signup-preview{width:100%}.signup-preview .preview-chat-bubble{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px #0f172a14}.signup-preview .preview-chat-text{flex:1;color:#0f172a;font-size:16px;line-height:1.5;margin:0}.signup-preview .typing-part{color:#6366f1;font-weight:650}.signup-preview .typing-cursor{color:#6366f1;font-weight:300;opacity:0;transition:opacity .1s}.signup-preview .typing-cursor.visible{opacity:1}.signup-preview .preview-chat-send{flex-shrink:0!important;width:40px!important;height:40px!important;border-radius:50%!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s!important;color:#fff!important}.signup-preview .preview-chat-send:hover{transform:scale(1.05)!important;box-shadow:0 8px 20px #3b82f659!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important}@media (max-width: 968px){.signup-modal-content{grid-template-columns:1fr;padding:40px 30px}.signup-modal-right{display:none}.signup-image-overlay{padding:18px}.image-chatbox{width:100%}}@media (max-width: 640px){.signup-modal-container{border-radius:0;max-height:100vh}.signup-modal-content{padding:30px 20px}.signup-title{font-size:24px}}.login-modal-content{grid-template-columns:1fr 1fr}.login-modal-content .signup-modal-form-wrapper{order:-1}.login-modal-content .signup-modal-image{order:0}.signup-verification-message{padding:40px;text-align:center;animation:slideUp .4s ease}.verification-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;box-shadow:0 10px 25px #667eea4d}.verification-icon svg{width:45px;height:45px;stroke-width:2.5}.signup-verification-message h2{font-size:clamp(22px,5.4vw,28px);font-weight:700;color:#1a1a1a;margin:0 0 15px;line-height:1.3}.verification-info{color:#666;font-size:14px;margin:15px 0 5px}.verification-email{font-size:18px;color:#667eea;font-weight:600;margin:0 0 20px;word-break:break-all}.verification-instructions{color:#555;font-size:15px;line-height:1.6;margin:20px 0 30px;background:#f5f5f5;padding:15px;border-radius:8px;border-left:4px solid #667eea}.verification-steps{text-align:left;background:#f9f9f9;padding:20px;border-radius:8px;margin:20px 0}.verification-steps h3{font-size:14px;font-weight:600;color:#333;margin:0 0 12px;text-align:center}.verification-steps ol{margin:0;padding-left:20px;color:#555;font-size:14px;line-height:1.8}.verification-steps li{margin:6px 0}.verification-note{font-size:13px;color:#999;margin:20px 0 0;font-style:italic}.signup-invite-banner{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid rgba(16,185,129,.3);color:#059669;padding:12px 16px;border-radius:12px;font-size:14px;margin-bottom:20px}.signup-invite-banner svg{flex-shrink:0;color:#10b981}.signup-invite-banner strong{color:#059669;font-weight:600}.referral-bonus-banner{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:14px 20px;border-radius:12px;font-size:15px;margin:16px 0;box-shadow:0 4px 15px #10b9814d}.referral-bonus-banner svg{color:#fbbf24;flex-shrink:0}.referral-bonus-banner strong{font-weight:700}.signup-modal-overlay{background:radial-gradient(circle at 18% 18%,rgba(59,130,246,.18),transparent 34%),radial-gradient(circle at 82% 82%,rgba(139,92,246,.16),transparent 36%),#030712c7;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}.signup-modal-container{background:linear-gradient(145deg,#111f3ae0,#080f1ff0);border:1px solid rgba(148,163,184,.22);border-radius:26px;box-shadow:0 32px 90px #00000080,0 0 0 1px #60a5fa14,0 0 70px #2563eb1f}.signup-modal-content{min-height:620px}.signup-modal-form-wrapper{background:linear-gradient(180deg,#0f1d36c2,#071022a3),radial-gradient(circle at 10% 0%,rgba(96,165,250,.12),transparent 42%);color:#e2e8f0}.signup-modal-close{background:#0f172a9e;border-color:#94a3b840;color:#cbd5e1;box-shadow:0 8px 20px #0206173d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.signup-modal-close:hover{background:#3b82f642;border-color:#7dd3fc80;color:#fff;transform:rotate(6deg) scale(1.04)}.signup-modal-image{background:linear-gradient(145deg,#1e40afb3,#4c1d95cc),#111827}.signup-modal-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03071214,#03071294),radial-gradient(circle at 28% 22%,rgba(125,211,252,.3),transparent 30%),radial-gradient(circle at 78% 78%,rgba(167,139,250,.28),transparent 34%);pointer-events:none;z-index:1}.signup-modal-image img{opacity:.7;filter:saturate(.82) contrast(1.04)}.signup-image-overlay{z-index:2}.image-chatbox{background:#0812268f;border-color:#bfdbfe3d;box-shadow:0 18px 42px #0206174d;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}.chatbox-text{color:#e2e8f0}.chatbox-text .typing-part,.chatbox-text .typing-cursor{color:#93c5fd}.signup-modal-header h2,.signup-label,.signup-verification-message h2{color:#f8fafc}.signup-modal-header p,.signup-footer,.signup-terms,.verification-info,.verification-note{color:#94a3b8}.signup-oauth-btn,.signup-input{background:#0f1f39a3;border-color:#94a3b83d;color:#f1f5f9;box-shadow:inset 0 1px #ffffff0a}.signup-oauth-btn:hover{background:#1e3a66b8;border-color:#7dd3fc6b;box-shadow:0 10px 24px #0206172e}.signup-input:focus{background:#0f2344c7;border-color:#60a5facc;box-shadow:0 0 0 4px #3b82f624,0 8px 24px #1e40af1f}.signup-input::placeholder{color:#64748b}.signup-input:disabled{background:#0f172a66}.signup-password-toggle{color:#94a3b8}.signup-password-toggle:hover{color:#dbeafe;background:#3b82f633}.signup-divider:before,.signup-divider:after{background:#94a3b833}.signup-divider span{background:transparent;color:#64748b}.signup-link,.signup-terms a,.auth-switch-btn{color:#93c5fd}.signup-link:hover,.auth-switch-btn:hover{color:#c4b5fd}.signup-error,.signup-form .error-message{background:#7f1d1d42;border-color:#fca5a547;color:#fecaca}.signup-invite-banner{background:#0e749029;border-color:#67e8f942;color:#bae6fd}.signup-invite-banner svg,.signup-invite-banner strong{color:#67e8f9}.verification-email{color:#93c5fd}.verification-instructions,.verification-steps{background:#0f1f3985;border:1px solid rgba(148,163,184,.14)}.verification-instructions{border-left:3px solid #60a5fa;color:#cbd5e1}.verification-steps h3,.verification-steps ol{color:#cbd5e1}.verification-icon{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 14px 32px #3b82f63d}@media (max-width: 640px){.signup-modal-overlay{padding:12px}.signup-modal-container{border-radius:22px}}.signup-modal-content,.login-modal-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;height:min(620px,calc(90dvh - 2px));max-height:calc(90dvh - 2px);padding:0}.signup-modal-form-wrapper{min-width:0;min-height:0;max-height:100%;overflow-y:auto}.signup-modal-image{min-width:0;min-height:0}@media (max-width: 768px){.signup-modal-content,.login-modal-content{grid-template-columns:minmax(0,1fr);height:auto;max-height:calc(90dvh - 2px);overflow-y:auto}.signup-modal-image,.login-modal-content .signup-modal-image{display:none}.signup-modal-form-wrapper{max-height:none;padding:clamp(28px,6vw,40px) clamp(20px,6vw,45px);overflow-y:visible}}@media (max-width: 900px) and (min-width: 769px){.login-modal-content{grid-template-columns:minmax(0,1fr);height:auto;max-height:calc(90dvh - 2px);overflow-y:auto}.login-modal-content .signup-modal-image{display:none}.login-modal-content .signup-modal-form-wrapper{order:0;max-height:none;padding:clamp(28px,5vw,40px) clamp(24px,5vw,45px);overflow-y:visible}}@media (max-width: 420px){.signup-modal-overlay{padding:8px}.signup-modal-container{border-radius:18px}.signup-modal-form-wrapper{padding:28px 18px}.signup-modal-close{top:12px;right:12px;width:36px;height:36px;padding:8px}}.signup-submit-btn{padding:12px 24px!important;background:linear-gradient(135deg,#f5f5f7,#cfcfd4)!important;color:#09090b!important;border:none!important;border-radius:10px!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;margin-top:4px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;box-shadow:0 8px 20px #ffffff1f!important;width:100%!important;display:block!important}.signup-submit-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 10px 24px #ffffff2e!important;background:linear-gradient(135deg,#fff,#e4e4e7)!important;color:#09090b!important}.signup-submit-btn:active:not(:disabled){transform:translateY(0)!important;background:linear-gradient(135deg,#fff,#e4e4e7)!important;color:#09090b!important}.signup-submit-btn:disabled{opacity:.5!important;cursor:not-allowed!important;background:#3a3a40!important;color:#a1a1aa!important;box-shadow:none!important}.twofa-modal-overlay{position:fixed;inset:0;background:#000000b8;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2200;padding:20px}.twofa-modal{width:min(640px,100%);max-height:90vh;overflow:auto;background:linear-gradient(145deg,#121212,#0a0a0a);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 24px 80px #00000080}.twofa-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.twofa-modal-header h3{margin:0;color:#fff;font-size:20px;font-weight:600}.twofa-modal-header p{margin:8px 0 0;color:#ffffff9e;font-size:13px}.twofa-close-btn{background:transparent;border:0;color:#fffc;cursor:pointer;padding:6px;border-radius:8px}.twofa-close-btn:hover{background:#ffffff14}.twofa-modal-body{padding:22px 24px}.twofa-auth-hint{margin:0 0 12px;color:#fff9;font-size:12px}.twofa-steps{margin:0 0 18px;padding-left:18px;color:#ffffffbd;font-size:13px;line-height:1.65}.twofa-qr-wrap{margin:0 auto 18px;width:fit-content;background:#fff;border-radius:12px;padding:10px}.twofa-qr-image{width:280px;height:280px;display:block}.twofa-secret-row{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:10px}.twofa-label{display:block;margin-bottom:6px;font-size:12px;color:#ffffffa3}.twofa-secret-value{color:#fff;font-size:15px;font-family:JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em}.twofa-link-btn{background:transparent;color:#8bc9ff;border:0;padding:0;font-size:13px;cursor:pointer;margin-bottom:18px}.twofa-link-btn:hover{color:#b4dbff}.twofa-input-group{margin-bottom:14px}.twofa-otp-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#ffffff0a;color:#fff;font-size:20px;letter-spacing:.3em;font-family:JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace}.twofa-otp-input:focus{outline:none;border-color:#5ca7ff;box-shadow:0 0 0 3px #5ca7ff2e}.twofa-message{font-size:13px;padding:10px 12px;border-radius:8px}.twofa-error{color:#fda4af;background:#f43f5e26}.twofa-success{color:#86efac;background:#22c55e29}.twofa-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px 24px}.twofa-cancel-btn,.twofa-secondary-btn,.twofa-primary-btn,.twofa-danger-btn{border-radius:10px;border:1px solid transparent;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer}.twofa-cancel-btn,.twofa-secondary-btn{background:#ffffff14;color:#fff;border-color:#ffffff2e}.twofa-primary-btn{background:linear-gradient(135deg,#4f8cff,#1f6fff);color:#fff}.twofa-danger-btn{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border-color:#f871718c;box-shadow:0 0 0 1px #f8717133 inset}.twofa-danger-btn:hover{filter:brightness(1.06)}.twofa-primary-btn:disabled{opacity:.6;cursor:not-allowed}.twofa-danger-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.twofa-modal{border-radius:14px}.twofa-modal-header,.twofa-modal-body,.twofa-modal-footer{padding-left:16px;padding-right:16px}.twofa-secret-row{flex-direction:column;align-items:stretch}.twofa-qr-image{width:240px;height:240px}.twofa-modal-footer{flex-direction:column-reverse}.twofa-cancel-btn,.twofa-secondary-btn,.twofa-primary-btn,.twofa-danger-btn{width:100%}}.credit-meter{width:100%;margin-top:18px;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.credit-meter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.credit-meter-title{margin:0;font-size:14px;font-weight:700;color:#fff}.credit-meter-loading{font-size:12px;color:#ffffffa6}.credit-meter-main{margin-bottom:10px}.credit-meter-track{width:100%;height:10px;border-radius:999px;overflow:hidden;background:#ffffff1a}.credit-meter-fill{height:100%;width:0;border-radius:999px;transition:width .32s cubic-bezier(.4,0,.2,1),background-color .22s ease}.credit-meter-fill-green,.credit-meter-fill-yellow,.credit-meter-fill-red{background:linear-gradient(90deg,#4f75ff,#b24bf3)}.credit-meter-fill-pulse{animation:creditMeterPulse 1.6s ease-in-out infinite}.credit-meter-label{margin-top:8px;font-size:13px;font-weight:600;color:#fff}.credit-meter-breakdown{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;color:#ffffffd6}.credit-meter-separator{color:#ffffff73}.credit-meter-sub-info{font-size:12px;color:#ffffff9e}.credit-meter-warning{margin-top:9px;font-size:12px;font-weight:600;color:#f59e0b}@keyframes creditMeterPulse{0%{filter:saturate(1)}50%{filter:saturate(1.35)}to{filter:saturate(1)}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease;will-change:background-color,border-color,box-shadow;box-shadow:none}.header-scrolled{background:#030712d9;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);border-bottom:1px solid #1f2937;box-shadow:none}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:12px clamp(18px,4vw,64px)}.header-left{flex-shrink:0;flex:0 0 auto}.logo{font-size:17px;font-weight:600;color:#f3f4f6;text-decoration:none;letter-spacing:-.02em;transition:color .3s ease;display:flex;align-items:center;gap:8px;font-family:var(--pk-font-pixel, "Inter", sans-serif)}.header-scrolled .logo{color:#f3f4f6}.logo-text-wrapper{position:relative;font-size:16px;font-weight:400;color:#f3f4f6;letter-spacing:0;font-family:var(--pk-font-pixel, "Inter", sans-serif);transition:color .3s ease}.header-scrolled .logo-text-wrapper{color:#f3f4f6}.logo-beta{display:inline-block;margin-left:8px;vertical-align:middle;font-family:var(--pk-font-pixel, ui-monospace, monospace);font-size:.5625rem;font-weight:400;color:#9ca3af;letter-spacing:.14em;border:1px solid #374151;border-radius:999px;padding:2px 7px}.logo-icon{width:28px;height:28px;color:#d1d5db;display:flex;align-items:center;object-fit:contain;flex-shrink:0}.logo:hover{opacity:.8}.header-nav{display:flex;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.nav-pill{display:flex;align-items:center;gap:4px;padding:4px 6px;background:#1118279e;border:1px solid #1f2937;border-radius:999px;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.nav-link{color:#9ca3af;text-decoration:none;font-size:13px;font-weight:500;transition:all .3s ease;letter-spacing:-.01em;white-space:nowrap;padding:6px 14px;border-radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nav-link-button{border:none;background:transparent;cursor:pointer;font:inherit;line-height:inherit;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center}.header-scrolled .nav-link{color:#9ca3af}.nav-link:hover,.header-scrolled .nav-link:hover{color:#f3f4f6;background:#1f2937}.header-right{display:flex;align-items:center;gap:12px;flex:0 0 auto}.workspace-switcher{position:relative}.workspace-switcher-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.workspace-switcher-btn:hover,.workspace-switcher-btn.open{background:#ffffff1f;border-color:#fff3;color:#fff}.header-scrolled .workspace-switcher-btn{background:#ffffff0f;border-color:var(--pk-line, rgba(255, 255, 255, .08));color:#fffc}.header-scrolled .workspace-switcher-btn:hover,.header-scrolled .workspace-switcher-btn.open{background:#ffffff1c;border-color:var(--pk-line-strong, rgba(255, 255, 255, .14))}.workspace-switcher-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:285px;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 42%),#121212e6;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 18px 48px #02061775,inset 0 1px #ffffff24;padding:8px;z-index:1100;animation:dropdownFadeIn .18s ease}.workspace-switcher-list{max-height:300px;overflow-y:auto;padding-bottom:6px}.workspace-switcher-item{width:100%;border:none;background:transparent;color:#fff;border-radius:10px;display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;transition:background .2s ease;text-align:left}.workspace-switcher-item:hover{background:#ffffff14}.workspace-switcher-item.active{background:#ffffff1c}.workspace-switcher-item:disabled{opacity:.6;cursor:not-allowed}.workspace-switcher-avatar{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#3f5fba,#68459a);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.workspace-switcher-meta{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.workspace-switcher-name{font-size:14px;font-weight:500;color:#fffffff2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-switcher-current{font-size:10px;font-weight:700;letter-spacing:.03em;color:#dbeafe;background:#2563eb47;border:1px solid rgba(96,165,250,.45);border-radius:999px;padding:3px 7px}.workspace-switcher-plan{font-size:10px;font-weight:600;letter-spacing:.03em;color:#ffffffb8;background:#ffffff1f;border-radius:999px;padding:3px 7px}.workspace-switcher-item svg{color:#ffffffd9;flex-shrink:0}.workspace-switcher-empty{color:#fff9;font-size:13px;padding:14px 10px}.workspace-switcher-actions{border-top:1px solid rgba(255,255,255,.12);margin-top:4px;padding-top:4px}.workspace-switcher-action{width:100%;border:none;padding:10px;background:transparent;color:#fffffff2;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;cursor:pointer;border-radius:0 0 10px 10px;transition:background .2s ease}.workspace-switcher-action:hover{background:#ffffff14}.workspace-switcher-action:disabled{opacity:.7;cursor:not-allowed}.workspace-switcher-action-icon{width:22px;height:22px;border-radius:7px;background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;font-size:17px;line-height:1}.workspace-switcher-action+.workspace-switcher-action{border-top:1px solid rgba(255,255,255,.08)}.login-link{color:#9ca3af;padding:6px 14px;transition:color .3s ease;background:transparent;border:none;cursor:pointer;font-size:13px;font-family:inherit;text-decoration:none}.header-scrolled .login-link{color:#9ca3af}.login-link:hover,.header-scrolled .login-link:hover{color:#f3f4f6}.btn-primary{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:12px 28px!important;font-size:15px!important;font-weight:600!important;color:#000!important;background:#fff!important;border-radius:100px!important;text-decoration:none!important;letter-spacing:-.01em!important;transition:all .15s ease!important;white-space:nowrap!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;outline:none!important;box-shadow:none!important;border:none!important;filter:none!important;background-image:none!important}.btn-primary:hover{background:#ffffffd9!important;box-shadow:none!important;background-image:none!important}.btn-primary:focus{outline:none!important;box-shadow:none!important;background:#fff!important;background-image:none!important}.btn-primary:active{outline:none!important;box-shadow:none!important;background:#fff!important;background-image:none!important}.user-menu{position:relative}.user-avatar-btn{display:flex;align-items:center;gap:8px;background:transparent!important;border:none;cursor:pointer;padding:0;border-radius:0;transition:all .2s ease}.user-avatar-btn:hover{background:transparent!important;opacity:.9}.user-avatar{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:50%!important;border:none;object-fit:cover;display:block;flex-shrink:0;background:transparent}.user-avatar-btn svg{color:#fffc;transition:transform .2s ease}.user-avatar-btn:hover svg{transform:translateY(1px)}.user-dropdown{position:absolute;top:calc(100% + 12px);right:0;min-width:280px;background:#111827;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border:1px solid #1f2937;border-radius:12px;box-shadow:0 18px 48px #00000080;overflow:hidden;animation:dropdownFadeIn .2s ease;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropdown-header{padding:16px;background:#ffffff08}.dropdown-header-clickable{cursor:pointer;transition:all .2s ease;outline:none;border:none;-webkit-tap-highlight-color:transparent;user-select:none}.dropdown-header-clickable:hover{background:#ffffff14}.dropdown-header-clickable:active{background:#ffffff1f;transform:scale(.98)}.dropdown-header-clickable:focus{outline:none}.dropdown-user-info{display:flex;flex-direction:column;gap:4px}.dropdown-user-name{font-size:15px;font-weight:600;color:#fffffff2}.dropdown-user-email{font-size:13px;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credits-section{display:block;padding:12px 16px;background:transparent;border-bottom:1px solid rgba(255,255,255,.1);text-decoration:none;cursor:pointer;transition:background .2s ease}.credits-section:hover{background:#ffffff0d}.upgrade-pro-chip{display:flex;align-items:center;gap:8px;margin:8px 12px;padding:6px 6px 6px 10px;background:#2563eb29;border:1px solid rgba(96,165,250,.3);border-radius:999px;text-decoration:none;cursor:pointer;transition:all .2s ease}.upgrade-pro-chip:hover{background:#2563eb3d;border-color:#60a5fa7a}.upgrade-pro-chip svg{color:#93c5fd;flex-shrink:0}.upgrade-pro-label{font-size:12px;font-weight:500;color:#ffffffd9;letter-spacing:-.01em}.upgrade-pro-btn{font-size:11px;font-weight:600;color:#fff;background:#2563eb;padding:4px 10px;border-radius:999px;letter-spacing:-.01em;transition:all .2s ease;margin-left:auto}.upgrade-pro-chip:hover .upgrade-pro-btn{background:#1d4ed8}.credits-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.credits-section .credits-title{font-size:13px!important;font-weight:500!important;color:#ffffffa6!important;letter-spacing:-.01em}.credits-count{font-size:12px;font-weight:500;color:#fff9;letter-spacing:0}.credits-progress-bar{width:100%;height:6px;background:#ffffff1f;border-radius:999px;overflow:hidden;margin-bottom:6px}.credits-progress-fill{height:100%;background:#2563eb;border-radius:999px;transition:width .3s ease}.credits-helper-text{font-size:10px;color:#ffffff59;letter-spacing:0;line-height:1.3}.dropdown-divider{height:1px;background:#ffffff1a;margin:0}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;line-height:1.5;text-decoration:none}.dropdown-item:hover{background:#ffffff14;color:#fff}.dropdown-item svg{flex-shrink:0}.resources-menu{position:relative;display:inline-flex}.resources-btn{display:inline-flex;align-items:center;gap:6px;background:transparent!important;border:none;cursor:pointer;padding:6px 14px;border-radius:16px;transition:all .2s ease;color:#ffffffbf;text-decoration:none;font-size:13px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.resources-btn:hover{color:#fff;background:#ffffff1a!important}.resources-btn svg{transition:transform .2s ease}.resources-menu:hover .resources-btn svg{transform:rotate(180deg)}.resources-dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-30%);min-width:480px;background:#111827;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border:1px solid #1f2937;border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden;animation:dropdownFadeIn .2s ease;z-index:1000;padding:1.5rem}@media (max-width: 900px){.header-container{padding-inline:clamp(16px,4vw,32px)}.header-nav{display:none}.mobile-menu-toggle{display:inline-flex}.resources-dropdown{left:auto;right:0;min-width:0;width:min(480px,calc(100vw - 32px));max-width:calc(100vw - 32px);transform:none}.workspace-switcher-dropdown{width:min(285px,calc(100vw - 32px));max-width:calc(100vw - 32px)}}.dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.dropdown-section{display:flex;flex-direction:column;gap:.25rem}.dropdown-section-title{font-size:.6875rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.1em;padding:0 .75rem;margin-bottom:.5rem}.dropdown-link{display:block;padding:.75rem;border-radius:8px;text-decoration:none;transition:all .15s ease;cursor:pointer}.dropdown-link:hover{background:#ffffff0d}.dropdown-link-content{display:flex;flex-direction:column;gap:.25rem}.dropdown-link-title{font-size:.9375rem;font-weight:500;color:#ffffffe6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dropdown-link-desc{font-size:.8125rem;font-weight:400;color:#ffffff80;line-height:1.4}.mobile-menu-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:background .2s ease;flex-shrink:0}.mobile-menu-toggle:hover,.header-scrolled .mobile-menu-toggle:hover{background:#ffffff1a}.hamburger-line{display:block;width:20px;height:2px;border-radius:2px;background:#ffffffe6;transition:transform .25s ease,opacity .2s ease}.header-scrolled .hamburger-line{background:#ffffffe6}.mobile-menu-toggle.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none}@media (max-width: 1280px){.header-container{padding:10px 32px}}@media (max-width: 900px){.header-container{padding:10px 16px}.header-nav{display:none}.mobile-menu-toggle{display:inline-flex}.mobile-menu{display:flex;flex-direction:column;gap:4px;position:absolute;top:100%;left:0;right:0;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));background:#0b0e18f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 24px 48px #0006;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;animation:mobileMenuSlide .22s ease;z-index:1001}@keyframes mobileMenuSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-nav{display:flex;flex-direction:column;gap:2px}.mobile-menu-link{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:10px;color:#ffffffd9;text-decoration:none;font-size:15px;font-weight:500;letter-spacing:-.01em;transition:background .15s ease,color .15s ease}.mobile-menu-link:hover,.mobile-menu-link:active{background:#ffffff14;color:#fff}.mobile-menu-divider{height:1px;margin:8px 4px;background:#ffffff1a}.mobile-menu-group-title{padding:4px 12px 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.mobile-menu-auth{display:flex;gap:10px;margin-top:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.mobile-menu-login,.mobile-menu-cta{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.mobile-menu-login{background:transparent;border:1px solid rgba(255,255,255,.25);color:#ffffffe6}.mobile-menu-login:hover{background:#ffffff14}.mobile-menu-cta{background:#fff;border:1px solid #ffffff;color:#000}.mobile-menu-cta:hover{background:#ffffffd9;border-color:#ffffffd9}.logo{font-size:16px}.login-link{font-size:13px;padding:8px 10px}.btn-primary{padding:8px 16px;font-size:13px;border-radius:100px}.header-right{gap:8px}}@media (max-width: 400px){.header-right .btn-primary{padding:7px 12px;font-size:12px}.login-link{padding:8px 6px}}.settings-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:overlayFadeIn .3s ease-out;padding:20px}@keyframes overlayFadeIn{0%{background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}.settings-panel{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);width:100%;max-width:1400px;max-height:95vh;display:flex;flex-direction:column;animation:slideInCenter .3s ease-out;box-shadow:0 25px 80px #000000b3;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes slideInCenter{0%{transform:scale(.95) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.settings-panel-header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.settings-panel-title{font-size:22px;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.settings-panel-close{background:none;border:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;transition:all .2s ease;flex-shrink:0}.settings-panel-close:hover{background:#ffffff1a;color:#ccc}.settings-panel-menu{flex:1;overflow-y:auto;padding:16px 0}.settings-menu-item{width:100%;padding:14px 24px;background:none;border:none;display:flex;align-items:center;gap:14px;color:#ccc;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease;text-align:left;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.settings-menu-item:hover{background:#ffffff14;color:#fff}.settings-menu-item svg{flex-shrink:0;stroke:currentColor}.settings-panel-menu::-webkit-scrollbar{width:8px}.settings-panel-menu::-webkit-scrollbar-track{background:transparent}.settings-panel-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.settings-panel-menu::-webkit-scrollbar-thumb:hover{background:#ffffff40}.settings-panel-content{display:flex;flex:1;overflow:hidden}.settings-sidebar{width:240px;border-right:1px solid rgba(255,255,255,.08);overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:16px 0;background:#0003}.settings-sidebar .settings-menu-item{margin:0;padding:14px 18px;border-radius:0;background:none;width:100%;gap:14px;color:#aaa;font-size:14px;font-weight:500;justify-content:flex-start;transition:all .2s ease}.settings-sidebar .settings-menu-item:hover{background:#ffffff0f;color:#fff}.settings-sidebar .settings-menu-item.active{background:#6366f11a;color:#fff;border-left:3px solid #6366f1;padding-left:15px}.settings-page-content{flex:1;overflow-y:auto;padding:40px 48px;background:linear-gradient(135deg,#1a1a1a80,#0f0f0fb3);scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.4) transparent}.settings-page-content::-webkit-scrollbar{width:4px}.settings-page-content::-webkit-scrollbar-track{background:transparent}.settings-page-content::-webkit-scrollbar-thumb{background:#6366f159;border-radius:10px}.settings-page-content::-webkit-scrollbar-thumb:hover{background:#6366f199}.settings-page{display:flex;flex-direction:column;gap:28px;max-width:900px}.settings-page h3{font-size:20px;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.settings-page h4{font-size:14px;font-weight:600;color:#fff;margin:0 0 12px;letter-spacing:-.01em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.settings-header-section{margin-bottom:32px}.settings-header-section h3{margin-bottom:8px}.header-description{color:#aaa;font-size:15px;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.activity-section{margin-bottom:36px;padding:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px}.activity-section h4{margin-bottom:20px;font-size:14px;text-transform:none;letter-spacing:0;opacity:1}.activity-graph{margin-bottom:24px;padding:16px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.activity-chart{width:100%;height:80px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-item{display:flex;flex-direction:column}.stat-label{color:#888;font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.stat-value{color:#fff;font-size:16px;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.avatar-section{margin-bottom:32px}.avatar-card{display:flex;gap:20px;align-items:flex-start;padding:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px}.avatar-display{flex-shrink:0}.avatar-circle{width:80px;height:80px;background:linear-gradient(135deg,#c084fc,#a78bfa);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700}.avatar-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px}.avatar-info p{color:#aaa;font-size:14px;margin:0;line-height:1.5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.avatar-actions{display:flex;gap:12px;margin-top:4px}.btn-upload-avatar{display:inline-flex;align-items:center;padding:10px 18px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.btn-upload-avatar:hover{background:#4f46e5}.btn-remove-avatar{padding:10px 18px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.btn-remove-avatar:hover{background:#ef444433;border-color:#ef444480}.field-section{margin-bottom:24px}.field-section h4{margin-bottom:8px;font-size:14px;font-weight:600}.field-description{color:#888;font-size:13px;margin:0 0 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.input-with-button{display:flex;gap:12px;align-items:flex-start}.input-with-button input{flex:1;width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease;outline:none}.input-with-button textarea{flex:1;width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease;outline:none;resize:vertical;min-height:80px;line-height:1.5}.input-with-button input:hover,.input-with-button textarea:hover{border-color:#ffffff29;background:#ffffff12}.input-with-button input:focus,.input-with-button textarea:focus{border-color:#6366f1;background:#6366f10d;box-shadow:0 0 0 3px #6366f11a}.field-section input,.field-section textarea{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease;outline:none}.field-section input:hover,.field-section textarea:hover{border-color:#ffffff29;background:#ffffff12}.field-section input:focus,.field-section textarea:focus{border-color:#6366f1;background:#6366f10d;box-shadow:0 0 0 3px #6366f11a}.field-section input:disabled{opacity:.5;cursor:not-allowed;background:#ffffff08}.field-section input::placeholder,.field-section textarea::placeholder{color:#666}.field-section textarea{resize:vertical;min-height:80px;line-height:1.5}.subtitle{color:#aaa;font-size:15px;margin:0 0 24px;line-height:1.5}.muted-text{color:#888;font-size:14px;margin:0 0 20px;line-height:1.5}.settings-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:12px;font-weight:500;color:#fff9;letter-spacing:0}.form-group input,.form-group textarea,.form-group select{padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#e5e7eb;font-size:14px;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0003,inset 0 1px #ffffff08}.form-group select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23888' d='M0 0l5 6 5-6H0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:10px 6px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:#ffffff40;background:#ffffff14;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#fff6;background:#ffffff14;box-shadow:0 0 0 3px #ffffff14,0 2px 8px #0000004d,inset 0 1px #ffffff0d}.form-group select option{background:#1a1a1a;color:#fff;padding:12px;font-weight:450}.form-group input:disabled{opacity:.6;cursor:not-allowed;background:#ffffff0a}.form-group textarea{resize:vertical;font-family:inherit}.form-group .btn-update{align-self:flex-start;padding:10px 20px;background:#6366f1;border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;margin-top:4px}.form-group .btn-update:hover{background:#4f46e5;transform:translateY(-1px)}.settings-section{border-top:1px solid rgba(255,255,255,.08);padding-top:28px}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;color:#ccc;font-size:14px;font-weight:500}.toggle-item input[type=checkbox]{width:44px;height:24px;cursor:pointer}.radio-group label{display:flex;align-items:center;gap:10px;color:#ccc;cursor:pointer;font-size:14px}.radio-group input[type=radio]{cursor:pointer;width:18px;height:18px}.account-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ccc;margin-bottom:16px;font-weight:500}.badge{display:inline-block;padding:5px 10px;background:#6366f1;color:#fff;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.security-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-weight:500}.danger-zone{border-top:2px solid rgba(220,38,38,.25);padding-top:28px;margin-top:28px}.btn-primary,.btn-secondary,.btn-danger,.btn-setup,.btn-update,.btn-secondary-small{padding:11px 20px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn-secondary,.btn-danger,.btn-setup,.btn-update,.btn-secondary-small{border-radius:8px}.btn-primary{background:#fff!important;color:#000!important;border-radius:100px;outline:none!important;box-shadow:none!important;border:none!important}.btn-primary:hover{background:#ffffffd9!important;transform:translateY(-1px);box-shadow:none!important;outline:none!important}.btn-primary:focus{outline:none!important;box-shadow:none!important}.btn-primary:active{transform:translateY(0);outline:none!important;box-shadow:none!important}.btn-secondary{background:#ffffff14;color:#e5e7eb;border:1px solid rgba(255,255,255,.15)}.btn-secondary:hover{background:#ffffff1f;color:#fff;border-color:#ffffff40;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-secondary-small{padding:8px 16px;font-size:12px;background:#ffffff14;color:#e5e7eb;border:1px solid rgba(255,255,255,.15)}.btn-secondary-small:hover{background:#ffffff1f;color:#fff;border-color:#ffffff40}.btn-update{padding:10px 18px;background:#6366f11a;color:#a5b4fc;border:1px solid rgba(99,102,241,.3);font-size:13px}.btn-update:hover{background:#6366f126;color:#c7d2fe;border-color:#6366f166;transform:translateY(-1px)}.btn-danger{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.3);padding:10px 20px}.btn-danger:hover{background:#ef444433;color:#fecaca;border-color:#ef444480;transform:translateY(-1px)}.btn-setup{background:#ffffff0f;color:#aaa;border:1px solid rgba(255,255,255,.12);font-size:12px;padding:8px 14px}.btn-setup:hover{background:#ffffff1a;color:#ddd;border-color:#ffffff2e}.settings-section{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.06)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h4{font-size:14px;font-weight:600;color:#fff;margin:0 0 8px;letter-spacing:-.01em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.section-description{color:#888;font-size:13px;margin:0 0 20px;line-height:1.5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.toggle-group{display:flex;flex-direction:column;gap:16px}.toggle-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .2s ease}.toggle-item:hover{background:#ffffff0f;border-color:#ffffff1f}.toggle-info{display:flex;flex-direction:column;gap:4px;flex:1}.toggle-label{font-size:14px;color:#fff;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.toggle-description{font-size:12px;color:#888;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.toggle-switch{position:relative;width:44px;height:24px;cursor:pointer;flex-shrink:0}.toggle-slider{position:absolute;inset:0;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:24px;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#6366f1;border-color:#6366f1}.toggle-switch:hover .toggle-slider{background-color:#ffffff26}.toggle-switch input:checked:hover+.toggle-slider{background-color:#4f46e5}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.radio-item:hover{background:#ffffff0f;border-color:#ffffff1f}.radio-item input[type=radio]{position:absolute;opacity:0;cursor:pointer}.radio-custom{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;position:relative;flex-shrink:0;transition:all .2s ease;margin-top:2px}.radio-custom:after{content:"";position:absolute;display:none;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#6366f1}.radio-item input[type=radio]:checked~.radio-custom{border-color:#6366f1}.radio-item input[type=radio]:checked~.radio-custom:after{display:block}.radio-content{display:flex;flex-direction:column;gap:4px;flex:1}.radio-label{font-size:14px;color:#fff;font-weight:500}.radio-description{font-size:12px;color:#888}.linked-accounts-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.account-card{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .2s ease}.account-card:hover{background:#ffffff0f;border-color:#ffffff1f}.account-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border-radius:8px;flex-shrink:0}.account-info{display:flex;flex-direction:column;gap:4px;flex:1}.account-name{font-size:14px;color:#fff;font-weight:500}.account-email{font-size:12px;color:#888}.badge-primary{padding:4px 12px;background:#6366f126;color:#818cf8;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.security-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .2s ease}.security-card:hover{background:#ffffff0f;border-color:#ffffff1f}.security-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:10px;color:#818cf8;flex-shrink:0}.security-content{flex:1;display:flex;flex-direction:column;gap:8px}.security-info{display:flex;align-items:center;gap:12px}.security-title{font-size:14px;color:#fff;font-weight:500}.security-status{padding:3px 8px;border-radius:5px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.security-status.enabled{background:#22c55e26;color:#4ade80}.security-description{font-size:12px;color:#888;margin:0}.danger-zone{margin-top:48px;padding:24px;background:#ef44440d;border:1px solid rgba(239,68,68,.15);border-radius:12px}.danger-zone-header{margin-bottom:16px}.danger-zone-header h4{color:#fca5a5;font-size:14px;font-weight:600;margin:0 0 6px}.danger-zone-header .section-description{margin:0}.danger-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:#0003;border:1px solid rgba(239,68,68,.2);border-radius:8px}.danger-content{display:flex;flex-direction:column;gap:4px;flex:1}.danger-title{font-size:14px;color:#fca5a5;font-weight:500}.danger-description{font-size:12px;color:#888}.people-controls{display:flex;gap:14px;margin-bottom:28px;flex-wrap:wrap}.members-filter-meta{margin:-12px 0 16px;font-size:12px;color:#9ca3af;letter-spacing:.02em}.members-empty-state{text-align:center;color:#9ca3af;font-size:13px;padding:24px 16px!important}.search-input{flex:1;min-width:220px;padding:11px 14px 11px 40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;transition:all .2s ease;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.search-input:hover{border-color:#ffffff29;background:#ffffff12}.search-input:focus{border-color:#6366f1;background:#6366f10d;box-shadow:0 0 0 3px #6366f11a}.search-input::placeholder{color:#666}.custom-select-wrapper{position:relative;display:inline-block}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#e5e7eb;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-width:120px;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff08}.custom-select-trigger:hover:not(:disabled){background:#ffffff14;border-color:#ffffff40;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}.custom-select-trigger:disabled{opacity:.5;cursor:not-allowed}.select-chevron{color:#ffffff80;transition:transform .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.select-chevron.open{transform:rotate(180deg)}.custom-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:160px;max-height:145px;background:#1a1a1cfa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 4px 6px -1px #0000004d,0 10px 20px -5px #0006,0 0 0 1px #ffffff0d;padding:4px;z-index:1000;animation:dropdownSlideIn .2s cubic-bezier(.16,1,.3,1);transform-origin:top center;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.4) transparent}.custom-select-menu::-webkit-scrollbar{width:4px}.custom-select-menu::-webkit-scrollbar-track{background:transparent}.custom-select-menu::-webkit-scrollbar-thumb{background:#6366f159;border-radius:10px}.custom-select-menu::-webkit-scrollbar-thumb:hover{background:#6366f199}@keyframes dropdownSlideIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.custom-select-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:transparent;border:none;border-radius:6px;color:#fffc;font-size:13px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:450;cursor:pointer;transition:all .15s ease;text-align:left}.custom-select-option:hover{background:#ffffff14;color:#fff}.custom-select-option:active{background:#ffffff1f;transform:scale(.98)}.custom-select-option.selected{background:#ffffff1a;color:#fff;font-weight:500}.custom-select-option.selected svg{color:#10b981}.custom-select-option+.custom-select-option{margin-top:0}.custom-select-inline .custom-select-trigger{min-width:auto;padding:8px 12px;font-size:13px}.custom-select-inline .custom-select-menu{min-width:140px}.role-filter,select{padding:10px 40px 10px 14px;background:#ffffff0a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23888' d='M0 0l5 6 5-6H0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:10px 6px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#e5e7eb;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff08}.role-filter:hover,select:hover{border-color:#ffffff40;background-color:#ffffff14;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}.role-filter:focus,select:focus{border-color:#fff6;background-color:#ffffff0f;box-shadow:0 0 0 3px #ffffff14,0 2px 8px #0000004d,inset 0 1px #ffffff0d}.role-filter option,select option{background:#1a1a1a;color:#fff;padding:12px 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:450}.search-input:focus{outline:none;border-color:#6366f1;background:#6366f114}.tabs{display:flex;gap:8px;padding:4px;background:#ffffff0a;border-radius:10px;margin-bottom:24px}.tab{padding:10px 20px;background:transparent;border:none;color:#888;cursor:pointer;font-size:13px;font-weight:600;border-radius:7px;transition:all .2s ease;white-space:nowrap}.tab:hover{color:#ccc;background:#ffffff0f}.tab.active{color:#fff;background:#6366f126;box-shadow:0 2px 4px #0000001a}.people-table{width:100%;border-collapse:separate;border-spacing:0;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.people-table thead{background:#ffffff0d}.people-table th{padding:16px 20px;text-align:left;font-size:11px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.08)}.people-table td{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.04);color:#e5e7eb;font-size:14px}.people-table tbody tr{transition:all .2s ease}.people-table tbody tr:hover{background:#6366f10d}.people-table tbody tr:last-child td{border-bottom:none}.people-table th:nth-child(4),.people-table td:nth-child(4){text-align:center;width:120px}.credit-limit-cell{display:flex;justify-content:center;align-items:center}.member-name{display:flex;align-items:center;gap:12px}.people-table tbody tr:hover .member-avatar{transform:scale(1.05);box-shadow:0 2px 8px #6366f166}.member-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0;transition:all .2s ease}.member-email{color:#9ca3af;font-size:13px}html:not(.landing-dark-mode) .people-table th{color:#6b7280;border-bottom-color:#e5e7eb}html:not(.landing-dark-mode) .people-table td{color:#374151;border-bottom-color:#f3f4f6}html:not(.landing-dark-mode) .people-table .member-name{color:#111827;font-weight:600}html:not(.landing-dark-mode) .people-table .member-email{color:#4b5563;font-weight:500}html:not(.landing-dark-mode) .people-table .credits-used,html:not(.landing-dark-mode) .people-table .total-credits-used{color:#111827;font-weight:600}html:not(.landing-dark-mode) .people-table .text-muted{color:#6b7280}.role-select-inline{padding:8px 36px 8px 12px;background:#ffffff0a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23888' d='M0 0l5 6 5-6H0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px 6px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#e5e7eb;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff08}.role-select-inline:hover:not(:disabled){background-color:#ffffff14;border-color:#ffffff40;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}.role-select-inline:focus{border-color:#fff6;background-color:#ffffff0f;box-shadow:0 0 0 3px #ffffff14,0 2px 8px #0000004d,inset 0 1px #ffffff0d}.role-select-inline:disabled{opacity:.5;cursor:not-allowed}.role-select-inline option{background:#1a1a1a;color:#fff;padding:12px;font-weight:450}.credit-limit-input{width:100%;max-width:90px;padding:8px 12px;background:#000;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:14px;font-weight:500;text-align:center;transition:all .2s ease;outline:none;appearance:textfield;-moz-appearance:textfield}.credit-limit-input::-webkit-outer-spin-button,.credit-limit-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.credit-limit-input:hover:not(:disabled){background:#0a0a0a;border-color:#ffffff40}.credit-limit-input:focus{background:#000;border-color:#fff;box-shadow:0 0 0 2px #ffffff1a}.credit-limit-input:disabled{opacity:.4;cursor:not-allowed;background:#0000004d}.credits-used{font-size:13px;color:#9ca3af;font-family:JetBrains Mono,Courier New,monospace}.total-credits-used{font-size:13px;color:#e5e7eb;font-family:JetBrains Mono,Courier New,monospace;font-weight:500}.credits-warning{color:#f59e0b!important;font-weight:600}.status-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.active{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.invited{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.inactive{background:#9ca3af26;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.text-muted{color:#6b7280}.modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.invite-member-modal{width:90%;max-width:480px;background:#1a1a1a;border:1px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 20px 60px #000c;animation:slideUp .25s ease;overflow:hidden}.change-password-modal,.integration-connect-modal{max-width:520px}.integration-connect-intro{margin:0 0 16px;font-size:13px;color:#ffffffad;line-height:1.5}.integration-connect-error{margin-bottom:16px;padding:10px 12px;border-radius:8px;border:1px solid rgba(239,68,68,.4);background:#ef44441f;color:#fca5a5;font-size:13px;font-weight:500}.change-password-form{display:flex;flex-direction:column;max-height:72vh}.change-password-modal .modal-body{flex:1;max-height:none;padding-bottom:16px}.change-password-error{margin-bottom:16px;padding:10px 12px;border-radius:8px;border:1px solid rgba(239,68,68,.4);background:#ef44441f;color:#fca5a5;font-size:13px;font-weight:500}.change-password-inline-error{margin-top:8px;margin-bottom:0;color:#fca5a5;font-size:12px;font-weight:500}.password-rules{margin-top:10px;display:grid;gap:6px}.password-rule{display:flex;align-items:center;gap:8px;color:#ffffff8f;font-size:12px;line-height:1.35}.password-rule.valid{color:#86efac}.password-rule-icon{width:14px;text-align:center;font-weight:700}.change-password-footer{background:#111213!important;border-top:1px solid rgba(255,255,255,.1)!important;padding:14px 24px!important;margin-top:0!important;flex-shrink:0}.change-password-footer .btn-secondary,.change-password-footer .btn-primary{min-width:130px;height:40px;display:inline-flex!important;align-items:center;justify-content:center;text-align:center;line-height:1;gap:0}.modal-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff;letter-spacing:-.01em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.modal-close-btn{background:none;border:none;color:#ffffff80;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:6px}.modal-close-btn:hover{background:#ffffff1a;color:#fff}.modal-body{padding:24px;max-height:60vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.4) transparent}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#6366f159;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#6366f199}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:8px;font-size:12px;font-weight:400;color:#fff9!important;letter-spacing:0;text-transform:none!important}.invite-member-modal .form-label{color:#fff9!important;text-transform:none!important;font-size:12px!important}.form-input{width:100%;padding:11px 14px;background:#ffffff1f!important;border:1px solid rgba(255,255,255,.4)!important;border-radius:8px;color:#fff!important;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease;outline:none}.invite-member-modal .form-input{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.4)!important;color:#fff!important}.form-input:hover{border-color:#ffffff80;background:#ffffff26}.form-input:focus{border-color:#ffffffb3;background:#ffffff26;box-shadow:0 0 0 3px #fff3}.form-input::placeholder{color:#fff9!important}.invite-member-modal .form-input::placeholder{color:#fff9!important}.form-select{width:100%;padding:11px 40px 11px 14px;background:#ffffff0f!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23888' d='M0 0l5 6 5-6H0z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:10px 6px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px;color:#e5e7eb!important;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff08}.invite-member-modal .form-select{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.15)!important;color:#e5e7eb!important}.form-select:hover{border-color:#ffffff40;background-color:#ffffff14!important;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}.form-select:focus{border-color:#fff6;background-color:#ffffff14!important;box-shadow:0 0 0 3px #ffffff14,0 2px 8px #0000004d,inset 0 1px #ffffff0d}.form-select option{background:#1a1a1a;color:#fff;padding:12px;font-weight:450}.form-hint{margin-top:6px;font-size:12px;color:#ffffff80!important;line-height:1.4}.invite-member-modal .form-hint{color:#ffffff80!important}.modal-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:10px;justify-content:flex-end;background:#0000004d}.modal-footer .btn-secondary{padding:9px 18px;background:transparent;border:1.5px solid rgba(255,255,255,.4);border-radius:7px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-footer .btn-secondary:hover{background:#ffffff1a;border-color:#fff9;color:#fff}.modal-footer .btn-primary{padding:9px 20px!important;background:#fff!important;border:1.5px solid #ffffff!important;border-radius:7px!important;color:#000!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:none!important}.modal-footer .btn-primary:hover:not(:disabled){background:#ffffffe6!important;border-color:#fff!important;box-shadow:0 0 0 3px #fff3!important}.modal-footer .btn-primary:disabled{opacity:.5!important;cursor:not-allowed!important;background:#666!important;border-color:#666!important;color:#fff!important}.invite-member-modal .modal-footer .btn-primary{background:#fff!important;color:#000!important;border:1px solid #ffffff!important}.invite-member-modal .modal-footer .btn-primary:disabled{background:#666!important;color:#fff!important;border-color:#666!important}.invite-member-modal .modal-footer .btn-secondary{border:1px solid rgba(255,255,255,.4)!important;color:#fff!important}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.balance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.balance-card{padding:24px;background:linear-gradient(135deg,#6366f114,#6366f10a);border:1px solid rgba(99,102,241,.15);border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.balance-card:hover{background:linear-gradient(135deg,#6366f11f,#6366f10f);border-color:#6366f140;transform:translateY(-2px);box-shadow:0 8px 16px #6366f126}.balance-card h4{margin:0 0 12px;font-size:13px;color:#aaa;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.balance-card p{color:#fff;font-size:22px;margin:0;font-weight:700}.accordion{margin-top:32px}.accordion summary{cursor:pointer;padding:16px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-weight:600;font-size:14px;transition:all .2s ease;list-style:none;display:flex;align-items:center;justify-content:space-between}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"▼";font-size:10px;color:#888;transition:transform .2s ease}.accordion[open] summary:after{transform:rotate(-180deg)}.accordion summary:hover{background:#ffffff0f;border-color:#ffffff29}.accordion p{padding:20px 18px;margin:0;color:#aaa;font-size:14px;line-height:1.6;background:#0003;border:1px solid rgba(255,255,255,.06);border-top:none;border-radius:0 0 10px 10px}.privacy-settings{display:flex;flex-direction:column;gap:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .2s ease}.setting-row:hover{background:#ffffff0f;border-color:#ffffff1f}.setting-row label{color:#e5e7eb;font-size:14px;font-weight:500;flex:1}.setting-row select{padding:10px 40px 10px 14px;background:#ffffff0a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23888' d='M0 0l5 6 5-6H0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:10px 6px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#e5e7eb;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff08}.setting-row select:hover{border-color:#ffffff40;background-color:#ffffff14;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}.setting-row select:focus{outline:none;border-color:#fff6;box-shadow:0 0 0 3px #ffffff14,0 2px 8px #0000004d,inset 0 1px #ffffff0d}.setting-row select option{background:#1a1a1a;color:#fff;padding:12px;font-weight:450}.setting-row input[type=checkbox]{width:44px;height:24px;cursor:pointer;position:relative;appearance:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:24px;transition:all .3s ease}.setting-row input[type=checkbox]:before{content:"";position:absolute;height:18px;width:18px;left:2px;top:50%;transform:translateY(-50%);background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.setting-row input[type=checkbox]:checked{background-color:#6366f1;border-color:#6366f1}.setting-row input[type=checkbox]:checked:before{transform:translate(20px,-50%)}.section-title{font-size:12px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.08em;margin-top:32px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.connectors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.integration-toolbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:8px}.integration-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0a;color:#fff9}.integration-search input{background:transparent;border:none;outline:none;color:#fff;font-size:13px;width:180px}.integration-empty{grid-column:1 / -1;padding:20px;border:1px dashed rgba(255,255,255,.2);border-radius:12px;text-align:center;color:#ffffff80;font-size:13px}.connector-card{padding:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;align-items:center;gap:12px;color:#fff;font-size:14px;font-weight:500;transition:all .2s ease}.connector-card:hover{background:#ffffff0f;border-color:#ffffff29;transform:translateY(-1px)}.connector-icon{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:8px;color:#818cf8;flex-shrink:0;overflow:hidden}.connector-icon svg{width:24px;height:24px;flex-shrink:0}.connector-logo{width:22px;height:22px;object-fit:contain;display:block}.connector-name{flex:1;font-size:14px;font-weight:500;color:#fff}.integration-card-main{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.integration-card-status{font-size:11px;font-weight:600;line-height:1.3}.integration-card-status.status-success{color:#4ade80}.integration-card-status.status-error{color:#f87171}.integration-card-status.status-neutral{color:#fff9}.integration-card-details{font-size:11px;color:#ffffffb3;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connector-card .status{padding:4px 10px;background:#22c55e26;color:#4ade80;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:6px;white-space:nowrap}.missing-integration{margin-top:40px;padding:32px;background:#6366f10d;border:1px dashed rgba(99,102,241,.2);border-radius:12px;text-align:center}.missing-integration h4{margin:0 0 8px;font-size:16px;color:#fff}.missing-integration p{color:#aaa;font-size:14px;margin:0 0 20px;line-height:1.5}.github-docs{margin-bottom:24px}.docs-link{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:8px;color:#818cf8;text-decoration:none;font-size:14px;font-weight:600;transition:all .2s ease}.docs-link:hover{background:#6366f11f;border-color:#6366f14d;color:#a5b4fc;transform:translateY(-1px)}.github-card{padding:24px;background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:all .3s ease}.github-card:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#ffffff29;transform:translateY(-2px);box-shadow:0 8px 16px #0003}.github-card>div{display:flex;flex-direction:column;gap:8px}.github-card .badge{width:fit-content}.github-card p{color:#aaa;font-size:14px;margin:0;line-height:1.5}.settings-sidebar::-webkit-scrollbar,.settings-page-content::-webkit-scrollbar{width:8px}.settings-sidebar::-webkit-scrollbar-track,.settings-page-content::-webkit-scrollbar-track{background:transparent}.settings-sidebar::-webkit-scrollbar-thumb,.settings-page-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.settings-sidebar::-webkit-scrollbar-thumb:hover,.settings-page-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.credits-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.credits-modal{position:relative;background:#1a1a1a;border-radius:20px;width:auto;max-width:480px;box-shadow:0 20px 60px #00000080;overflow:hidden;animation:slideUp .3s ease}.credits-modal-close{position:absolute;top:16px;right:16px;background:#ffffff14;border:none;color:#888;cursor:pointer;padding:8px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.credits-modal-close:hover{background:#ffffff26;color:#fff}.credits-badge{position:absolute;top:20px;left:20px;background:#ffffff1f;color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.credits-hero{position:relative;background:linear-gradient(135deg,#2a2a2a,#1f1f1f);background-size:cover;background-position:center;padding:40px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.credits-hero:before{content:"";position:absolute;inset:0;background:#0000008c;z-index:0}.credits-hero-content{flex:1;text-align:left;position:relative;z-index:1}.credits-title{margin:0 0 4px;font-size:24px;font-weight:700;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.02em;line-height:1.2;text-shadow:0 4px 12px rgba(0,0,0,.4)}.credits-subtitle{margin:0;font-size:14px;font-weight:400;color:#aaa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:0;line-height:1.5;text-shadow:0 4px 12px rgba(0,0,0,.35)}.credits-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.credits-content{padding:32px}.credits-section-title{margin:0 0 20px;font-size:16px;font-weight:600;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;line-height:1.5}.credits-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.credits-step{display:flex;align-items:flex-start;gap:12px}.credits-step-icon{flex-shrink:0;width:32px;height:32px;background:#ffffff14;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.credits-step-text{flex:1;color:#ccc;font-size:14px;font-weight:400;line-height:32px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:0}.credits-step-text strong{color:#fff;font-weight:600}.credits-usage{margin-bottom:20px;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px}.credits-usage p{margin:0;color:#aaa;font-size:13px;font-weight:400;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:0;line-height:1.5}.credits-usage strong{color:#fff;font-weight:600}.credits-link-box{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:20px}.credits-link-icon{flex-shrink:0;color:#888}.credits-link-text{flex:1;color:#fff;font-size:13px;font-weight:400;font-family:JetBrains Mono,Monaco,Courier New,monospace;letter-spacing:0;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credits-copy-btn{flex-shrink:0;padding:8px 18px;background:#fff;color:#1a1a1a;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;line-height:1.5}.credits-copy-btn:hover{background:#f0f0f0;transform:translateY(-1px)}.credits-copy-btn:active{transform:translateY(0)}.credits-terms{text-align:center}.credits-terms-link{color:#888;font-size:12px;font-weight:400;text-decoration:underline;transition:color .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:0;line-height:1.5}.credits-terms-link:hover{color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.inbox-wrapper{position:relative;margin-right:4px}.inbox-btn{width:34px;height:34px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#ffffffb3}.inbox-btn svg{width:18px;height:18px}.inbox-btn:hover{background:#ffffff1f;border-color:#fff3;color:#fff;transform:translateY(-1px)}.inbox-btn:active{transform:translateY(0)}.inbox-badge{position:absolute;top:-3px;right:-3px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center;line-height:1.2;box-shadow:0 2px 8px #ef444466}.header-scrolled .inbox-btn{background:#ffffff0f;border-color:var(--pk-line, rgba(255, 255, 255, .08));color:var(--pk-text, #f5f5f7)}.header-scrolled .inbox-btn:hover{background:#ffffff1c;border-color:var(--pk-line-strong, rgba(255, 255, 255, .14));color:#fff}.inbox-modal{position:absolute;top:calc(100% + 12px);right:0;width:400px;max-height:600px;background:#19191efa;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 20px 60px #00000080;overflow:hidden;animation:slideUp .2s ease;z-index:10000}.inbox-header{display:flex;align-items:center;background:#19191efa;border-bottom:1px solid rgba(255,255,255,.08);padding:0}.inbox-tab{flex:1;padding:16px 20px;background:transparent;border:none;color:#ffffff80;font-size:14px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.inbox-tab:hover{color:#fffc;background:#ffffff0a}.inbox-tab.active{color:#fff;border-bottom-color:#8b5cf6;background:#ffffff0a}.inbox-content{max-height:540px;overflow-y:auto;background:#19191efa}.inbox-content::-webkit-scrollbar{width:6px}.inbox-content::-webkit-scrollbar-track{background:transparent}.inbox-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.inbox-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center}.inbox-empty svg{color:#fff3;margin-bottom:16px}.inbox-empty-title{color:#fff;font-size:16px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;margin-bottom:8px}.inbox-empty-subtitle{color:#888;font-size:14px;font-weight:400;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:0;line-height:1.5;margin:0}.inbox-requests{padding:12px}.inbox-request-item{display:flex;gap:12px;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:12px;transition:all .2s ease}.inbox-request-item.unread{background:#6366f11a;border-color:#6366f14d}.inbox-request-item:hover{background:#ffffff0f;border-color:#ffffff1f}.inbox-request-item.unread:hover{background:#6366f126;border-color:#6366f166}.inbox-request-item:last-child{margin-bottom:0}.inbox-request-thumbnail{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#ffffff0d}.inbox-request-thumbnail img{width:100%;height:100%;object-fit:cover}.inbox-request-content{flex:1;min-width:0}.inbox-request-title{color:#fff;font-size:14px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;margin-bottom:6px}.inbox-request-description{color:#aaa;font-size:13px;font-weight:400;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:0;line-height:1.5;margin-bottom:12px}.inbox-request-actions{display:flex;gap:8px;margin-bottom:12px}.inbox-request-accept,.inbox-request-decline{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.inbox-request-accept{background:#6366f1;color:#fff}.inbox-request-accept:hover{background:#5558e3;transform:translateY(-1px)}.inbox-request-decline{background:#ffffff1a;color:#fff}.inbox-request-decline:hover{background:#ffffff26}.inbox-request-time{color:#666;font-size:12px;font-weight:400;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.inbox-updates{padding:12px}.inbox-update-item{display:flex;gap:12px;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:12px;cursor:pointer;transition:all .2s ease}.inbox-update-item:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-1px)}.inbox-update-item:last-child{margin-bottom:0}.inbox-update-indicator{width:8px;height:8px;background:#ec4899;border-radius:50%;flex-shrink:0;margin-top:6px}.inbox-update-content{flex:1;min-width:0}.inbox-update-title{color:#fff;font-size:14px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;line-height:1.4;margin-bottom:6px}.inbox-update-description{color:#aaa;font-size:13px;font-weight:400;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:0;line-height:1.5;margin-bottom:12px}.inbox-update-banner{border-radius:12px;overflow:hidden;margin-bottom:12px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}.inbox-update-time{color:#666;font-size:12px;font-weight:400;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:0}@media (max-width: 768px){.inbox-modal{width:340px}.inbox-wrapper{margin-right:12px}}button.btn-primary,.btn-primary,.header-right .btn-primary,.header-right button.btn-primary{background:#fff!important;color:#000!important;background-image:none!important;border-radius:100px!important;border:none!important;outline:none!important;box-shadow:none!important;padding:7px 18px!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important}button.btn-primary:hover,.btn-primary:hover,.header-right .btn-primary:hover,.header-right button.btn-primary:hover{background:#ffffffd9!important;background-image:none!important;box-shadow:none!important;outline:none!important}button.btn-primary:focus,.btn-primary:focus,.header-right .btn-primary:focus,.header-right button.btn-primary:focus{background:#fff!important;background-image:none!important;outline:none!important;box-shadow:none!important}button.btn-primary:active,.btn-primary:active,.header-right .btn-primary:active,.header-right button.btn-primary:active{background:#fff!important;background-image:none!important;outline:none!important;box-shadow:none!important}button{background-image:none!important}.btn-primary,button.btn-primary{background:#fff!important;color:#000!important}.project-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-modal{background:#1a1a1a;border-radius:16px;width:100%;max-width:1200px;height:90vh;max-height:900px;overflow:hidden;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.project-modal-tabs{display:flex;gap:8px}.project-tab{background:transparent;border:none;color:#fff9;font-size:14px;font-weight:500;padding:10px 18px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-tab:hover{color:#fff;background:#ffffff1a}.project-tab.active{background:#ffffff26;color:#fff}.browse-all-templates-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;color:#000;font-family:Inter,sans-serif;font-size:13px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.browse-all-templates-btn:hover{background:#ffffffd9;transform:translateY(-1px)}.browse-all-templates-btn:active{transform:translateY(0)}.browse-all-templates-btn svg{flex-shrink:0}.project-browse-all{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:#ffffffb3;font-size:14px;cursor:pointer;transition:color .2s ease}.project-browse-all:hover{color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.4) transparent}.project-grid::-webkit-scrollbar{width:4px}.project-grid::-webkit-scrollbar-track{background:transparent}.project-grid::-webkit-scrollbar-thumb{background:#6366f159;border-radius:10px}.project-grid::-webkit-scrollbar-thumb:hover{background:#6366f199}.project-card{background:#0d0d0d;border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0006}.project-thumbnail{position:relative;aspect-ratio:2/1;overflow:hidden}.project-thumbnail img{width:100%;height:100%;object-fit:cover}.project-favorite{position:absolute;top:6px;right:32px;background:#0009;border:none;border-radius:4px;padding:4px;cursor:pointer;color:#ffffffb3;opacity:0;transition:opacity .2s ease}.project-card:hover .project-favorite{opacity:1}.project-favorite:hover{color:gold}.project-menu-wrapper{position:absolute;top:6px;right:6px;z-index:10}.project-menu-btn{background:#000000b3;border:none;border-radius:4px;padding:5px;cursor:pointer;color:#fffc;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.project-card:hover .project-menu-btn{opacity:1}.project-menu-btn:hover{color:#fff;background:#000000e6}.project-dropdown-menu{position:fixed;background:#2a2a2a;border:1px solid rgba(255,255,255,.15);border-radius:10px;min-width:200px;padding:8px;z-index:10001;box-shadow:0 12px 40px #00000080;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-dropdown-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;background:transparent;border:none;color:#ffffffe6;font-size:14px;font-weight:500;text-align:left;cursor:pointer;border-radius:8px;transition:background .15s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-dropdown-menu button:hover{background:#ffffff1a}.project-dropdown-menu button.danger{color:#ff6b6b}.project-dropdown-menu button.danger:hover{background:#ff6b6b26}.project-menu-divider{height:1px;background:#ffffff1a;margin:6px 0}.project-info{display:flex;align-items:center;gap:8px;padding:8px 10px}.project-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;flex-shrink:0}.project-details h4{color:#fff;font-size:12px;font-weight:600;margin:0 0 2px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-details span{color:#ffffff80;font-size:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-settings-layout{display:flex;height:calc(85vh - 40px)}.project-settings-sidebar{width:260px;background:#0d0d0d;border-right:1px solid rgba(255,255,255,.1);padding:20px;overflow-y:auto;flex-shrink:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-go-back{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;margin-bottom:20px;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-go-back:hover{color:#fff;background:#ffffff1a}.sidebar-section{margin-bottom:24px}.sidebar-section-title{color:#fff6;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:0 12px;margin-bottom:8px}.sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;color:#fffc;font-size:14px;font-weight:500;text-align:left;cursor:pointer;border-radius:8px;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar-item:hover{background:#ffffff14;color:#fff}.sidebar-item.active{background:#ffffff1f;color:#fff}.project-settings-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.settings-page-content{padding:28px 36px;max-width:100%;width:100%}.settings-page-header{margin-bottom:28px;position:relative}.settings-page-header h2{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.settings-page-header p{color:#ffffff80;font-size:14px;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.docs-link{position:absolute;top:0;right:0;display:flex;align-items:center;gap:6px;color:#fff9;font-size:13px;text-decoration:none;transition:color .2s ease}.docs-link:hover{color:#fff}.settings-card{background:#0d0d0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:16px;width:100%;box-sizing:border-box}.settings-card h3{color:#fff;font-size:15px;font-weight:600;margin:0 0 16px}.settings-card.danger-zone{border-color:#ff6b6b4d}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%}.overview-item label{display:block;color:#ffffff80;font-size:12px;margin-bottom:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.overview-value{color:#fff;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.overview-value.editable{display:flex;align-items:center;gap:8px;cursor:pointer}.overview-value.editable svg{color:#fff6}.overview-value.editable:hover svg{color:#fff}.overview-value.muted{color:#fff6}.overview-value.link{color:#a78bfa;text-decoration:underline;cursor:pointer}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.settings-row-info{flex:1}.settings-row-info h4{color:#fff;font-size:14px;font-weight:500;margin:0 0 4px;display:flex;align-items:center;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.settings-row-info p{color:#ffffff80;font-size:13px;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.settings-row-info p a{color:#a78bfa;text-decoration:underline}.pro-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.settings-select{background:#ffffff0a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23888' d='M0 0l5 6 5-6H0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:10px 6px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#e5e7eb;font-size:13px;padding:10px 40px 10px 14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff08}.settings-select:hover{border-color:#ffffff40;background-color:#ffffff14;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}.settings-select:focus{outline:none;border-color:#fff6;box-shadow:0 0 0 3px #ffffff14,0 2px 8px #0000004d,inset 0 1px #ffffff0d}.settings-select option{background:#1a1a1a;color:#fff;padding:12px;font-weight:450}.settings-btn{background:#2a2a2a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:13px;font-weight:500;padding:10px 20px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.settings-btn:hover:not(:disabled){background:#3a3a3a}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn.danger{background:#dc2626;border-color:#dc2626}.settings-btn.danger:hover{background:#b91c1c}.settings-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.settings-btn.primary:hover{opacity:.9}.settings-btn.verified{background:#10b981;border-color:#10b981;cursor:not-allowed}.settings-btn.verified:hover{background:#10b981;opacity:.8}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#3a3a3a;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:40px 20px}.empty-state svg{color:#ffffff4d;margin-bottom:16px}.empty-state h4{color:#fff;font-size:16px;font-weight:500;margin:0 0 8px}.empty-state p{color:#ffffff80;font-size:14px;margin:0 0 20px}.empty-state button{margin-top:4px}.card-description{color:#fff9;font-size:14px;margin:0 0 16px}.guidelines-list{color:#ffffffb3;font-size:13px;margin:0 0 20px;padding-left:20px}.guidelines-list li{margin-bottom:8px}.knowledge-textarea{width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;padding:14px;resize:vertical;min-height:200px;font-family:inherit}.knowledge-textarea::placeholder{color:#ffffff4d}.knowledge-textarea:focus{outline:none;border-color:#667eea80}.people-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.people-search{flex:1;max-width:300px;padding:10px 14px;background:#0d0d0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.people-search::placeholder{color:#fff6}.people-search:focus{outline:none;border-color:#667eea}.people-role-filter{padding:10px 14px;background:#0d0d0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer}.people-role-filter:focus{outline:none;border-color:#667eea}.people-btn-primary{padding:10px 18px;background:#fff;border:none;border-radius:6px;color:#000;font-size:14px;font-weight:500;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease}.people-btn-primary:hover{background:#f0f0f0;transform:translateY(-1px)}.people-btn-secondary{padding:10px 18px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffe6;font-size:14px;font-weight:500;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease}.people-btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.people-tabs{display:flex;gap:4px;margin-bottom:16px}.people-tab{padding:8px 16px;background:transparent;border:none;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease}.people-tab:hover{color:#ffffffe6;background:#ffffff0d}.people-tab.active{background:#667eea26;color:#fff}.people-table{width:100%;overflow-x:auto}.people-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:16px;padding:12px 16px;background:#ffffff08;border-radius:6px 6px 0 0;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;min-width:800px}.people-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:16px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease;font-size:14px;min-width:800px}.people-table-row:hover{background:#ffffff08}.people-table-row:last-child{border-bottom:none;border-radius:0 0 6px 6px}.people-col-name,.people-col-role,.people-col-joined,.people-col-usage,.people-col-credit{display:flex;align-items:center;color:#ffffffe6}.people-user{display:flex;align-items:center;gap:10px}.people-user-clickable{transition:all .2s ease;border-radius:8px;padding:4px;margin:-4px}.people-user-clickable:hover{background:#ffffff14;transform:translate(2px)}.people-user-clickable:hover .people-avatar{transform:scale(1.05);box-shadow:0 2px 8px #667eea66}.people-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600;flex-shrink:0;transition:all .2s ease}.plan-info{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.plan-info p{margin:0;color:#ffffffe6;font-size:14px}@media (max-width: 900px){.project-grid{grid-template-columns:repeat(2,1fr)}.project-settings-layout{flex-direction:column}.project-settings-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);max-height:200px}}@media (max-width: 600px){.project-modal-overlay{padding:16px}.project-modal{max-height:90vh}.project-grid{grid-template-columns:1fr}.project-modal-tabs{flex-wrap:wrap}.project-modal-header{flex-direction:column;gap:12px;align-items:stretch}.browse-all-templates-btn{width:100%;justify-content:center;font-size:13px}.overview-grid{grid-template-columns:1fr}}.rename-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10002;backdrop-filter:blur(4px)}.rename-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:10px;width:90%;max-width:360px;box-shadow:0 24px 48px #00000080;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.rename-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.rename-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.rename-modal-close{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.rename-modal-close:hover{background:#ffffff1a;color:#fff}.rename-modal-body{padding:16px 18px}.rename-modal-description{margin:0 0 14px;font-size:12px;color:#fff9;line-height:1.4}.rename-modal-body label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#ffffffe6}.rename-modal-body input{width:100%;padding:10px 12px;background:#0d0d0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}.rename-modal-body input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.rename-modal-body input::placeholder{color:#fff6}.rename-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 18px 16px;border-top:1px solid rgba(255,255,255,.1)}.rename-btn-cancel,.rename-btn-save{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.rename-btn-cancel{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.rename-btn-cancel:hover{background:#ffffff0d;color:#fff;border-color:#ffffff4d}.rename-btn-save{background:#fff;color:#000;box-shadow:0 2px 8px #fff3}.rename-btn-save:hover{background:#f0f0f0;box-shadow:0 4px 12px #ffffff4d;transform:translateY(-1px)}.rename-btn-save:active{transform:translateY(0)}.project-settings-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10050;padding:24px;backdrop-filter:blur(4px)}.project-settings-modal{width:100%;max-width:900px;background:#111;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 28px 60px #0009;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:modalSlideIn .2s ease-out}.project-settings-modal button,.project-settings-modal input,.project-settings-modal textarea,.project-settings-modal select{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.project-settings-modal-header h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#fff}.project-settings-modal-header p{margin:0;font-size:13px;color:#ffffff80}.project-settings-modal-close{background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:999px;transition:all .2s ease}.project-settings-modal-close:hover{color:#fff;border-color:#fff3;background:#ffffff14}.project-settings-modal-tabs{display:flex;gap:8px;padding:12px 22px;border-bottom:1px solid rgba(255,255,255,.08);background:#0d0d0d}.project-settings-tab{background:transparent;border:none;color:#fff9;font-size:13px;font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease}.project-settings-tab:hover{color:#fff;background:#ffffff14}.project-settings-tab.active{background:#ffffff1f;color:#fff}.project-settings-modal-body{max-height:60vh;overflow-y:auto;padding:20px 22px 10px}.project-settings-section{display:flex;flex-direction:column;gap:16px}.project-settings-card{background:#0d0d0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:18px}.project-settings-card.project-settings-danger{border-color:#ef444459;background:#ef44440f}.project-settings-card h4{margin:0 0 6px;font-size:14px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600}.project-settings-card p{margin:0 0 14px;font-size:13px;color:#ffffff80;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-settings-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.project-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.project-settings-ghost{background:transparent;border:1px solid rgba(255,255,255,.18);color:#fffc;font-size:13px;font-weight:600;padding:10px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.project-settings-ghost:hover{border-color:#ffffff59;color:#fff}.project-visibility-note{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:12px;color:#ffffff80}.project-visibility-badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.3px}.project-visibility-badge.public{background:#10b98126;color:#34d399}.project-visibility-badge.private{background:#94a3b826;color:#cbd5f5}.project-settings-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.project-domains-list{display:flex;flex-direction:column;gap:10px}.project-domain-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#111}.project-domain-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.project-domain-name{color:#fff;font-size:13px;font-weight:600}.project-domain-primary{background:#6366f133;color:#c7d2fe;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.project-domain-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.project-domain-status.pending{background:#eab3082e;color:#facc15}.project-domain-status.connected{background:#10b9812e;color:#34d399}.project-domain-status.failed{background:#ef44442e;color:#f87171}.project-domain-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.project-domain-link{background:transparent;border:none;color:#ffffffb3;font-size:12px;cursor:pointer;transition:color .2s ease}.project-domain-link:hover{color:#fff}.project-domain-link.danger{color:#f87171}.project-domain-link.danger:hover{color:#fecaca}.project-domains-empty{padding:12px;border-radius:10px;border:1px dashed rgba(255,255,255,.15);color:#ffffff80;font-size:13px}.project-dns-table{display:flex;flex-direction:column;gap:10px}.project-dns-row{display:grid;grid-template-columns:70px 80px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#111;font-size:12px;color:#ffffffb3}.project-dns-type{font-weight:700;color:#fff}.project-dns-value{color:#cbd5f5;word-break:break-all}.project-settings-delete{background:transparent;border:1px solid rgba(239,68,68,.5);color:#ef4444;font-size:13px;font-weight:600;padding:9px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease}.project-settings-delete:hover{background:#ef44441f;border-color:#ef4444cc}.project-integrations-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.project-integrations-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.project-integrations-search{display:flex;align-items:center;gap:8px;background:#1a1a1a;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 12px;color:#fff9}.project-integrations-search input{background:transparent;border:none;outline:none;color:#fff;font-size:13px;width:180px}.project-integrations-select{background:#ffffff0a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23888' d='M0 0l5 6 5-6H0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px 6px;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 36px 8px 12px;color:#e5e7eb;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff08}.project-integrations-select:hover{border-color:#ffffff40;background-color:#ffffff14;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}.project-integrations-select:focus{outline:none;border-color:#fff6;box-shadow:0 0 0 3px #ffffff14,0 2px 8px #0000004d,inset 0 1px #ffffff0d}.project-integrations-select option{background:#1a1a1a;color:#fff;padding:12px;font-weight:450}.project-integrations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-integration-card{background:#111;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px}.integration-logo{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.integration-logo img{width:22px;height:22px;object-fit:contain;display:block}.integration-logo.accent-indigo{background:#6366f166}.integration-logo.accent-orange{background:#f9731666}.integration-logo.accent-blue{background:#3b82f666}.integration-logo.accent-green{background:#10b98166}.integration-logo.accent-purple{background:#a855f766}.integration-logo.accent-gray{background:#94a3b859;color:#e2e8f0}.integration-logo.accent-black{background:#0f172acc}.integration-logo.accent-pink{background:#ec489966}.project-integration-info{display:flex;flex-direction:column;gap:2px;flex:1}.project-integration-name{color:#fff;font-size:13px;font-weight:600}.project-integration-category{color:#ffffff80;font-size:12px}.project-integration-action{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc;font-size:12px;font-weight:600;padding:6px 10px;border-radius:8px;cursor:pointer;transition:all .2s ease}.project-integration-action:hover{color:#fff;border-color:#fff6}.project-integrations-empty{grid-column:1 / -1;border:1px dashed rgba(255,255,255,.2);border-radius:12px;padding:20px;color:#ffffff80;font-size:13px;text-align:center}.project-integrations-request{display:flex;flex-direction:column;gap:12px}.project-request-row{display:flex;gap:12px;flex-wrap:wrap}.project-request-row .project-settings-input{flex:1;min-width:200px}.upgrade-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10060;padding:24px;backdrop-filter:blur(4px)}.upgrade-modal{width:100%;max-width:420px;background:#111;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 24px 50px #0009;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.upgrade-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.upgrade-modal-header h3{margin:0;font-size:18px;color:#fff}.upgrade-modal-close{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:8px}.upgrade-modal-close:hover{color:#fff;background:#ffffff14}.upgrade-modal-body p{color:#fff9;font-size:13px;margin:0 0 16px}.upgrade-modal-feature{display:flex;flex-direction:column;gap:8px;color:#fffc;font-size:13px}.upgrade-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.upgrade-modal-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:13px;font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease}.upgrade-modal-secondary:hover{color:#fff;border-color:#ffffff59}.upgrade-modal-primary{background:#fff;border:none;color:#000;font-size:13px;font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer}.upgrade-modal-primary:hover{background:#f0f0f0}.transfer-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(4px);z-index:10100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;padding:24px}.transfer-modal{background:#0f0f0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000080;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:modalSlideIn .2s ease-out}.transfer-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.transfer-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.transfer-modal-body{padding:20px}.transfer-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px 20px;border-top:1px solid rgba(255,255,255,.08)}.transfer-error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 12px;margin-bottom:14px;color:#ef4444;font-size:13px;line-height:1.4}.transfer-modal h3,.transfer-modal label,.transfer-modal input,.transfer-modal button,.transfer-modal p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.transfer-description{color:#aaa;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin-bottom:20px}.transfer-warning{display:flex;gap:12px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;margin-top:16px}.transfer-warning svg{color:#ef4444;flex-shrink:0;margin-top:2px}.transfer-warning p{color:#fca5a5;font-size:13px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;margin:0}.transfer-modal .transfer-modal-footer .btn-primary{background:#fff!important;color:#000!important;border:1.5px solid #ffffff!important;border-radius:8px!important;padding:8px 14px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.transfer-modal .transfer-modal-footer .btn-primary:disabled{background:#666!important;color:#fff!important;border-color:#666!important;opacity:.5!important;cursor:not-allowed!important}.transfer-modal .transfer-modal-footer .btn-secondary{border:1.5px solid rgba(255,255,255,.4)!important;color:#fff!important;border-radius:8px!important;padding:8px 14px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.transfer-modal .transfer-modal-footer .btn-danger{border-radius:8px!important;padding:8px 14px!important}.transfer-modal .form-label{color:#fff9!important;text-transform:none!important;font-size:13px!important;font-weight:500!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.transfer-modal .form-input{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.4)!important;color:#fff!important;width:100%;padding:11px 12px;border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.transfer-modal .form-input::placeholder{color:#fff9!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.publish-template-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(4px);z-index:10100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;padding:24px}.publish-template-modal{background:#0f0f0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000080;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:modalSlideIn .2s ease-out}.publish-template-modal .modal-subtitle{color:#ffffff80;font-size:13px;margin:4px 0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.template-info-section{margin-bottom:28px}.template-info-section:last-child{margin-bottom:0}.section-title{font-size:15px;font-weight:600;color:#fff;margin:0 0 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tags-input-wrapper{display:flex;flex-direction:column;gap:10px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-item{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#6366f133;border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#a5b4fc;font-size:13px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tag-remove{background:none;border:none;color:#a5b4fc;cursor:pointer;font-size:18px;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.tag-remove:hover{color:#fff}.code-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.code-info-item{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px}.code-info-item svg{color:#6366f1;flex-shrink:0}.code-info-label{font-size:12px;color:#ffffff80;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.code-info-value{font-size:14px;font-weight:600;color:#fff;margin-top:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.page-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;transition:all .2s ease}.page-card:hover{transform:translateY(-2px);border-color:#6366f14d}.page-screenshot{width:100%;height:140px;overflow:hidden;background:#0000004d}.page-screenshot img{width:100%;height:100%;object-fit:cover}.page-info{padding:12px}.page-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-path{font-size:12px;color:#ffffff80;font-family:Fira Code,Courier New,monospace}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.screenshot-card{position:relative;aspect-ratio:16 / 10;border-radius:10px;overflow:hidden;background:#0000004d;border:1px solid rgba(255,255,255,.08)}.screenshot-card img{width:100%;height:100%;object-fit:cover}.screenshot-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.screenshot-card:hover .screenshot-overlay{opacity:1}.screenshot-overlay span{color:#fff;font-size:13px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-settings-input,.project-settings-textarea{width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 12px;color:#fff;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.project-settings-input:focus,.project-settings-textarea:focus{outline:none;border-color:#667eea99;box-shadow:0 0 0 3px #667eea26}.project-settings-textarea{resize:vertical}.project-settings-action{background:#fff;border:none;color:#000;font-size:13px;font-weight:600;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-settings-action:hover{background:#f0f0f0}.project-settings-toggle{display:inline-flex;padding:4px;background:#1a1a1a;border:1px solid rgba(255,255,255,.12);border-radius:10px;gap:6px}.project-settings-toggle-btn{background:transparent;border:none;color:#fff9;font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.project-settings-toggle-btn.active{background:#ffffff1f;color:#fff}.project-settings-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 18px;border-top:1px solid rgba(255,255,255,.08)}.project-settings-modal-footer span{font-size:12px;color:#fff6}.project-settings-footer-actions{display:flex;gap:10px}.project-settings-cancel{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease}.project-settings-cancel:hover{color:#fff;border-color:#ffffff59;background:#ffffff0f}.project-settings-save{background:#fff;border:none;color:#000;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease}.project-settings-save:hover{background:#f0f0f0}@media (max-width: 720px){.project-settings-modal{max-height:85vh}.project-settings-modal-body{max-height:55vh}.project-settings-modal-footer{flex-direction:column;align-items:flex-start;gap:12px}.project-share-row,.project-dns-row,.project-integrations-grid{grid-template-columns:1fr}}.success-toast{position:fixed;top:24px;right:24px;background:#1a1a1a;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000080;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px;z-index:10200;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;animation:toastSlideIn .3s ease-out;max-width:400px}.success-toast svg{flex-shrink:0;color:#10b981;width:18px;height:18px}@keyframes toastSlideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.success-toast{top:16px;right:16px;left:16px;max-width:none;font-size:13px;padding:14px 16px}}.template-card{position:relative}.template-badge{position:absolute;top:8px;left:8px;background:#000000bf;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:4px;font-family:Inter,sans-serif;letter-spacing:.3px;z-index:2}.template-card .project-details span{font-size:13px;color:#666;font-family:Inter,sans-serif}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 18px 18px;align-content:start}.template-grid-empty{grid-column:1 / -1;padding:40px 20px;color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;text-align:center}.template-grid .project-card{background:#fff;border:1px solid #e5e7eb;border-radius:7px}.template-grid .project-thumbnail{aspect-ratio:2.35 / 1}.template-grid .template-badge{top:6px;left:6px;padding:3px 7px;font-size:9px}.template-grid .project-info{background:#fff;gap:5px;padding:6px 8px 8px}.template-grid .project-details h4{color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;letter-spacing:normal;margin-bottom:1px;font-size:11px;line-height:1.25}.template-grid .project-details span{color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;display:block;overflow:hidden;font-size:9px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.template-grid .project-menu-btn{padding:3px}@media (max-width: 900px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 600px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}}.confirm-modal{background:#1a1a1a;border-radius:12px;width:480px;max-width:90vw;box-shadow:0 20px 60px #00000080;z-index:10100;border:1px solid #2a2a2a}.confirm-modal .modal-header{padding:24px;border-bottom:1px solid #2a2a2a;display:flex;align-items:center;justify-content:space-between}.confirm-modal .modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff;font-family:Inter,sans-serif}.confirm-modal .modal-close-btn{background:none;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.confirm-modal .modal-close-btn:hover{background:#2a2a2a;color:#fff}.confirm-modal .modal-body{padding:24px}.confirm-modal .modal-body p{margin:0;font-size:14px;line-height:1.6;color:#999;font-family:Inter,sans-serif}.confirm-modal .modal-body strong{color:#fff;font-weight:600}.confirm-modal .modal-footer{padding:20px 24px;border-top:1px solid #2a2a2a;display:flex;gap:12px;justify-content:flex-end}.btn-danger{padding:10px 20px;border-radius:8px;border:none;background:#dc2626;color:#fff;font-size:14px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s ease}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-danger:active{transform:translateY(0)}@media (max-width: 768px){.confirm-modal{width:90vw;max-width:none}.confirm-modal .modal-header,.confirm-modal .modal-body{padding:20px}.confirm-modal .modal-footer{padding:16px 20px}}.header .btn-primary,.header .btn-primary:hover,.header .btn-primary:focus,.header .btn-primary:active,.header-scrolled .btn-primary,.header-scrolled .btn-primary:hover,.header-scrolled .btn-primary:focus,.header-scrolled .btn-primary:active{background:#2563eb!important;background-image:none!important;color:#fff!important;border:none!important;outline:none!important;filter:none!important;border-radius:8px!important;box-shadow:none!important}.header .btn-primary:hover,.header-scrolled .btn-primary:hover{background:#1d4ed8!important;background-image:none!important;transform:translateY(-1px);box-shadow:0 8px 24px #2563eb47!important}.chat-wrapper{position:absolute;top:57%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:760px;padding:0 var(--page-gutter, 24px);z-index:10}.hero-text{text-align:center;margin-bottom:clamp(24px,5vw,40px);position:relative}.hero-title{font-family:var(--pk-font-pixel, "Inter", sans-serif);font-size:clamp(28px,1.7rem + 2.2vw,46px);font-weight:400;line-height:1.16;margin:0 0 18px;letter-spacing:0;text-wrap:balance}.hero-title-white{color:#f3f4f6;text-shadow:none}.hero-highlight{color:#f3f4f6;background:linear-gradient(110deg,#2563eb,#4f46e5 52%,#9333ea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;position:relative;display:inline-block;text-shadow:none}.hero-subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:650;line-height:1.6;color:#9ca3af;letter-spacing:.08em;text-transform:none;max-width:500px;margin:0 auto;text-transform:uppercase;text-shadow:none}.chat-container{display:flex;flex-direction:column;gap:0;padding:clamp(18px,4vw,28px) clamp(18px,4vw,32px) clamp(16px,3vw,24px);background:#111827;border:1px solid #1f2937;border-radius:clamp(24px,4vw,32px);box-shadow:0 8px 24px #00000059;position:relative;z-index:2}.chat-container:focus-within{border-color:#374151}.chat-container:after,.chat-container:before{content:none}.chat-container :focus,.chat-container :focus-visible{outline:none}.chat-top{margin-bottom:20px}.chat-input{width:100%;background:transparent;border:none;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:400;color:#f3f4f6;letter-spacing:-.01em;padding:3px 0;min-height:28px;line-height:1.5}.chat-input::placeholder{color:#6b7280;font-size:15px;font-weight:400;position:relative}.chat-input::placeholder:after{content:"|";animation:blink 1s step-end infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chat-bottom{display:flex;align-items:center;justify-content:space-between}.chat-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-center{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.chat-plus-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#1f2937;border:1px solid #374151;border-radius:50%;color:#9ca3af;cursor:pointer;transition:all .15s ease;flex-shrink:0}.chat-plus-btn:hover{background:#374151;border-color:#4b5563;color:#f3f4f6;transform:scale(1.05)}.chat-import-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;height:28px;background:#111827;border:1px solid #1f2937;border-radius:6px;color:#9ca3af;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;flex-shrink:0}.chat-import-btn:hover{background:#1f2937;border-color:#374151;color:#f3f4f6}.chat-import-btn svg{flex-shrink:0}.chat-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#1f2937;border:1px solid #374151;border-radius:50%;color:#9ca3af;cursor:pointer;transition:all .15s ease}.chat-icon-btn:hover{background:#374151;border-color:#4b5563;color:#f3f4f6;transform:scale(1.05)}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#2563eb;border:1px solid #2563eb;border-radius:50%;color:#fff;cursor:pointer;transition:all .15s ease}.chat-send-btn:hover{background:#1d4ed8;border-color:#1d4ed8;transform:scale(1.05)}.chat-send-btn svg{stroke:currentColor}.chat-send-btn:active{transform:scale(.95)}.import-section{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.import-text{font-size:13px;font-weight:500;color:#6b7280;letter-spacing:-.01em}.import-buttons{display:flex;align-items:center;gap:8px}.import-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#111827;border:1px solid #1f2937;border-radius:8px;color:#9ca3af;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.import-btn:hover{background:#1f2937;border-color:#374151;color:#f3f4f6}.import-btn svg{flex-shrink:0}.import-modal{position:absolute;left:32px;bottom:70px;z-index:100;background:#111827;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:12px;box-shadow:0 12px 48px #00000080;border:1px solid #1f2937;width:max-content;min-width:220px;max-width:min(280px,calc(100vw - 48px));padding:16px;display:flex;flex-direction:column;align-items:stretch;animation:slideUpFade .2s ease}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.import-modal-content{display:flex;flex-direction:column;gap:12px}.import-modal-title{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.import-modal-divider{width:100%;height:1px;background:#1f2937;margin:0 0 8px}.import-modal-buttons{display:flex;flex-direction:column;gap:8px}.import-modal-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#0b1220;border:1px solid #1f2937;border-radius:8px;color:#d1d5db;font-size:13px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.import-modal-btn:hover{background:#111827;border-color:#374151;color:#f3f4f6;transform:translateY(-1px);box-shadow:0 4px 12px #0000003d}.import-modal-btn:active{transform:translateY(0)}.import-modal-btn svg{flex-shrink:0;position:relative;z-index:1}.import-modal-btn span{position:relative;z-index:1}@media (max-width: 768px){.chat-wrapper{top:50%;padding:0 16px}.chat-container{padding:16px 18px 14px;border-radius:26px}.chat-input{font-size:16px}.chat-icon-btn,.chat-send-btn,.chat-plus-btn{width:40px;height:40px}.chat-icon-btn svg,.chat-send-btn svg,.chat-plus-btn svg{width:17px;height:17px}.import-modal{left:16px;bottom:64px;max-width:calc(100vw - 32px)}}@media (max-width: 360px){.hero-subtitle{font-size:13px;letter-spacing:.06em}.chat-container{padding:14px 14px 12px}}@media (orientation: landscape) and (max-height: 540px){.chat-wrapper{position:static;transform:none;margin:0 auto;padding-top:76px;max-width:640px}.hero-text{margin-bottom:20px}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.workbench{margin:0;padding:0;height:100vh;width:100vw;background:#1a1a1a;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;position:relative}.workbench:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top center,rgba(59,130,246,.05) 0%,transparent 50%);pointer-events:none}.wb-topbar{height:52px;background:#1c1c1c;border-bottom:none;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:12px;flex-shrink:0;position:relative;z-index:100}.wb-topbar:after{content:none}.wb-left{display:flex;align-items:center;gap:12px;min-width:auto}.wb-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:600;color:#fff;letter-spacing:-.01em;white-space:nowrap}.wb-status{display:none}.wb-center{flex:1;display:flex;align-items:center;justify-content:center;gap:16px}.wb-tabs{display:flex;gap:4px;background:transparent;padding:0;border-radius:0;border:none}.wb-tab-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:0;position:relative;white-space:nowrap;min-height:32px;width:32px;height:32px;overflow:hidden}.wb-tab-btn:before{content:none}.wb-tab-btn svg{flex-shrink:0;transition:all .2s;width:16px;height:16px}.wb-tab-text{max-width:0;opacity:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.wb-tab-btn:hover,.wb-tab-btn.active{width:auto;padding:0 12px;gap:8px}.wb-tab-btn:hover .wb-tab-text,.wb-tab-btn.active .wb-tab-text{max-width:100px;opacity:1;margin-left:0}.wb-tab-btn:hover{background:#ffffff1a;color:#ffffffe6;border-color:#fff3}.wb-tab-btn.active{background:#3b82f626;color:#3b82f6;border-color:#3b82f64d}.wb-tab-btn.active:before{content:none}.wb-tab-btn svg,.wb-tab-btn span{position:relative;z-index:1}.wb-route{display:none}.wb-right{display:flex;align-items:center;gap:8px}.wb-icon-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s ease}.wb-icon-btn:before{content:none}.wb-icon-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.wb-icon-btn:hover:before{opacity:1}.wb-icon-btn svg{flex-shrink:0;position:relative;z-index:1}.wb-publish-btn{background:#2563eb;border:none;color:#fff;padding:4px 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;min-height:28px}.wb-publish-btn:before{content:none}.wb-publish-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.wb-publish-btn:active{transform:translateY(0)}.wb-publish-btn svg{flex-shrink:0;position:relative;z-index:1}.wb-publish-btn span{position:relative;z-index:1}.wb-body{display:flex;flex:1;overflow:hidden;background:#0a0a0a}.wb-preview-area{flex:1;min-width:0;min-height:0;background:#0d0d0d;display:flex;overflow:hidden}.wb-preview-container{display:flex;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden}.wb-chat-panel-inner{min-width:280px;max-width:600px;background:#1f1f1f;border-right:0;display:flex;flex-direction:column;position:relative;height:100%;overflow:hidden;flex-shrink:0}.wb-divider{width:1px;background:transparent;cursor:col-resize;position:relative;flex-shrink:0;transition:background .2s ease;z-index:10;user-select:none}.wb-divider:before{content:"";position:absolute;inset:0 -2px}.wb-divider:hover{background:#fff3}.wb-divider:active{background:#3b82f680}.wb-messages{flex:1;overflow-y:auto;padding:20px 16px 80px;display:flex;flex-direction:column;gap:16px}.wb-messages::-webkit-scrollbar{width:6px}.wb-messages::-webkit-scrollbar-track{background:transparent}.wb-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px;transition:background .2s}.wb-messages::-webkit-scrollbar-thumb:hover{background:#fff3}.wb-msg{display:flex;animation:msgFade .3s ease}.wb-msg.user{justify-content:flex-end;text-align:left}.wb-msg.ai{justify-content:flex-start;text-align:left}.wb-msg-bubble{max-width:100%;background:transparent;padding:0;border-radius:0;color:#ddd;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;font-weight:400}.wb-msg.user .wb-msg-bubble{background:#2a2a2a;border:none;border-radius:12px;padding:10px 14px;color:#fff;font-weight:400;max-width:80%;margin-bottom:4px}.wb-msg.user .wb-msg-bubble:before{content:none}.wb-msg.ai .wb-msg-bubble{background:transparent;border-radius:0;color:#ffffffd9;font-weight:400;padding:0;line-height:1.6}.typing{display:flex;gap:4px;padding:0;background:transparent;border-radius:0;width:fit-content}.typing span{width:6px;height:6px;background:#fff6;border-radius:50%;animation:typingDot 1.4s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}.wb-msg-system{display:flex;align-items:flex-start;gap:8px;padding:6px 0;color:#ffffff80;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.wb-msg-system-icon{width:14px;height:14px;object-fit:contain;margin-top:2px;flex-shrink:0}.wb-live-activity{display:flex;align-items:center;gap:10px;width:100%;border-left:2px solid rgba(129,140,248,.65);background:linear-gradient(90deg,rgba(99,102,241,.1),transparent 80%);padding:5px 2px 5px 10px;border-radius:0 8px 8px 0;box-sizing:border-box}.wb-live-activity-icon{display:flex;align-items:flex-end;gap:2px;width:16px;height:16px;flex-shrink:0}.wb-live-activity-icon span{width:4px;height:7px;border-radius:3px;background:#818cf8;animation:activityBars 1s ease-in-out infinite}.wb-live-activity-icon span:nth-child(2){height:12px;animation-delay:.15s}.wb-live-activity-icon span:nth-child(3){height:9px;animation-delay:.3s}.wb-live-activity-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:1px}.wb-live-activity-copy strong{color:#334155;font-size:12px;font-weight:650}.wb-live-activity-copy span{overflow:hidden;color:#475569;font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.wb-live-activity-copy small{color:#64748b;font-size:10px}.wb-live-activity-pulse{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 4px #60a5fa1f;animation:progressPulse 1.4s ease-in-out infinite}html.landing-dark-mode .wb-live-activity{border-left-color:#818cf8;background:linear-gradient(90deg,rgba(99,102,241,.2),transparent 85%)}html.landing-dark-mode .wb-live-activity-copy strong{color:#e2e8f0}html.landing-dark-mode .wb-live-activity-copy span{color:#cbd5e1}html.landing-dark-mode .wb-live-activity-copy small{color:#94a3b8}@keyframes activityBars{0%,to{transform:scaleY(.65);opacity:.55}50%{transform:scaleY(1);opacity:1}}.wb-msg-error{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:#ef44441a;border-left:2px solid #ef4444;border-radius:0 6px 6px 0;color:#fca5a5;font-size:13px;line-height:1.5}.wb-msg-error-icon{color:#ef4444;font-weight:700;flex-shrink:0}.wb-msg-ai{display:flex;flex-direction:column;gap:6px}.wb-msg-ai-header{display:flex;align-items:center;gap:6px}.wb-msg-ai-avatar{width:15px;height:15px;border-radius:4px;object-fit:contain;flex-shrink:0}.wb-msg-ai-name{font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.wb-msg-ai-content{color:#ffffffd9;font-size:14px;line-height:1.6;white-space:pre-wrap}.wb-msg-user{color:#fff;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.wb-msg-thinking{display:flex;align-items:center;gap:7px;padding:2px 0}.wb-msg-thinking-text{color:#fff6;font-size:12px;line-height:1.45;font-style:italic}.wb-agent-progress{padding:8px 16px;border-top:1px solid rgba(255,255,255,.06)}.wb-agent-progress-bar{height:2px;background:#ffffff14;border-radius:1px;overflow:hidden;margin-bottom:6px}.wb-agent-progress-fill{height:100%;width:40%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:1px;animation:progressSlide 1.5s ease-in-out infinite}@keyframes progressSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.wb-agent-progress-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#fff6}.wb-agent-progress-dot{width:6px;height:6px;background:#3b82f6;border-radius:50%;animation:progressPulse 1s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes typingDot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes msgFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wb-chat-input{position:absolute;bottom:0;left:0;right:0;padding:20px;background:transparent;border-top:none;display:flex;flex-direction:column;gap:16px;z-index:10}.wb-input-container{display:flex;flex-direction:column;gap:0;padding:16px;background:#2a2a2a;border:1px solid rgba(255,255,255,.1);border-radius:24px;transition:all .2s ease}.wb-input-container:before{content:none}.wb-input-container:hover{border-color:#fff3}.wb-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.wb-input-container:focus-within:before{content:none}.wb-add-btn{display:none}.wb-input{width:100%;background:transparent;border:none;border-radius:0;padding:0;color:#fff;font-size:14px;font-weight:400;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;outline:none;transition:none;min-height:28px;line-height:1.6;letter-spacing:-.01em;resize:none}.wb-input:focus{border-color:transparent;background:transparent;box-shadow:none}.wb-input:disabled{opacity:.4;cursor:not-allowed}.wb-input::placeholder{color:#fff6;font-weight:400}.wb-input-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2px}.wb-input-left,.wb-input-right{display:flex;align-items:center;gap:6px}.wb-add-btn-large{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#ffffffa6;font-size:18px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;overflow:hidden}.wb-add-btn-large{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#ffffffb3;font-size:16px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.wb-add-btn-large:before{content:none}.wb-add-btn-large:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.wb-add-btn-large:active{transform:scale(.95)}.wb-add-btn-large svg{display:block;flex:0 0 auto;width:16px;height:16px}.wb-send-btn{width:32px;height:32px;background:#2563eb;border:none;border-radius:50%;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wb-send-btn:before{content:none}.wb-send-btn:hover{background:#1d4ed8;transform:scale(1.05)}.wb-preview-box{flex:1;background:#fff;display:flex;flex-direction:column;overflow:hidden;border-radius:8px 0 0}.wb-preview-box:before{content:none}.wb-preview-content{flex:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#fafafa;color:#999;overflow:auto}.wb-preview-content:before{content:none}.wb-preview-content h3{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;color:#1a1a1a;letter-spacing:-.01em}.wb-preview-content p{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:#6b7280;font-weight:400}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spinRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseExpand{0%{transform:scale(.5);opacity:.8}50%{opacity:.4}to{transform:scale(1.3);opacity:0}}.wb-code-box{flex:1;background:#1e1e1e;display:flex;overflow:hidden}.wb-code-sidebar{width:240px;background:linear-gradient(180deg,#18181899,#121212cc);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;flex-shrink:0;position:relative}.wb-explorer-search-wrap{padding:10px 12px;position:relative;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.03);background:#ffffff05}.wb-search-icon{position:absolute;left:22px;color:#fff6;pointer-events:none}.wb-explorer-search{width:100%;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;backdrop-filter:blur(4px);color:#fff;padding:0 10px 0 38px;font-size:13px;outline:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px #0000000d}.wb-explorer-search:focus{background:#ffffff05;border-color:#3b82f699;box-shadow:0 0 0 1px #3b82f666,inset 0 1px 2px #0000001a}.wb-code-tree{flex:1;overflow:auto;padding:8px 0}.wb-code-tree::-webkit-scrollbar{width:8px}.wb-code-tree::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.wb-code-folder-item{appearance:none;border:none;outline:none;background:transparent;width:calc(100% - 8px);text-align:left;display:flex;align-items:center;gap:8px;height:28px;padding:0;font-size:13px;font-weight:400;color:#ffffffb3;cursor:pointer;user-select:none;border-radius:6px;margin:1px 4px;transition:all .1s ease}.wb-code-folder-item:hover{background:#ffffff0d;color:#fff}.wb-tree-node{position:relative}.wb-code-folder-item:hover{background:#ffffff14}.wb-code-folder-item:focus-visible{box-shadow:0 0 0 1px #3b82f673}.wb-folder-chevron{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;color:#ffffff73;transform:rotate(0);transition:transform .15s ease,color .15s ease;flex-shrink:0}.wb-folder-chevron:hover{color:#ffffffd9}.wb-folder-chevron.open{transform:rotate(90deg)}.wb-code-folder-icon{width:16px;height:16px;color:#3b82f6;flex-shrink:0;display:flex;align-items:center;justify-content:center}.wb-node-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-code-file-item{appearance:none;border:none;outline:none;background:transparent;width:calc(100% - 8px);text-align:left;display:flex;align-items:center;gap:8px;height:28px;padding:0;font-size:13px;color:#ffffffb3;cursor:pointer;user-select:none;transition:all .1s ease;border-radius:6px;margin:1px 4px;position:relative}.wb-code-file-item:hover{background:#ffffff14;color:#fffffff2}.wb-code-file-item.active{background:#3b82f61f;color:#fff;font-weight:500}.wb-code-file-item.active:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:3px;background:#3b82f6;border-radius:0 4px 4px 0;box-shadow:2px 0 8px #3b82f666}.wb-code-file-item{position:relative}.wb-code-file-item:focus-visible{box-shadow:0 0 0 1px #3b82f673}.wb-code-file-icon{width:14px;height:14px;opacity:.86}.wb-file-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.wb-code-editor-container{flex:1;display:flex;flex-direction:column;background:#1e1e1e;overflow:hidden;position:relative;box-shadow:inset 0 20px 40px -20px #0006}.wb-code-header{display:flex;flex-direction:column;background:#1a1a1a;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.wb-header-top{height:38px;display:flex;align-items:center;justify-content:space-between;width:100%}.wb-code-tabs{display:flex;align-items:flex-end;height:100%;min-width:0;overflow-x:auto;overflow-y:hidden;gap:4px;padding:0 12px;scrollbar-width:none;-ms-overflow-style:none}.wb-code-tabs::-webkit-scrollbar{display:none}.wb-code-tabs::-webkit-scrollbar{height:6px}.wb-code-tabs::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.wb-code-tab{appearance:none;border:1px solid transparent;background:transparent;color:#fff6;padding:0 16px;font-size:13px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;height:32px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:10px 10px 0 0;flex-shrink:0}.wb-code-tab:hover{background:#ffffff0a;color:#fffc}.wb-code-tab.active{background:#1e1e1e;color:#fff;border:1px solid rgba(255,255,255,.05);border-top:1.5px solid #3b82f6;border-bottom:none;box-shadow:0 -2px 10px #3b82f626}.wb-tab-label{overflow:hidden;text-overflow:ellipsis;max-width:160px}.wb-tab-close{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:4px;color:#ffffff4d;opacity:0;transition:all .2s ease}.wb-code-tab:hover .wb-tab-close,.wb-code-tab.active .wb-tab-close{opacity:1}.wb-tab-close:hover{background:#ffffff1a;color:#fff}.wb-breadcrumbs{height:28px;display:flex;align-items:center;padding:0 16px;gap:4px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.03);overflow:hidden}.wb-breadcrumb-item{display:flex;align-items:center;gap:4px;font-size:11px;color:#fff6;cursor:pointer;transition:color .2s ease}.wb-breadcrumb-item:hover{color:#fffc}.wb-breadcrumb-text{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-breadcrumb-sep{color:#fff3}.wb-code-action{appearance:none;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#fff9;padding:4px 10px;border-radius:6px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.wb-code-action:hover{background:#ffffff0f;color:#fff;border-color:#fff3}.wb-code-editor{flex:1;min-height:0;overflow:hidden}.wb-cm,.wb-cm .cm-editor{height:100%}.wb-cm .cm-scroller{overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.05) transparent}.wb-cm .cm-scroller::-webkit-scrollbar{width:10px;height:10px}.wb-cm .cm-scroller::-webkit-scrollbar-track{background:transparent}.wb-cm .cm-scroller::-webkit-scrollbar-thumb{background:#ffffff0d;border:3px solid #1e1e1e;border-radius:10px;transition:all .2s ease}.wb-cm .cm-scroller::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.wb-components-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:20px;overflow:auto;background:#1a1a1a}.comp-card{background:#2a2a2a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:24px;text-align:center;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;cursor:pointer;transition:all .2s ease}.comp-card:before{content:none}.comp-card:hover{background:#333;border-color:#fff3;transform:translateY(-2px)}.comp-card:active{transform:translateY(0)}.wb-analytics-box{flex:1;background:#1f1f1f;border-radius:8px;padding:20px;color:#fffc;overflow:auto;border:1px solid rgba(255,255,255,.1)}.wb-analytics-box h3{margin:0;font-size:16px;font-weight:600;color:#fff}.wb-cloud-box{flex:1;background:#1f1f1f;border-radius:8px;padding:20px;color:#fffc;overflow:auto;border:1px solid rgba(255,255,255,.1)}.wb-cloud-box h3{margin:0;font-size:16px;font-weight:600;color:#fff}@media (max-width: 1024px){.wb-chat-panel{width:300px}}@media (max-width: 768px){.wb-topbar{flex-wrap:wrap;height:auto;padding:12px}.wb-tabs{flex-wrap:wrap}.wb-body{flex-direction:column}.wb-chat-panel{width:100%;height:40%;border-right:none;border-bottom:1px solid #2a2a2a}}.wb-tree-children{position:relative}.wb-indent-line{position:absolute;left:19px;top:0;bottom:0;width:1px;background:#ffffff14;pointer-events:none;transition:background .2s ease}.wb-blueprint-container{height:100%;display:flex;flex-direction:column;background:#0f0f0f;color:#fff;overflow:hidden}.wb-blueprint-container.enterprise{display:flex;flex-direction:column;overflow:hidden;height:100%}.wb-blueprint-header.enterprise{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#0f0f0f66;border-bottom:1px solid rgba(255,255,255,.05);backdrop-filter:blur(20px)}.enterprise-icon{color:#3b82f6;margin-right:8px}.wb-blueprint-controls{display:flex;align-items:center;gap:20px}.wb-search-box{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:6px 14px;border-radius:10px;color:#fff6;transition:all .2s ease}.wb-search-box:focus-within{border-color:#3b82f6;background:#3b82f60d;color:#3b82f6}.wb-search-box input{background:transparent;border:none;color:#fff;font-size:12px;outline:none;width:150px}.wb-zoom-controls{display:flex;align-items:center;gap:4px;background:#ffffff08;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.wb-zoom-controls button{background:transparent;border:none;color:#fff9;padding:6px;border-radius:6px;cursor:pointer;display:flex;transition:all .2s ease}.wb-zoom-controls button:hover{background:#ffffff14;color:#fff}.zoom-value{font-size:11px;color:#fff6;min-width:40px;text-align:center;font-family:ui-monospace,monospace}.wb-blueprint-viewport.enterprise{position:relative;flex:1;overflow:auto;background:#0a0a0a;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px}.wb-canvas-wrapper{transition:transform .2s cubic-bezier(.4,0,.2,1);padding:60px}.wb-blueprint-legend.enterprise{position:fixed;bottom:24px;right:24px;background:#141414d9;backdrop-filter:blur(24px);padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080;z-index:100}.dot.match{background:#facc15;box-shadow:0 0 10px #facc15}.wb-blueprint-header{padding:16px 24px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.wb-blueprint-title{font-size:14px;font-weight:600;color:#3b82f6;margin-bottom:2px}.wb-blueprint-subtitle{font-size:10px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.12em}.wb-blueprint-status{font-size:11px;color:#3b82f6;animation:wb-pulse 1.5s ease-in-out infinite}@keyframes wb-pulse{0%,to{opacity:1}50%{opacity:.4}}.wb-blueprint-viewport{flex:1;overflow:auto;position:relative;display:flex;justify-content:center;align-items:flex-start;background:radial-gradient(circle at center,#161616,#0d0d0d)}.wb-blueprint-canvas{padding:60px;min-width:100%;display:flex;justify-content:center}.wb-blueprint-canvas svg{max-width:900px;height:auto!important;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}.wb-blueprint-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:#fff6}.wb-error-icon{font-size:32px}.wb-blueprint-actions{display:flex;align-items:center;gap:16px}.wb-blueprint-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:6px 12px;border-radius:8px;font-size:11px;cursor:pointer;transition:all .2s ease}.wb-blueprint-toggle:hover{background:#ffffff14;color:#fff}.wb-blueprint-legend{position:absolute;bottom:24px;right:24px;background:#0f0f0fcc;backdrop-filter:blur(12px);padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:8px;z-index:10}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#ffffff80}.dot{width:8px;height:8px;border-radius:50%}.dot.root{background:#3b82f6}.dot.tag{background:#f59e0b}.dot.func{background:#3b82f6;border:1px solid #fff}.dot.class{background:#c678dd}.dot.var{background:#98c379}.wb-editor-controls{display:flex;align-items:center;gap:12px;padding:0 16px;background:#ffffff05;border-left:1px solid rgba(255,255,255,.05)}.wb-control-group{display:flex;align-items:center;gap:8px}.wb-control-btn{appearance:none;background:transparent;border:1px solid transparent;color:#fff6;padding:4px 10px;border-radius:6px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.wb-control-btn:hover{background:#ffffff0d;color:#fff}.wb-control-btn.active{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6}.wb-blueprint-subtitle{display:flex;align-items:center;gap:8px}.sync-pulse{color:#10b981;font-size:14px;animation:sync-pulse-glow 2s infinite}.wb-blueprint-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0ab3;backdrop-filter:blur(8px);z-index:50;color:#3b82f6;gap:16px;font-size:13px;font-weight:500}.wb-blueprint-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:10px;font-size:12px;z-index:40;backdrop-filter:blur(20px);max-width:80%;white-space:nowrap;animation:wb-banner-in .3s cubic-bezier(.4,0,.2,1)}@keyframes wb-banner-in{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.wb-blueprint-banner.error{background:#ef444426;border:1px solid rgba(239,68,68,.2);color:#ef4444}.wb-blueprint-banner.info{background:#3b82f626;border:1px solid rgba(59,130,246,.2);color:#3b82f6}.wb-blueprint-viewport.hardened{cursor:grab}.wb-blueprint-viewport.dragging{cursor:grabbing}.cluster rect{fill:#ffffff05!important;stroke:#ffffff14!important;stroke-dasharray:5,5;rx:12;ry:12}.cluster span{color:#ffffff4d!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.1em}.clickable-nodes .node{cursor:pointer!important}.wb-blueprint-viewport.dragging{cursor:grabbing!important}.wb-iframe-viewport{width:100%;height:100%;border:none;background:#fff}.wb-error-overlay{position:absolute;inset:0;background:#0f0f16f2;display:flex;flex-direction:column;padding:32px;overflow-y:auto;z-index:1000;color:#f4f4f5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.wb-error-overlay-header{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#f87171;margin-bottom:20px;border-bottom:1px solid rgba(248,113,113,.2);padding-bottom:12px}.wb-error-overlay-body{line-height:1.6;font-size:14px}.wb-error-item{background:#f871710d;border:1px solid rgba(248,113,113,.1);border-radius:6px;padding:16px;margin-bottom:16px}.wb-error-message{color:#fca5a5;white-space:pre-wrap;word-break:break-word}.wb-error-stack{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.08);font-size:12px;color:#a1a1aa;white-space:pre-wrap;word-break:break-word}.wb-status-indicator{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:12px;background:#ffffff0d;color:#ffffffb3;transition:all .2s ease}.wb-tokens-detail{font-variant-numeric:tabular-nums;opacity:.65;letter-spacing:-.2px}.wb-status-indicator.ready{background:#22c55e26;color:#4ade80}.wb-status-indicator.compiling{background:#eab30826;color:#fde047}.wb-status-indicator.updating_runtime,.wb-status-indicator.building_manifest{background:#3b82f626;color:#60a5fa}.wb-status-indicator.error{background:#ef444426;color:#f87171}.wb-status-indicator.active{background:#10b98126;color:#34d399}.wb-status-indicator .indicator-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.wb-health-indicator{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:12px;background:#ffffff0d;color:#ffffffb3;transition:all .2s ease;margin-left:8px}.wb-health-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.wb-health-label{white-space:nowrap}.wb-health-healthy{background:#22c55e26;color:#4ade80}.wb-health-warnings{background:#eab30826;color:#fde047}.wb-health-broken{background:#ef444426;color:#f87171}.wb-health-repairing{background:#3b82f626;color:#60a5fa;animation:wb-health-pulse 1.5s ease-in-out infinite}@keyframes wb-health-pulse{0%,to{opacity:1}50%{opacity:.6}}.cm-autofix-preview{animation:cm-autofix-fadein .15s ease-out}@keyframes cm-autofix-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cm-autofix-preview button:active{transform:scale(.96)}.wb-explorer-action-btn{appearance:none;background:transparent;border:none;color:#ffffff59;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.wb-explorer-action-btn:hover{background:#ffffff14;color:#ffffffd9}.wb-folder-actions{display:none;margin-left:auto;gap:2px;align-items:center}.wb-code-folder-item:hover .wb-folder-actions{display:inline-flex}.wb-tree-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px;border-radius:3px;color:#ffffff4d;cursor:pointer;transition:all .15s ease}.wb-tree-action-btn:hover{background:#ffffff1a;color:#fffc}.wb-create-input-row{display:flex;align-items:center;gap:6px;height:28px;margin:1px 4px;animation:fadeIn .15s ease}.wb-create-input{flex:1;height:22px;background:#3b82f614;border:1px solid rgba(59,130,246,.4);border-radius:4px;color:#fff;font-size:12px;font-family:JetBrains Mono,ui-monospace,monospace;padding:0 6px;outline:none;transition:border-color .2s ease}.wb-create-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.wb-create-input::placeholder{color:#ffffff40;font-style:italic}.wb-context-menu{position:fixed;z-index:10000;background:#1e1e1e;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:4px 0;min-width:160px;box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff0a;backdrop-filter:blur(12px);animation:fadeIn .12s ease}.wb-ctx-item{appearance:none;background:transparent;border:none;color:#ffffffbf;width:100%;text-align:left;padding:6px 12px;font-size:12px;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .1s ease}.wb-ctx-item:hover{background:#3b82f626;color:#fff}.wb-ctx-danger:hover{background:#ef444426;color:#f87171}.wb-ctx-separator{height:1px;background:#ffffff0f;margin:4px 8px}.wb-preview-toolbar{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 8px;background:#1a1a1a;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.wb-preview-toolbar .wb-viewport-switcher-toolbar{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#141418e0}.wb-preview-toolbar .wb-viewport-switcher-toolbar .wb-device-btn{min-height:28px;padding:4px 8px}.wb-preview-frame-wrapper>.wb-viewport-switcher{display:none!important}.wb-preview-box>.wb-console-panel{order:2}.wb-preview-box>.wb-preview-frame-wrapper{order:1}.wb-preview-toolbar-left,.wb-preview-toolbar-right{display:flex;align-items:center;gap:4px}.wb-device-switcher{display:flex;align-items:center;background:#ffffff0a;border-radius:6px;padding:2px;gap:1px}.wb-device-btn{appearance:none;background:transparent;border:none;color:#fff6;padding:4px 8px;border-radius:4px;font-size:11px;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s ease}.wb-device-btn:hover{background:#ffffff14;color:#fffc}.wb-device-btn.active{background:#3b82f633;color:#60a5fa}.wb-console-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;line-height:1}.wb-console-panel{flex:0 0 200px;min-height:120px;max-height:40%;display:flex;flex-direction:column;background:#111;border-top:1px solid rgba(255,255,255,.06);animation:slideUp .2s ease}.wb-console-header{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 8px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.wb-console-tabs{display:flex;gap:2px}.wb-console-filter-btn{appearance:none;background:transparent;border:none;color:#ffffff59;padding:2px 8px;border-radius:4px;font-size:10px;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s ease}.wb-console-filter-btn:hover{color:#ffffffb3;background:#ffffff0d}.wb-console-filter-btn.active{color:#60a5fa;background:#3b82f61f}.wb-console-count{font-size:9px;padding:0 4px;min-width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:#ffffff14;font-weight:600}.wb-console-actions{display:flex;align-items:center;gap:2px}.wb-console-action-btn{appearance:none;background:transparent;border:none;color:#ffffff4d;padding:4px;border-radius:3px;cursor:pointer;display:flex;align-items:center;transition:all .15s ease}.wb-console-action-btn:hover{background:#ffffff14;color:#ffffffb3}.wb-console-body{flex:1;overflow-y:auto;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.wb-console-body::-webkit-scrollbar{width:6px}.wb-console-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.wb-console-empty{padding:20px;text-align:center;color:#fff3;font-style:italic;font-size:11px}.wb-console-entry{display:flex;align-items:flex-start;gap:6px;padding:3px 10px;border-bottom:1px solid rgba(255,255,255,.02);color:#fff9;min-height:22px;transition:background .1s ease}.wb-console-entry:hover{background:#ffffff05}.wb-console-log{color:#fff9}.wb-console-warn{color:#fbbf24;background:#fbbf240a}.wb-console-error{color:#f87171;background:#f871710a}.wb-console-icon{display:flex;align-items:center;flex-shrink:0;margin-top:3px;opacity:.6}.wb-console-msg{flex:1;word-break:break-word;white-space:pre-wrap;line-height:1.5}.wb-console-time{flex-shrink:0;font-size:9px;color:#ffffff26;margin-top:3px}.wb-health-dashboard{flex:1;background:#09090b;display:flex;flex-direction:column;overflow-y:auto;padding:24px;color:#f4f4f5;font-family:Inter,-apple-system,sans-serif;gap:20px}.wb-health-dashboard::-webkit-scrollbar{width:8px}.wb-health-dashboard::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.wb-health-header{display:flex;justify-content:space-between;align-items:center;background:#18181b80;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;backdrop-filter:blur(10px)}.wb-health-title-area h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em;color:#fff}.wb-health-title-area p{margin:4px 0 0;font-size:13px;color:#a1a1aa}.wb-health-score-container{display:flex;align-items:center;gap:16px}.wb-health-score-ring{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;border:4px solid;transition:all .3s ease}.score-green{border-color:#10b981;color:#10b981;box-shadow:0 0 15px #10b98133}.score-yellow{border-color:#f59e0b;color:#f59e0b;box-shadow:0 0 15px #f59e0b33}.score-red{border-color:#ef4444;color:#ef4444;box-shadow:0 0 15px #ef444433}.wb-health-score-label{display:flex;flex-direction:column}.wb-health-score-label .score-val{font-size:11px;color:#71717a;text-transform:uppercase;letter-spacing:.05em}.wb-health-score-label .score-desc{font-size:15px;font-weight:600}.wb-health-e2e-section{display:flex;align-items:center;justify-content:space-between;background:#18181b4d;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px 20px}.wb-health-e2e-info h3{margin:0;font-size:14px;font-weight:600}.wb-health-e2e-info p{margin:2px 0 0;font-size:12px;color:#71717a}.wb-health-e2e-action{display:flex;align-items:center;gap:12px}.wb-health-e2e-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;color:#fff;padding:8px 16px;font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.wb-health-e2e-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.wb-health-e2e-btn:disabled{opacity:.5;cursor:not-allowed}.wb-health-test-status{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.test-status-pass{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.test-status-fail{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.wb-health-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.wb-health-category-card{background:#18181b4d;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.wb-health-cat-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.wb-health-cat-name{font-size:14px;font-weight:700;color:#fff}.wb-health-cat-score{font-size:12px;font-weight:700;padding:2px 6px;border-radius:4px}.wb-health-check-list{display:flex;flex-direction:column;gap:8px}.wb-health-check-item{background:#0003;border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:4px;border:1px solid rgba(255,255,255,.02)}.wb-health-check-top{display:flex;justify-content:space-between;align-items:center}.wb-health-check-name{font-size:12px;font-weight:600;color:#e4e4e7}.wb-health-badge{font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase}.badge-pass{background:#10b98126;color:#34d399}.badge-warning{background:#f59e0b26;color:#fbbf24}.badge-fail{background:#ef444426;color:#f87171}.wb-health-check-details{font-size:11px;color:#a1a1aa;word-break:break-word}.wb-theme-select{margin-left:6px;height:32px;padding:0 8px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit;font:inherit;font-size:12px;cursor:pointer}.wb-theme-select:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.wb-theme-select option{background:#1c1f24;color:#f3f4f6}.wb-msg-error{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.wb-msg-error-line{display:flex;align-items:flex-start;gap:8px}.wb-msg-retry-btn{margin-left:22px;padding:4px 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff0f;color:inherit;font-size:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.wb-msg-retry-btn:hover{background:#ffffff1f;border-color:#ffffff4d}.wb-msg-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 2px 22px}.wb-msg-actions .wb-msg-retry-btn{margin-left:0}.wb-stop-btn{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;padding:0;border:0;border-radius:6px;background:#ffffff14;color:inherit;font-size:11px;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease}.wb-stop-btn:hover{background:#ffffff29}.workbench{height:calc(100vh - 24px);margin:12px 22px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0c0c0d;box-shadow:0 18px 50px #00000080}.wb-topbar{height:52px;background:#151516;border-bottom:1px solid rgba(255,255,255,.08);padding:0 14px}.wb-status-indicator{display:inline-flex;align-items:center;gap:6px;color:#ffffff6b;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.indicator-dot,.wb-chat-ready-dot{width:5px;height:5px;border-radius:50%;background:#b7b7b9;flex:0 0 auto}.wb-tab-btn{width:auto;height:32px;min-height:32px;padding:0 10px;gap:7px;border-color:transparent}.wb-tab-text{max-width:120px;opacity:1;overflow:visible}.wb-tab-btn:hover,.wb-tab-btn.active{width:auto;padding:0 10px;gap:7px}.wb-tab-btn.active{background:#2a2a2d;color:#f5f5f7;border-color:#ffffff1f}.wb-body,.wb-preview-area{background:#0b0b0c}.wb-chat-panel-inner{background:radial-gradient(500px 360px at 10% 12%,rgba(255,255,255,.04),transparent 70%),#181819}.wb-chat-header{padding:20px 18px 18px;border-bottom:1px solid rgba(255,255,255,.12);flex:0 0 auto}.wb-chat-brand{color:#f5f5f7;font-size:13px;font-weight:650}.wb-chat-subtitle{margin-top:3px;color:#ffffff59;font-size:9px;font-weight:650;letter-spacing:.12em}.wb-chat-ready{display:flex;align-items:center;gap:8px;margin-top:24px;color:#ffffff6b;font-size:11px}.wb-messages{padding:18px 16px 92px}.wb-msg.user .wb-msg-bubble{background:#2b2b2e;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:9px 12px}.wb-chat-input{padding:16px;background:linear-gradient(180deg,transparent,rgba(24,24,25,.96) 24%)}.wb-input-container{padding:12px;background:linear-gradient(135deg,#3d3a61b8,#262339e6),#282639;border:1px solid rgba(122,136,205,.48);border-radius:20px}.wb-input-container:focus-within{border-color:#9aa6ebc7;box-shadow:0 0 0 3px #737ccb24}.wb-input{font-size:12px}.wb-input::placeholder{color:#ffffff73}.wb-add-btn-large,.wb-send-btn{background:#ffffff14}.wb-send-btn{color:#ffffffbf}.wb-theme-select{max-width:110px;background:transparent;border:0;color:#ffffff6b;font-size:10px}.wb-preview-box{background:#101011!important;border:1px solid rgba(255,255,255,.08);border-radius:8px;margin:12px 14px 14px 0;overflow:hidden}.wb-preview-toolbar{background:#151516!important;border-bottom-color:#ffffff14!important}@media (max-width: 900px){.workbench{height:100vh;margin:0;border-radius:0;border-left:0;border-right:0}.wb-tab-btn{padding:0 7px}.wb-tab-text{display:none}.wb-chat-panel-inner{min-width:300px}}.workbench{height:calc(100vh - 24px);margin:12px 22px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0a0a0a;box-shadow:0 36px 100px #0000009e,0 0 70px #ffffff09}.wb-topbar{min-height:52px;height:52px;padding:0 12px;background:#1c1c1c;border-bottom:1px solid rgba(255,255,255,.07)}.wb-left{gap:12px;min-width:225px}.wb-left .wb-home-btn{flex:0 0 30px}.wb-title{font-size:13px;color:#fff}.wb-left>.wb-status-indicator:not(:first-of-type){display:none}.wb-center{gap:0}.wb-tabs{gap:4px}.wb-tab-btn,.wb-tab-btn:hover,.wb-tab-btn.active{width:auto;min-height:32px;height:32px;padding:0 10px;gap:8px;border:1px solid transparent;border-radius:6px}.wb-tab-text{max-width:100px;opacity:1;margin-left:0;overflow:visible;font-size:10px}.wb-tab-btn{color:#ffffff75}.wb-tab-btn.active{color:#fff;background:#ffffff17;border-color:#ffffff24}.wb-tab-btn.active svg{color:#9bb8ff}.wb-right{min-width:190px;gap:10px}.wb-icon-btn{width:30px;height:30px;border-radius:6px;border-color:#ffffff1a}.wb-publish-btn{min-height:28px;padding:5px 12px;border-radius:6px;background:#292929;font-size:11px}.wb-chat-panel-inner{min-width:250px;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 34%),linear-gradient(330deg,rgba(107,25,255,.07),transparent 46%),#1f1f1fb8;border-right:0;backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}.wb-chat-header{padding:0 2px 18px;margin:18px 16px 0;background:transparent;border-bottom-color:#ffffff1f}.wb-chat-brand{font-size:13px}.wb-chat-ready{margin:20px 0 0;font-size:10px}.wb-messages{gap:16px;padding:20px 16px}.wb-msg.user .wb-msg-bubble{max-width:88%;padding:10px 12px;border-radius:12px 12px 3px;color:#fffc;background:linear-gradient(135deg,#087fff1f,#6b19ff1a),#2a2a2ab8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.wb-chat-input{padding:12px;gap:12px;background:transparent}.wb-input-container{padding:12px;border-radius:22px;background:linear-gradient(135deg,rgba(8,127,255,.1),rgba(107,25,255,.08) 62%,transparent),#2a2a2aad;border:1px solid rgba(145,175,255,.28);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-shadow:0 14px 30px #0003,inset 0 1px #ffffff1f}.wb-input-top{margin-bottom:12px}.wb-input{min-height:14px;font-size:11px;color:#ffffffc7}.wb-input::placeholder{color:#ffffff61}.wb-add-btn-large,.wb-send-btn{width:27px;height:27px;border-radius:6px;color:#fff;background:#303030;border:0}.wb-send-btn{margin-left:auto}.wb-theme-select{max-width:86px;color:#ffffff61;font-size:10px}.wb-preview-box{margin:14px 14px 14px 0;background:#111!important;border:1px solid rgba(255,255,255,.12);border-radius:8px}.wb-preview-toolbar{padding:0 3px 12px!important;margin:14px 14px 0;background:transparent!important;border-bottom:0!important;color:#ffffff75}@media (max-width: 900px){.workbench{height:100vh;margin:0;border-radius:0}.wb-left,.wb-right{min-width:auto}.wb-tab-text{display:none}}.workbench{--wb-gap-1: 6px;--wb-gap-2: 10px;--wb-gap-3: 14px;--wb-border: rgba(255, 255, 255, .1);--wb-muted: rgba(255, 255, 255, .5);--wb-surface: #181818;--wb-raised: #222224;isolation:isolate}.workbench,.workbench *,.workbench *:before,.workbench *:after{box-sizing:border-box}.wb-topbar{flex:0 0 52px;min-width:0;gap:var(--wb-gap-3)}.wb-left,.wb-center,.wb-right,.wb-tabs{min-width:0}.wb-left{flex:0 1 270px;overflow:hidden}.wb-left>.wb-status-indicator{flex:0 0 auto}.wb-left>.wb-status-indicator span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-center{overflow:hidden}.wb-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}.wb-tabs::-webkit-scrollbar{display:none}.wb-tab-btn,.wb-right{flex:0 0 auto}.wb-body,.wb-preview-area,.wb-preview-container{min-height:0;min-width:0}.wb-chat-panel-inner{width:clamp(280px,30vw,380px);min-width:280px;max-width:42%}.wb-divider{flex:0 0 1px;background:transparent}.wb-chat-header{flex:0 0 auto}.wb-messages{min-height:0;overscroll-behavior:contain}.wb-msg{min-width:0;width:100%}.wb-msg-bubble,.wb-msg-ai-content,.wb-msg-user{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.wb-messages{gap:12px;padding:16px 14px 152px}.wb-msg-bubble{font-size:12px;line-height:1.45}.wb-msg.user .wb-msg-bubble{max-width:84%;padding:8px 10px;border-radius:10px 10px 3px}.wb-msg-ai{gap:4px}.wb-msg-ai-header{gap:5px}.wb-msg-ai-avatar{width:13px;height:13px}.wb-msg-ai-name{font-size:10px;letter-spacing:.06em}.wb-msg-ai-content,.wb-msg-user{font-size:12px;line-height:1.45}.wb-msg-ai-content>:first-child{margin-top:0}.wb-msg-ai-content>:last-child{margin-bottom:0}.wb-msg-ai-content p,.wb-msg-ai-content ul,.wb-msg-ai-content ol,.wb-msg-ai-content pre,.wb-msg-ai-content blockquote{margin:6px 0}.wb-msg-ai-content ul,.wb-msg-ai-content ol{padding-left:18px}.wb-msg-ai-content li+li{margin-top:3px}.wb-msg-ai-content h1,.wb-msg-ai-content h2,.wb-msg-ai-content h3,.wb-msg-ai-content h4{margin:9px 0 4px;font-size:12px;line-height:1.35}.wb-msg-ai-content code{font-size:11px}.wb-msg-ai-content pre{max-width:100%;overflow-x:auto;padding:8px 9px;border-radius:6px;font-size:11px;line-height:1.4}.wb-chat-input{flex:0 0 auto;min-height:112px}.wb-input-container{width:100%;gap:var(--wb-gap-2);box-shadow:0 14px 30px #0f172a29,0 3px 8px #0f172a14,inset 0 1px #ffffff1f}.wb-input-container:focus-within{box-shadow:0 16px 34px #0f172a33,0 0 0 3px #0f172a1a,inset 0 1px #ffffff29}.wb-input-top{min-width:0}.wb-input-bottom{gap:var(--wb-gap-2)}.wb-input-left,.wb-input-right{min-width:0}.wb-input-right{margin-left:auto}.wb-input:disabled{cursor:wait}.wb-add-btn-large,.wb-send-btn,.wb-stop-btn,.wb-theme-select{flex:0 0 auto}@media (max-width: 900px) and (min-width: 761px){.wb-chat-panel-inner{width:clamp(250px,34vw,320px)!important;min-width:250px;max-width:38%}.wb-preview-box{margin-right:10px}.wb-preview-toolbar{padding-inline:8px!important}}.wb-theme-select{height:27px;padding:0 2px;outline:none}.wb-preview-box{flex:1 1 auto!important;position:relative;min-width:0;min-height:0;width:0;margin:14px 14px 14px 0;overflow:hidden}.wb-action-notice{position:fixed;top:64px;right:18px;z-index:20;max-width:min(360px,calc(100vw - 36px));padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#19191cf0;color:#ffffffd1;font-size:11px;line-height:1.4;box-shadow:0 10px 24px #00000047;pointer-events:none}.wb-preview-toolbar{position:absolute;top:8px;left:8px;right:8px;z-index:4;flex:0 0 auto;min-height:28px;margin:0!important;padding:0 4px!important;background:transparent!important;border:0!important;pointer-events:none}.wb-preview-toolbar-left,.wb-preview-toolbar-right{pointer-events:auto;gap:4px!important}.wb-preview-toolbar-left{position:relative;z-index:2}.wb-preview-toolbar-right{max-width:calc(100% - 44px);justify-content:flex-end;padding:3px 5px;border-radius:7px;background:#141418db;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px)}.wb-preview-toolbar .wb-device-btn{padding:4px 6px!important;font-size:10px!important}.wb-preview-metrics{margin-right:2px!important;font-size:10px!important}.wb-console-label{font-size:10px}.wb-preview-frame-wrapper{flex:1 1 auto;min-height:0;min-width:0;width:100%;max-width:100%;overflow:auto}.wb-preview-frame-wrapper>*{max-width:100%;max-height:100%}.wb-preview-toolbar-left,.wb-preview-toolbar-right{min-width:0;gap:4px!important}.wb-preview-toolbar-right{overflow:hidden}.wb-preview-toolbar-right>*{flex:0 0 auto}.wb-device-btn{white-space:nowrap}.wb-preview-frame-wrapper .wb-viewport-switcher{position:absolute;top:42px;right:8px;z-index:3;box-shadow:0 8px 20px #00000047}.wb-preview-frame-wrapper .wb-viewport-switcher .wb-device-btn{padding:3px 5px;font-size:10px;gap:3px}@media (max-width: 1100px){.wb-route,.wb-left>.wb-status-indicator:nth-of-type(n+2){display:none}.wb-left{flex-basis:auto}.wb-tab-btn{padding-inline:8px}}@media (max-width: 760px){.workbench{height:100dvh;margin:0;border:0;border-radius:0}.wb-topbar{flex-basis:48px;height:48px;padding-inline:10px;gap:8px}.wb-title{max-width:120px;overflow:hidden;text-overflow:ellipsis}.wb-center{justify-content:flex-end}.wb-tab-btn{width:30px;padding:0;gap:0}.wb-tab-btn:hover,.wb-tab-btn.active{width:30px;padding:0}.wb-tab-text{display:none}.wb-publish-btn{padding-inline:9px}.wb-preview-container{flex-direction:column}.wb-chat-panel-inner{width:100%!important;max-width:none;min-width:0;flex:1 1 52%;min-height:300px;max-height:52%;border-right:0;border-bottom:0}.wb-divider{display:none}.wb-preview-box{flex:1 1 48%!important;width:auto;margin:10px;min-height:220px}.wb-chat-header{padding-bottom:12px}.wb-chat-ready{margin-top:12px}.wb-messages{padding:12px 12px 152px}.wb-preview-toolbar{top:6px;left:6px;right:6px;overflow:visible}.wb-preview-frame-wrapper .wb-viewport-switcher{top:38px;right:5px}.wb-preview-frame-wrapper .wb-viewport-switcher .wb-device-btn span{display:none}.wb-preview-frame-wrapper .wb-viewport-switcher .wb-device-btn{padding:5px}}.workbench{width:100%;height:100vh;margin:0;border-radius:0;border-left:0;border-right:0}.wb-preview-box{margin:0;border-radius:0}.wb-topbar-preview-controls{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;padding:3px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0f0f12d1}.wb-topbar-preview-controls .wb-device-btn{min-height:28px;padding:4px 8px}.wb-preview-toolbar-right{display:none!important}@media (max-width: 900px){.wb-topbar-preview-controls .wb-device-btn span:not(.wb-console-badge){display:none}.wb-topbar-preview-controls .wb-device-btn{min-width:28px;justify-content:center;padding:5px}}html:not(.landing-dark-mode) .workbench{background:#f8fafc!important;color:#334155!important}html:not(.landing-dark-mode) .workbench:before{background:none!important}html:not(.landing-dark-mode) .wb-topbar{background:#fff!important;border-bottom:1px solid #e2e8f0!important}html:not(.landing-dark-mode) .wb-title,html:not(.landing-dark-mode) .wb-route,html:not(.landing-dark-mode) .wb-status-indicator,html:not(.landing-dark-mode) .wb-tab-btn,html:not(.landing-dark-mode) .wb-tab-btn:hover,html:not(.landing-dark-mode) .wb-tab-btn.active{color:#475569!important}html:not(.landing-dark-mode) .wb-tab-btn:hover,html:not(.landing-dark-mode) .wb-tab-btn.active{background:#f1f5f9!important;border-color:#cbd5e1!important}html:not(.landing-dark-mode) .wb-body,html:not(.landing-dark-mode) .wb-preview-area,html:not(.landing-dark-mode) .wb-preview-container{background:#f8fafc!important}html:not(.landing-dark-mode) .wb-chat-panel-inner{background:#fff!important;border-right:1px solid #e2e8f0!important}html:not(.landing-dark-mode) .wb-chat-header,html:not(.landing-dark-mode) .wb-messages,html:not(.landing-dark-mode) .wb-input-container{background:#fff!important;color:#334155!important}html:not(.landing-dark-mode) .wb-chat-brand,html:not(.landing-dark-mode) .wb-chat-subtitle,html:not(.landing-dark-mode) .wb-msg,html:not(.landing-dark-mode) .wb-input{color:#334155!important}html:not(.landing-dark-mode) .wb-live-activity{border:1px solid #c7d2fe!important;border-left:3px solid #4f46e5!important;border-radius:10px!important;background:#eef2ff!important;box-shadow:0 2px 8px #4f46e51a}html:not(.landing-dark-mode) .wb-live-activity-copy strong{color:#312e81!important}html:not(.landing-dark-mode) .wb-live-activity-copy span{color:#4338ca!important}html:not(.landing-dark-mode) .wb-live-activity-copy small{color:#6366f1!important}html:not(.landing-dark-mode) .wb-live-activity-icon span{background:#4f46e5!important}html:not(.landing-dark-mode) .wb-live-activity-pulse{background:#2563eb!important;box-shadow:0 0 0 4px #2563eb29}html:not(.landing-dark-mode) .wb-preview-box{background:#fff!important;border-color:#e2e8f0!important}html:not(.landing-dark-mode) .wb-preview-toolbar{background:#fff!important;border-bottom-color:#e2e8f0!important}html:not(.landing-dark-mode) .wb-preview-frame-wrapper{background:#f8fafc!important}html:not(.landing-dark-mode) .wb-topbar-preview-controls{background:#f8fafc!important;border-color:#cbd5e1!important}html:not(.landing-dark-mode) .wb-topbar-preview-controls .wb-device-btn,html:not(.landing-dark-mode) .wb-preview-toolbar .wb-device-btn{color:#64748b!important}html:not(.landing-dark-mode) .wb-topbar-preview-controls .wb-device-btn:hover,html:not(.landing-dark-mode) .wb-topbar-preview-controls .wb-device-btn.active,html:not(.landing-dark-mode) .wb-preview-toolbar .wb-device-btn:hover,html:not(.landing-dark-mode) .wb-preview-toolbar .wb-device-btn.active{background:#eff6ff!important;color:#1d4ed8!important}html:not(.landing-dark-mode) .wb-console-panel,html:not(.landing-dark-mode) .wb-code-editor-container,html:not(.landing-dark-mode) .wb-code-editor{background:#fff!important;color:#334155!important;border-color:#e2e8f0!important}html:not(.landing-dark-mode) .wb-divider{background:#e2e8f0!important}html:not(.landing-dark-mode) .wb-icon-btn,html:not(.landing-dark-mode) .wb-device-btn,html:not(.landing-dark-mode) .wb-console-filter-btn,html:not(.landing-dark-mode) .wb-console-action-btn,html:not(.landing-dark-mode) .wb-control-btn,html:not(.landing-dark-mode) .wb-explorer-action-btn,html:not(.landing-dark-mode) .wb-tree-action-btn,html:not(.landing-dark-mode) .wb-msg-retry-btn{background:#fff!important;border:1px solid #cbd5e1!important;color:#475569!important}html:not(.landing-dark-mode) .wb-icon-btn:hover,html:not(.landing-dark-mode) .wb-device-btn:hover,html:not(.landing-dark-mode) .wb-console-filter-btn:hover,html:not(.landing-dark-mode) .wb-console-action-btn:hover,html:not(.landing-dark-mode) .wb-control-btn:hover,html:not(.landing-dark-mode) .wb-explorer-action-btn:hover,html:not(.landing-dark-mode) .wb-tree-action-btn:hover,html:not(.landing-dark-mode) .wb-msg-retry-btn:hover{background:#f1f5f9!important;border-color:#94a3b8!important;color:#1e293b!important}html:not(.landing-dark-mode) .wb-device-btn.active,html:not(.landing-dark-mode) .wb-console-filter-btn.active,html:not(.landing-dark-mode) .wb-control-btn.active{background:#eff6ff!important;border-color:#93c5fd!important;color:#1d4ed8!important}html:not(.landing-dark-mode) .wb-publish-btn{background:#2563eb!important;border:1px solid #111827!important;color:#fff!important}html:not(.landing-dark-mode) .wb-publish-btn:hover{background:#1d4ed8!important;border-color:#000!important}html:not(.landing-dark-mode) .wb-add-btn-large,html:not(.landing-dark-mode) .wb-send-btn,html:not(.landing-dark-mode) .wb-stop-btn{background:#fff!important;border:1px solid #cbd5e1!important;color:#334155!important}html:not(.landing-dark-mode) .wb-add-btn-large:hover,html:not(.landing-dark-mode) .wb-send-btn:hover,html:not(.landing-dark-mode) .wb-stop-btn:hover{background:#f1f5f9!important;border-color:#94a3b8!important;color:#1e293b!important}html:not(.landing-dark-mode) .wb-theme-select{background:#fff!important;border:1px solid #cbd5e1!important;color:#475569!important}html:not(.landing-dark-mode) .wb-topbar-preview-controls,html:not(.landing-dark-mode) .wb-tabs{display:inline-flex!important;align-items:center;gap:4px!important;padding:3px!important;border:1px solid #cbd5e1!important;border-radius:8px!important;background:#f8fafc!important}html:not(.landing-dark-mode) .wb-topbar-preview-controls .wb-device-btn,html:not(.landing-dark-mode) .wb-tabs .wb-tab-btn{width:auto!important;min-width:0!important;min-height:30px!important;height:30px!important;padding:0 10px!important;gap:6px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#64748b!important}html:not(.landing-dark-mode) .wb-topbar-preview-controls .wb-device-btn:hover,html:not(.landing-dark-mode) .wb-topbar-preview-controls .wb-device-btn.active,html:not(.landing-dark-mode) .wb-tabs .wb-tab-btn:hover,html:not(.landing-dark-mode) .wb-tabs .wb-tab-btn.active{background:#fff!important;border-color:#93c5fd!important;color:#1d4ed8!important}html:not(.landing-dark-mode) .wb-tabs .wb-tab-text{max-width:100px!important;margin-left:0!important;opacity:1!important}@media (max-width: 900px){html:not(.landing-dark-mode) .wb-topbar-preview-controls .wb-device-btn span:not(.wb-console-badge),html:not(.landing-dark-mode) .wb-tabs .wb-tab-text{display:none}html:not(.landing-dark-mode) .wb-topbar-preview-controls .wb-device-btn,html:not(.landing-dark-mode) .wb-tabs .wb-tab-btn{width:30px!important;padding:0!important;justify-content:center}}html:not(.landing-dark-mode) .wb-msg-ai .wb-msg-bubble{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:10px 12px!important;color:#334155!important}html:not(.landing-dark-mode) .wb-msg-ai-content,html:not(.landing-dark-mode) .wb-msg-ai-content :where(p,li,strong,em,code,pre,blockquote),html:not(.landing-dark-mode) .wb-msg-system{color:#334155!important}html:not(.landing-dark-mode) .wb-msg-ai-name{color:#475569!important}html:not(.landing-dark-mode) .wb-msg-thinking-text{color:#64748b!important}html.landing-dark-mode .wb-msg-ai-content pre,html.landing-dark-mode .wb-msg-ai-content code,html.landing-dark-mode .wb-agent-code-block,html.landing-dark-mode .wb-agent-code{background:#111827!important;border-color:#374151!important;color:#e5e7eb!important}html:not(.landing-dark-mode) .wb-msg-ai-content pre,html:not(.landing-dark-mode) .wb-msg-ai-content code,html:not(.landing-dark-mode) .wb-agent-code-block,html:not(.landing-dark-mode) .wb-agent-code{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#334155!important}html:not(.landing-dark-mode) .wb-msg-error{color:#b91c1c!important}html.landing-dark-mode .wb-cm .cm-editor,html.landing-dark-mode .wb-cm .cm-scroller,html.landing-dark-mode .wb-cm .cm-content{background:#000!important;color:#e5e7eb!important}html.landing-dark-mode .wb-cm .cm-gutters{background:#000!important;color:#9ca3af!important;border-right-color:#222!important}html.landing-dark-mode .wb-cm .cm-activeLine{background:#0a0a0a!important}html.landing-dark-mode .wb-cm .cm-activeLineGutter{background:#0a0a0a!important;color:#f9fafb!important;border-left-color:#818cf8!important}html.landing-dark-mode .wb-cm .cm-cursor{border-left-color:#f9fafb!important}html:not(.landing-dark-mode) .wb-cm .cm-editor,html:not(.landing-dark-mode) .wb-cm .cm-scroller,html:not(.landing-dark-mode) .wb-cm .cm-content{background:#fff!important;color:#1f2937!important}html:not(.landing-dark-mode) .wb-cm .cm-gutters{background:#fff!important;color:#64748b!important;border-right-color:#e2e8f0!important}html:not(.landing-dark-mode) .wb-cm .cm-activeLine{background:#f8fafc!important}html:not(.landing-dark-mode) .wb-cm .cm-activeLineGutter{background:#f1f5f9!important;color:#111827!important;border-left-color:#111827!important}html:not(.landing-dark-mode) .wb-cm .cm-cursor{border-left-color:#111827!important}.workbench button,.wb-msg-ai,.wb-msg-ai *{font-family:var(--pk-font-pixel, "Departure Mono", ui-monospace, monospace)!important}.workbench .wb-msg-user,.workbench .wb-msg-user *{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}@media (max-width: 760px){.workbench{height:100dvh}.wb-preview-box{margin:10px;border-radius:8px}}.wb-topbar-preview-controls,.wb-tabs{gap:3px!important;padding:0!important;border-radius:0!important;background:transparent!important;border:0!important}html:not(.landing-dark-mode) .wb-topbar-preview-controls,html:not(.landing-dark-mode) .wb-tabs{padding:0!important;border:0!important;background:transparent!important}.wb-topbar-preview-controls .wb-device-btn,.wb-tabs .wb-tab-btn{min-height:32px!important;height:32px!important;padding:0 11px!important;gap:7px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#64748b!important;font-family:var(--pk-font-pixel, "Departure Mono", ui-monospace, monospace)!important;font-size:10px!important;font-weight:400!important;letter-spacing:.02em!important;font-synthesis:none!important;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important}.wb-topbar-preview-controls .wb-device-btn svg,.wb-tabs .wb-tab-btn svg{width:14px;height:14px;flex:0 0 auto}.wb-topbar-preview-controls .wb-device-btn:hover,.wb-tabs .wb-tab-btn:hover,.wb-topbar-preview-controls .wb-device-btn.active,.wb-tabs .wb-tab-btn.active{background:#111827!important;border-color:#000!important;color:#fff!important;box-shadow:none!important}.wb-topbar-preview-controls .wb-device-btn:focus-visible,.wb-tabs .wb-tab-btn:focus-visible{outline:2px solid #60a5fa!important;outline-offset:2px}@media (max-width: 900px){.wb-topbar-preview-controls .wb-device-btn,.wb-tabs .wb-tab-btn{min-width:32px!important;padding:0 8px!important}}.wb-publish-btn{background:#111827!important;border:1px solid #111827!important;color:#fff!important}.wb-publish-btn:hover{background:#000!important;border-color:#000!important;box-shadow:0 4px 12px #0000002e!important}.wb-publish-btn:focus-visible{outline:2px solid #111827!important;outline-offset:2px}html:not(.landing-dark-mode) .wb-topbar-preview-controls .wb-device-btn.active,html:not(.landing-dark-mode) .wb-tabs .wb-tab-btn.active{background:#111827!important;border-color:#000!important;color:#fff!important;box-shadow:none!important}html:not(.landing-dark-mode) .wb-topbar-preview-controls .wb-device-btn,html:not(.landing-dark-mode) .wb-tabs .wb-tab-btn,html:not(.landing-dark-mode) .wb-topbar-preview-controls .wb-device-btn:hover,html:not(.landing-dark-mode) .wb-tabs .wb-tab-btn:hover{color:#111827!important}html:not(.landing-dark-mode) .wb-topbar-preview-controls .wb-device-btn:hover,html:not(.landing-dark-mode) .wb-tabs .wb-tab-btn:hover{background:#111827!important;border-color:#000!important;color:#fff!important;box-shadow:none!important}.wb-topbar .wb-device-btn,.wb-topbar .wb-tab-btn,.wb-topbar .wb-publish-btn,.wb-chat-panel-inner,.wb-chat-panel-inner *,.wb-console-panel,.wb-console-panel *,.wb-console-filter-btn,.wb-console-count,.wb-console-action-btn,.wb-console-empty,.wb-console-entry{font-family:var(--font-sans, "Inter", sans-serif)!important;font-synthesis:auto!important;letter-spacing:0!important}.wb-chat-panel-inner .wb-theme-select{width:108px;min-width:108px;height:32px;padding:0 24px 0 12px!important;border:1px solid #cbd5e1!important;border-radius:999px!important;background:#fff!important;color:#334155!important;text-align:center;text-align-last:center;line-height:30px;font-family:var(--font-sans, "Inter", sans-serif)!important;font-size:11px}.wb-chat-panel-inner .wb-theme-select option{background:#fff!important;color:#1f2937!important}html.landing-dark-mode .wb-chat-panel-inner .wb-theme-select{border-color:#52525b!important;background:#27272a!important;color:#e4e4e7!important}html.landing-dark-mode .wb-chat-panel-inner .wb-theme-select option{background:#27272a!important;color:#e4e4e7!important}html.landing-dark-mode .wb-add-btn-large,html.landing-dark-mode .wb-send-btn,html.landing-dark-mode .wb-chat-panel-inner .wb-theme-select{border-color:#52525b!important;background:#27272a!important;color:#fff!important}html.landing-dark-mode .wb-add-btn-large:hover,html.landing-dark-mode .wb-send-btn:hover,html.landing-dark-mode .wb-chat-panel-inner .wb-theme-select:hover{border-color:#71717a!important;background:#3f3f46!important;color:#fff!important}html.landing-dark-mode .wb-send-btn:disabled{border:1px solid #52525b!important;background:#27272a!important;color:#fff!important;opacity:1!important}html:not(.landing-dark-mode) .wb-input-container{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:20px!important;box-shadow:0 10px 24px #0f172a1a!important}html:not(.landing-dark-mode) .wb-input-container:focus-within{border-color:#111827!important;box-shadow:0 12px 28px #0f172a24,0 0 0 3px #0f172a14!important}html:not(.landing-dark-mode) .wb-input{color:#1f2937!important;font-family:var(--font-sans, "Inter", sans-serif)!important}html:not(.landing-dark-mode) .wb-input::placeholder{color:#64748b!important}html:not(.landing-dark-mode) .wb-add-btn-large,html:not(.landing-dark-mode) .wb-send-btn,html:not(.landing-dark-mode) .wb-chat-panel-inner .wb-theme-select{border-color:#cbd5e1!important;background:#fff!important;color:#334155!important;font-family:var(--font-sans, "Inter", sans-serif)!important}html:not(.landing-dark-mode) .wb-add-btn-large:hover,html:not(.landing-dark-mode) .wb-send-btn:hover,html:not(.landing-dark-mode) .wb-chat-panel-inner .wb-theme-select:hover{border-color:#111827!important;background:#f8fafc!important;color:#111827!important}html:not(.landing-dark-mode) .wb-code-box,html:not(.landing-dark-mode) .wb-code-sidebar,html:not(.landing-dark-mode) .wb-code-editor-container,html:not(.landing-dark-mode) .wb-code-header,html:not(.landing-dark-mode) .wb-code-editor{background:#fff!important;color:#1f2937!important;border-color:#e2e8f0!important;box-shadow:none!important}html:not(.landing-dark-mode) .wb-explorer-search-wrap,html:not(.landing-dark-mode) .wb-breadcrumbs{background:#f8fafc!important;border-color:#e2e8f0!important}html:not(.landing-dark-mode) .wb-explorer-search{background:#fff!important;border-color:#cbd5e1!important;color:#1f2937!important}html:not(.landing-dark-mode) .wb-search-icon,html:not(.landing-dark-mode) .wb-breadcrumb-item,html:not(.landing-dark-mode) .wb-breadcrumb-sep,html:not(.landing-dark-mode) .wb-code-tab,html:not(.landing-dark-mode) .wb-code-folder-item,html:not(.landing-dark-mode) .wb-code-file-item{color:#64748b!important}html:not(.landing-dark-mode) .wb-code-folder-item:hover,html:not(.landing-dark-mode) .wb-code-file-item:hover,html:not(.landing-dark-mode) .wb-code-tab:hover{background:#f1f5f9!important;color:#1f2937!important}html:not(.landing-dark-mode) .wb-code-file-item.active,html:not(.landing-dark-mode) .wb-code-tab.active{background:#f8fafc!important;color:#111827!important;border-color:#cbd5e1!important;box-shadow:none!important}html:not(.landing-dark-mode) .wb-code-tab.active{border-top-color:#111827!important}html:not(.landing-dark-mode) .wb-tab-close:hover,html:not(.landing-dark-mode) .wb-code-action:hover{background:#e2e8f0!important;color:#111827!important}html:not(.landing-dark-mode) .wb-cm .cm-scroller{scrollbar-color:#cbd5e1 transparent}html:not(.landing-dark-mode) .wb-cm .cm-scroller::-webkit-scrollbar-thumb{background:#cbd5e1;border-color:#fff}.wb-header-top{min-height:55px;height:55px;padding:0 12px;gap:16px;border-bottom:1px solid #e2e8f0}.wb-breadcrumbs{display:none!important}.wb-code-tabs{flex:1 1 auto;padding:0 4px!important;gap:6px!important}.wb-editor-controls{flex:0 0 auto;gap:10px!important;padding:0!important;background:transparent!important;border-left:0!important}.wb-center>.wb-topbar-preview-controls{margin-left:12px}.wb-control-group{gap:6px!important}.wb-control-sep{width:1px;height:22px;background:#cbd5e1}.wb-control-btn{min-height:30px;height:30px;padding:0 11px!important;border-radius:7px;gap:7px;white-space:nowrap}.wb-control-group:last-child .wb-control-btn{width:32px;padding:0!important;justify-content:center}.wb-explorer-search-wrap{height:55px;gap:6px;padding:10px 12px!important}.wb-explorer-action-btn{width:28px;height:28px;padding:0!important;flex:0 0 28px;justify-content:center;border-radius:6px}@media (max-width: 760px){.wb-header-top{padding:0 8px;gap:8px}.wb-editor-controls{gap:6px!important}.wb-center>.wb-topbar-preview-controls{margin-left:6px}.wb-control-btn{padding:0 8px!important}}.wb-add-btn-large,.wb-send-btn{border-radius:50%!important}html:not(.landing-dark-mode) .wb-publish-btn,html:not(.landing-dark-mode) .wb-publish-btn:hover,html:not(.landing-dark-mode) .wb-publish-btn:active,html:not(.landing-dark-mode) .wb-publish-btn:focus-visible{background:#111827!important;border-color:#000!important;color:#fff!important;box-shadow:none!important}.wb-inspect-panel{background:#fff!important;color:#334155!important;font-family:var(--font-sans, "Inter", sans-serif)!important}.wb-inspect-header{padding:14px 18px!important;background:#fff!important;border-bottom:1px solid #e2e8f0!important}.wb-inspect-body{padding:16px 18px!important;scrollbar-color:#cbd5e1 transparent!important}.wb-inspect-timeline{padding-left:20px!important}.wb-inspect-timeline>div:first-child{left:5px!important;width:1px!important;background:#e2e8f0!important}.wb-inspect-event-node{left:-18px!important;top:10px!important;width:8px!important;height:8px!important;border:0!important;box-shadow:none!important}.wb-inspect-event-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:11px 14px!important;box-shadow:0 1px 2px #0f172a0a!important}.wb-inspect-event-card:hover{border-color:#cbd5e1!important;box-shadow:0 4px 12px #0f172a14!important}.wb-inspect-metrics{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#64748b!important}.wb-inspect-panel button{font-family:var(--font-sans, "Inter", sans-serif)!important}.demo-section{position:relative;z-index:2;padding:clamp(72px,10vw,132px) var(--page-gutter, 24px);overflow:hidden;background:#111827;color:#f3f4f6}.demo-section:before{content:"";position:absolute;top:0;left:50%;width:min(760px,80vw);height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,#374151,transparent)}.demo-section:after{content:"";position:absolute;right:max(var(--page-gutter, 24px),8vw);bottom:0;left:max(var(--page-gutter, 24px),8vw);height:1px;background:#1f2937;pointer-events:none}.demo-section-header{max-width:680px;margin:0 auto clamp(32px,5vw,56px);text-align:center}.demo-eyebrow{color:#6b7280;font-size:10px;font-weight:700;letter-spacing:.22em}.demo-section-header h2{margin:14px 0;color:#f3f4f6;font-size:clamp(30px,4vw,48px);font-weight:650;letter-spacing:-.045em;line-height:1.05}.demo-section-header p{max-width:540px;margin:0 auto;color:#9ca3af;font-size:15px;line-height:1.7}.demo-workbench{width:min(1180px,100%);margin:0 auto;overflow:hidden;background:#030712;border:1px solid #1f2937;border-radius:12px;box-shadow:0 36px 100px #00000080}.demo-wb-topbar{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 12px;gap:12px;background:#111827;border-bottom:1px solid #1f2937;color:#9ca3af;font-size:11px}.demo-wb-left,.demo-wb-actions,.demo-wb-tabs,.demo-wb-state{display:flex;align-items:center}.demo-wb-left{gap:12px;min-width:225px}.demo-wb-left strong{color:#f3f4f6;font-size:13px;font-weight:600}.demo-wb-state{gap:6px;color:#6b7280;font-size:9px;letter-spacing:.08em}.demo-wb-state i{width:6px;height:6px;border-radius:50%;background:#22c55e}.demo-wb-route{color:#4b5563;font-size:9px;white-space:nowrap}.demo-wb-tabs{justify-content:center;gap:4px;flex:1}.demo-wb-tabs span{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 10px;border:1px solid transparent;border-radius:6px;color:#6b7280;white-space:nowrap}.demo-wb-tabs span.active{color:#f3f4f6;background:#1f2937;border-color:#374151}.demo-wb-tabs b{color:#9ca3af;font-size:11px;font-weight:500}.demo-wb-tabs em{font-style:normal;font-size:10px}.demo-wb-tabs span.active b{color:#60a5fa}.demo-wb-tabs .wb-tab-btn:nth-child(n+5){display:none!important}.demo-wb-actions{justify-content:flex-end;gap:10px;min-width:190px;font-size:16px}.demo-wb-icon{display:inline-flex!important;width:30px;height:30px;padding:0!important;align-items:center;justify-content:center;line-height:0;box-sizing:border-box;border:1px solid #1f2937;border-radius:6px;background:transparent;color:#9ca3af;cursor:default}.demo-wb-icon svg{display:block!important;width:16px!important;height:16px!important;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.demo-trace-icon{display:inline-flex;align-items:center;justify-content:center;gap:2px;height:16px}.demo-trace-icon i{display:block;width:2px;height:8px;border-radius:2px;background:currentColor}.demo-trace-icon i:nth-child(2){height:13px}.demo-trace-icon i:nth-child(3){height:5px}.demo-wb-actions button{padding:5px 12px;border:0;border-radius:6px;color:#fff;background:#2563eb;font-size:11px}.demo-wb-body{display:grid;grid-template-columns:minmax(250px,32%) minmax(0,1fr);min-height:500px;background:#030712}.demo-chat-panel{position:relative;display:flex;flex-direction:column;min-width:0;padding:18px 16px 14px;background:#0b1220;border-right:1px solid #1f2937}.demo-chat-heading{display:flex;flex-direction:column;gap:5px;padding:0 2px 18px;border-bottom:1px solid #1f2937;color:#f3f4f6;font-size:13px;font-weight:600}.demo-chat-heading small{color:#6b7280;font-size:9px;font-weight:500;letter-spacing:.12em}.demo-chat-messages{display:flex;flex:1;flex-direction:column;gap:16px;padding:20px 0;overflow:hidden}.demo-chat-system{color:#6b7280;font-size:10px}.demo-chat-system i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#9ca3af}.demo-chat-typing{display:flex;align-items:center;gap:4px;color:#6b7280;font-size:10px;animation:none}.demo-chat-typing>span{margin-right:4px}.demo-chat-typing i{width:4px;height:4px;border-radius:50%;background:#60a5fa;animation:demoTypingDot 1s ease-in-out infinite}.demo-chat-typing i:nth-of-type(2){animation-delay:.15s}.demo-chat-typing i:nth-of-type(3){animation-delay:.3s}.demo-chat-reveal-user,.demo-chat-reveal-ai{opacity:0;transform:translateY(6px);animation:demoMessageReveal 9s ease-in-out infinite}.demo-chat-message-enter{animation:demoMessageReveal .35s ease-out both}.demo-chat-step-enter{animation:demoStepReveal .35s ease-out both}.demo-chat-step-delay{animation-delay:.18s}.demo-chat-input-top{min-height:14px}.demo-chat-input-top.is-typing{color:#d1d5db}.demo-stage-message{animation:demoStageReveal .35s ease-out both}@keyframes demoStageReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.demo-caret{display:inline-block;width:1px;height:13px;margin-left:2px;vertical-align:-2px;background:#60a5fa;animation:demoCaretBlink .8s step-end infinite}@keyframes demoCaretBlink{50%{opacity:0}}.demo-chat-reveal-user{animation-delay:1.8s}.demo-chat-reveal-ai{animation-delay:3.4s}.demo-chat-reveal-step-one,.demo-chat-reveal-step-two{opacity:0;transform:translateY(4px);animation:demoStepReveal 9s ease-in-out infinite}.demo-chat-reveal-step-one{animation-delay:4.8s}.demo-chat-reveal-step-two{animation-delay:5.5s}@keyframes demoTypingState{0%,8%{opacity:0}12%,30%{opacity:1}38%,to{opacity:0}}@keyframes demoTypingDot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes demoMessageReveal{0%,18%{opacity:0;transform:translateY(6px)}25%,78%{opacity:1;transform:translateY(0)}88%,to{opacity:0;transform:translateY(0)}}@keyframes demoStepReveal{0%,42%{opacity:0;transform:translateY(4px)}48%,78%{opacity:1;transform:translateY(0)}88%,to{opacity:0;transform:translateY(0)}}.demo-chat-user{align-self:flex-end;max-width:88%;padding:10px 12px;border:1px solid #1d4ed8;border-radius:12px 12px 3px;color:#e5e7eb;background:#1e3a8a;font-size:12px;line-height:1.5}.demo-chat-ai{padding:2px;color:#9ca3af;font-size:12px;line-height:1.55}.demo-ai-heading{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#f3f4f6;font-size:11px;font-weight:600}.demo-ai-heading span{color:#d1d5db;font-size:15px}.demo-ai-heading .demo-ai-logo{width:15px;height:15px;border-radius:4px;object-fit:contain;flex-shrink:0}.demo-chat-ai p{margin-bottom:14px}.demo-chat-progress{display:flex;align-items:center;gap:8px;margin-top:7px;color:#6b7280;font-size:10px}.demo-chat-progress .done{color:#d1d5db}.demo-chat-input{display:flex;flex-direction:column;gap:12px;min-height:76px;padding:12px;border:1px solid #374151;border-radius:12px;color:#6b7280;background:#111827;box-shadow:none;font-size:11px}.demo-chat-input-top{color:#6b7280;line-height:1.3}.demo-chat-input-bottom{display:flex;align-items:center;justify-content:space-between}.demo-chat-input-tools{display:flex;align-items:center;gap:10px}.demo-chat-input-tools b,.demo-chat-input-tools button,.demo-chat-send{display:grid;width:27px;height:27px;place-items:center;border-radius:6px;color:#f3f4f6;background:#1f2937;font-size:15px;border:0;cursor:default}.demo-chat-input-tools button svg,.demo-chat-send svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.demo-chat-input-tools span{color:#6b7280;font-size:10px}.demo-chat-send{margin-left:auto;background:#2563eb;color:#fff}.demo-chat-send.is-sending{animation:demoSendClick .26s ease-out}@keyframes demoSendClick{0%{transform:scale(1)}45%{transform:scale(.82)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.demo-chat-typing,.demo-chat-reveal-user,.demo-chat-reveal-ai{animation:none;opacity:1;transform:none}.demo-chat-typing{display:none}.demo-chat-input-top{color:#6b7280}}.demo-preview{display:flex;flex-direction:column;min-width:0;padding:14px;background:#030712}.demo-preview-topbar{display:flex;align-items:center;gap:12px;padding:0 3px 12px;color:#6b7280;font-size:9px;letter-spacing:.12em}.demo-preview-url{flex:1;padding:5px 10px;border:1px solid #1f2937;border-radius:5px;color:#6b7280;letter-spacing:0;text-align:center}.demo-browser{flex:1;overflow:hidden;background:#111827;border:1px solid #1f2937;border-radius:8px}.demo-browser-nav{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #1f2937;color:#9ca3af;font-size:10px}.demo-browser-logo{display:grid;width:20px;height:20px;place-items:center;border-radius:5px;color:#fff;background:#2563eb;font-size:10px;font-weight:700}.demo-browser-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#22c55e}.demo-browser-content{display:flex;min-height:380px;flex-direction:column;align-items:flex-start;justify-content:center;padding:32px clamp(24px,6vw,72px);background:#030712}.demo-browser-kicker{color:#6b7280;font-size:9px;font-weight:700;letter-spacing:.16em}.demo-browser-content h3{margin:16px 0;color:#f3f4f6;font-size:clamp(30px,4vw,54px);font-weight:450;letter-spacing:-.06em;line-height:.98}.demo-browser-content h3 strong{color:#9ca3af;font-weight:650}.demo-browser-content p{max-width:270px;color:#9ca3af;font-size:12px;line-height:1.6}.demo-browser-button{margin-top:24px;padding:9px 12px;border:1px solid #2563eb;border-radius:8px;color:#fff;background:#2563eb;font-size:10px}.demo-browser-button b{margin-left:8px;color:#fff}.demo-preview-generating{display:flex;min-height:380px;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9ca3af;background:#030712;text-align:center}.demo-preview-generating strong{color:#f3f4f6;font-size:13px}.demo-preview-generating small{color:#6b7280;font-size:10px}.demo-preview-loader{width:28px;height:28px;border:2px solid rgba(156,163,175,.25);border-top-color:#60a5fa;border-radius:50%;animation:demoPreviewSpin .9s linear infinite}.demo-preview-content-enter{animation:demoPreviewReveal .55s ease-out both}@keyframes demoPreviewSpin{to{transform:rotate(360deg)}}@keyframes demoPreviewReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}html.landing-dark-mode .demo-section{background:#000;color:#f3f4f6}html.landing-dark-mode .demo-workbench,html.landing-dark-mode .demo-wb-body,html.landing-dark-mode .demo-preview,html.landing-dark-mode .demo-browser-content{background:#000}html.landing-dark-mode .demo-wb-topbar,html.landing-dark-mode .demo-chat-input,html.landing-dark-mode .demo-browser{background:#0a0a0a}html.landing-dark-mode .demo-chat-panel{background:#050505}html.landing-dark-mode .demo-wb-topbar,html.landing-dark-mode .demo-chat-panel,html.landing-dark-mode .demo-browser,html.landing-dark-mode .demo-preview-url,html.landing-dark-mode .demo-chat-input,html.landing-dark-mode .demo-wb-icon,html.landing-dark-mode .demo-wb-tabs span.active,html.landing-dark-mode .demo-chat-input-tools button,html.landing-dark-mode .demo-chat-send{border-color:#222}html:not(.landing-dark-mode) .demo-section{background:#f8fafc;color:#1e293b}html:not(.landing-dark-mode) .demo-section:before{background:linear-gradient(90deg,transparent,#cbd5e1,transparent)}html:not(.landing-dark-mode) .demo-section:after{background:#e2e8f0}html:not(.landing-dark-mode) .demo-section-header h2,html:not(.landing-dark-mode) .demo-wb-left strong,html:not(.landing-dark-mode) .demo-chat-heading,html:not(.landing-dark-mode) .demo-ai-heading,html:not(.landing-dark-mode) .demo-browser-content h3{color:#0f172a}html:not(.landing-dark-mode) .demo-section-header p,html:not(.landing-dark-mode) .demo-chat-ai,html:not(.landing-dark-mode) .demo-browser-content p{color:#475569}html:not(.landing-dark-mode) .demo-workbench,html:not(.landing-dark-mode) .demo-wb-body,html:not(.landing-dark-mode) .demo-preview,html:not(.landing-dark-mode) .demo-browser-content{background:#fff}html:not(.landing-dark-mode) .demo-preview-generating{color:#475569;background:#fff}html:not(.landing-dark-mode) .demo-preview-generating strong{color:#0f172a}html:not(.landing-dark-mode) .demo-preview-generating small{color:#64748b}html:not(.landing-dark-mode) .demo-preview-loader{border-color:#cbd5e1;border-top-color:#2563eb}html:not(.landing-dark-mode) .demo-wb-topbar,html:not(.landing-dark-mode) .demo-chat-panel,html:not(.landing-dark-mode) .demo-chat-input,html:not(.landing-dark-mode) .demo-browser{background:#f8fafc}html:not(.landing-dark-mode) .demo-workbench,html:not(.landing-dark-mode) .demo-wb-topbar,html:not(.landing-dark-mode) .demo-chat-panel,html:not(.landing-dark-mode) .demo-browser,html:not(.landing-dark-mode) .demo-preview-url,html:not(.landing-dark-mode) .demo-chat-input,html:not(.landing-dark-mode) .demo-wb-icon,html:not(.landing-dark-mode) .demo-wb-tabs span.active,html:not(.landing-dark-mode) .demo-chat-input-tools button{border-color:#cbd5e1}html:not(.landing-dark-mode) .demo-wb-topbar,html:not(.landing-dark-mode) .demo-chat-panel,html:not(.landing-dark-mode) .demo-chat-heading,html:not(.landing-dark-mode) .demo-browser-nav{border-color:#e2e8f0}html:not(.landing-dark-mode) .demo-wb-state,html:not(.landing-dark-mode) .demo-wb-route,html:not(.landing-dark-mode) .demo-wb-tabs span,html:not(.landing-dark-mode) .demo-wb-icon,html:not(.landing-dark-mode) .demo-chat-system,html:not(.landing-dark-mode) .demo-chat-typing,html:not(.landing-dark-mode) .demo-chat-input,html:not(.landing-dark-mode) .demo-chat-input-top,html:not(.landing-dark-mode) .demo-chat-input-tools span,html:not(.landing-dark-mode) .demo-preview-topbar,html:not(.landing-dark-mode) .demo-preview-url,html:not(.landing-dark-mode) .demo-browser-nav,html:not(.landing-dark-mode) .demo-browser-kicker{color:#64748b}html:not(.landing-dark-mode) .demo-wb-tabs span.active{color:#0f172a;background:#e2e8f0}html:not(.landing-dark-mode) .demo-chat-user{color:#1e3a8a;background:#dbeafe;border-color:#93c5fd}html:not(.landing-dark-mode) .demo-chat-input-tools button{color:#334155;background:#e2e8f0}html:not(.landing-dark-mode) .demo-browser-content h3 strong{color:#64748b}html:not(.landing-dark-mode) .demo-chat-progress,html:not(.landing-dark-mode) .demo-chat-progress .done{color:#475569}.demo-workbench.workbench{width:min(1180px,100%);height:auto;min-height:0;margin:0 auto;border-radius:12px}.demo-workbench .demo-wb-body{display:flex;min-height:500px}.demo-workbench .wb-preview-area{min-width:0}.demo-workbench .demo-chat-panel{flex:0 0 32%;min-width:250px;max-width:600px}.demo-workbench .demo-preview{min-width:0;min-height:0;margin:0;border:0;border-radius:0}.demo-workbench .demo-chat-input{padding:12px}@media (max-width: 900px){.demo-wb-left{min-width:0}.demo-wb-left .demo-wb-state,.demo-wb-route,.demo-wb-tabs span em{display:none}.demo-wb-actions{min-width:0}.demo-wb-body{grid-template-columns:minmax(220px,38%) minmax(0,1fr)}}@media (max-width: 640px){.demo-section{padding-inline:14px}.demo-workbench{border-radius:12px}.demo-wb-topbar{min-height:48px}.demo-wb-tabs{display:none}.demo-wb-actions{margin-left:auto}.demo-wb-body{display:block;min-height:0}.demo-chat-panel{min-height:360px;border-right:0;border-bottom:1px solid #1f2937}.demo-preview{min-height:350px}.demo-browser-content{min-height:280px;padding-inline:24px}}@media (max-width: 420px){.demo-wb-left strong{font-size:11px}.demo-wb-actions{font-size:14px}.demo-wb-actions button{padding-inline:9px}.demo-chat-panel{min-height:340px}}@font-face{font-family:Departure Mono;src:url(/assets/DepartureMono-2BZob_Zz.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--pk-font-pixel: "Departure Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}.hero-section,.landing-page-shell,.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page,.templates-explore-page,.template-detail-page{--pk-void: #030712;--pk-surface: #111827;--pk-line: #1f2937;--pk-line-strong: #374151;--pk-text: #f3f4f6;--pk-text-muted: #9ca3af;--pk-text-faint: #6b7280;--pk-gold: #2563eb;--pk-gold-bright: #3b82f6;--pk-cyan: #06b6d4;--theme-blue: #2563eb}.hero-section,.landing-page-shell{font-family:var(--pk-font-pixel);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}.hero-section *,.landing-page-shell *,.documentation-page *,.guides-page *,.guide-detail-page *,.blog-page *,.support-page *,.templates-explore-page *,.template-detail-page *{font-family:var(--pk-font-pixel)!important;font-synthesis:none!important;font-synthesis-weight:none!important;-webkit-font-smoothing:none!important}.hero-section{position:relative;width:100%;height:100vh;height:100svh;min-height:540px;max-height:100vh;max-height:100svh;overflow:hidden;background:#030712;border-bottom:1px solid #1f2937;contain:paint;isolation:isolate}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.32),transparent 68%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.32),transparent 68%);opacity:.11;pointer-events:none;z-index:0}@media (max-height: 540px){.hero-section{height:auto;min-height:100svh;max-height:none;padding-bottom:32px}}@media (max-width: 1024px){.hero-section{background-size:cover}}@media (prefers-reduced-data: reduce){.hero-section{background:#030712}}.hero-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#03050d1a,#03050d00 30% 62%,#03050d52);pointer-events:none;z-index:0}.content-section{position:relative;min-height:100vh;background:var(--pk-void, #030712);margin-top:0;padding-top:80px}.landing-content-wrapper{position:relative;z-index:2}.landing-page-shell{position:relative;overflow:hidden;background:#030712}.bg-wrapper{position:fixed;inset:0;z-index:-1;background:var(--pk-void, #030712);overflow:hidden}.bg-wrapper:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.7}.stars-layer-1,.stars-layer-2,.stars-layer-3{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.star{position:absolute;background:#f8f9fa;border-radius:50%;box-shadow:0 0 2px #fffc,0 0 4px #fff6;animation:twinkle linear infinite}.star-medium{box-shadow:0 0 3px #ffffffe6,0 0 6px #ffffff80,0 0 9px #c8dcff4d}.star-bright{box-shadow:0 0 4px #fff,0 0 8px #ffffffb3,0 0 12px #c8dcff66,0 0 16px #96b4ff33}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.stars-layer-4{display:none}.shooting-stars{position:absolute;width:100%;height:100%;overflow:hidden}.shooting-star{position:absolute;width:2px;height:2px;background:#f8f9fa;border-radius:50%;box-shadow:0 0 6px 1px #fffc,0 0 12px 2px #ffb46466,0 0 18px 3px #ff8c5033;opacity:0}.shooting-star:before{content:"";position:absolute;top:50%;right:2px;width:80px;height:1px;margin-top:-.5px;background:linear-gradient(to left,rgba(255,255,255,.7),rgba(255,200,120,.5) 30%,rgba(255,160,100,.3) 60%,transparent);filter:blur(.8px);border-radius:50%}.shooting-star:after{content:"";position:absolute;top:50%;right:2px;width:80px;height:4px;margin-top:-2px;background:linear-gradient(to left,rgba(255,200,120,.25),rgba(255,160,100,.15) 50%,transparent);filter:blur(6px);border-radius:50%}.shooting-star:nth-child(1){top:8%;right:12%;animation:shootingStarArc1 6s ease-in-out 2s infinite}.shooting-star:nth-child(2){top:15%;right:35%;animation:shootingStarArc2 7s ease-in-out 12s infinite}@keyframes shootingStarArc1{0%{opacity:0;transform:translate(0) rotate(-42deg)}5%{opacity:.4}15%{opacity:.8}75%{opacity:.8}90%{opacity:.3}to{opacity:0;transform:translate(-600px,600px) rotate(-42deg)}}@keyframes shootingStarArc2{0%{opacity:0;transform:translate(0) rotate(-45deg)}5%{opacity:.3}15%{opacity:.7}75%{opacity:.7}90%{opacity:.2}to{opacity:0;transform:translate(-650px,650px) rotate(-45deg)}}.planet-bottom{position:fixed;bottom:-400px;left:50%;transform:translate(-50%);width:1200px;height:800px;background:radial-gradient(ellipse at 50% 15%,rgba(70,80,100,.4) 0%,rgba(50,60,80,.35) 20%,rgba(35,45,65,.25) 40%,rgba(20,30,50,.15) 60%,transparent 80%);border-radius:50%;filter:blur(.5px);animation:rotatePlanetSlow 400s linear infinite;z-index:0}.planet-bottom:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:100%;height:120%;background:radial-gradient(ellipse at 50% 20%,rgba(90,110,140,.2) 0%,rgba(70,90,120,.15) 30%,transparent 60%);border-radius:50%;filter:blur(30px);animation:atmosphereGlow 15s ease-in-out infinite}.planet-bottom:after{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%);width:95%;height:95%;background:radial-gradient(circle at 45% 25%,rgba(100,110,130,.15) 0%,rgba(60,70,90,.1) 30%,transparent 50%);border-radius:50%;filter:blur(2px)}@keyframes rotatePlanetSlow{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}@keyframes atmosphereGlow{0%,to{opacity:.7}50%{opacity:1}}.bg-gradient{position:absolute;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.6) 100%);pointer-events:none}*{scrollbar-width:none}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Monaco", "Courier New", monospace;--text-xs: clamp(.6875rem, .66rem + .14vw, .75rem);--text-sm: clamp(.8125rem, .79rem + .12vw, .875rem);--text-base: clamp(.9375rem, .91rem + .14vw, 1rem);--text-lg: clamp(1rem, .96rem + .2vw, 1.125rem);--text-xl: clamp(1.125rem, 1.07rem + .28vw, 1.25rem);--text-2xl: clamp(1.375rem, 1.29rem + .42vw, 1.5rem);--text-3xl: clamp(1.625rem, 1.49rem + .68vw, 1.875rem);--text-4xl: clamp(1.875rem, 1.67rem + 1vw, 2.25rem);--text-5xl: clamp(2.25rem, 1.94rem + 1.55vw, 3rem);--page-gutter: clamp(16px, 4vw, 64px);--section-space: clamp(48px, 8vw, 100px);--content-max: 1400px;--content-narrow: 900px;--pk-void: #0000;--pk-surface: #00000008;--pk-surface-raised: #06172c;--pk-surface-hover: #0a203a;--pk-line: rgba(255, 255, 255, .08);--pk-line-strong: rgba(255, 255, 255, .14);--pk-text: #f5f5f7;--pk-text-muted: rgba(255, 255, 255, .64);--pk-text-faint: rgba(255, 255, 255, .42);--pk-gold: #d4d4d4;--pk-gold-light: #f5f5f5;--pk-gold-deep: #737373;--pk-gold-ring: rgba(255, 255, 255, .2);--pk-glow: 0 18px 60px rgba(0, 0, 0, .55);--theme-blue: #087fff;--theme-blue-deep: #194cff;--theme-purple: #6b19ff;--theme-purple-bright: #9a16f5;--theme-blue-soft: rgba(8, 127, 255, .14);--theme-purple-soft: rgba(107, 25, 255, .15)}*{margin:0;padding:0;box-sizing:border-box;min-width:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}html,body,#root{width:100%;min-height:100vh;background:transparent;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#020817;overflow-y:scroll;overflow-x:hidden;overflow-x:clip}main,section,footer,header{max-width:100%}button,input,select,textarea{max-width:100%}pre,code{max-width:100%;overflow-x:auto;overflow-wrap:anywhere}table{max-width:100%}@media (max-width: 767px){:root{--page-gutter: clamp(14px, 5vw, 24px);--section-space: clamp(40px, 11vw, 72px)}body{overflow-x:hidden}h1,h2,h3,h4,p{overflow-wrap:anywhere}}.hero-section,.landing-page-shell{--pk-void: #ffffff;--pk-surface: #f7f8fa;--pk-surface-raised: #ffffff;--pk-surface-hover: #f1f3f5;--pk-line: #e5e7eb;--pk-line-strong: #d1d5db;--pk-text: #4b5563;--pk-text-muted: #6b7280;--pk-text-faint: #9ca3af;--pk-gold: #2563eb;--pk-gold-light: #2563eb;--pk-gold-deep: #1d4ed8;--pk-glow: 0 18px 60px rgba(15, 23, 42, .1);background:#fff!important;color:#6b7280!important}.hero-section{border-bottom-color:#e5e7eb!important}.hero-section:before{background:linear-gradient(rgba(107,114,128,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(107,114,128,.08) 1px,transparent 1px);opacity:.45!important}.hero-image-overlay{background:linear-gradient(180deg,#fff0,#ffffff14)!important}.hero-title-white{color:#6b7280!important}.hero-highlight{color:#2563eb!important}.landing-page-shell{background:#fff!important}.landing-page-shell :where(h1,h2,h3,h4,p,li,label,small,strong){color:#6b7280!important}.landing-page-shell :where(h1,h2,h3,h4,strong){color:#4b5563!important}.landing-page-shell .steps-title,.landing-page-shell .step-number{color:#64748b!important}.landing-page-shell .step-text{font-size:.875rem!important;line-height:1.45!important;color:#475569!important}.landing-page-shell .step-item{border-color:#e5e7eb!important}.landing-page-shell .step-item:hover{background:#e2e8f061!important}.header-scrolled{background:#ffffffeb!important;border-bottom-color:#e5e7eb!important;box-shadow:0 8px 24px #0f172a0f!important}.logo,.header-scrolled .logo,.logo-text-wrapper,.header-scrolled .logo-text-wrapper{color:#4b5563!important}.nav-pill{background:#ffffffe0!important;border-color:#e5e7eb!important}.nav-link,.header-scrolled .nav-link{color:#6b7280!important}.nav-link:hover,.header-scrolled .nav-link:hover{color:#4b5563!important;background:#f1f3f5!important}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid #d1d5db;border-radius:50%;background:#ffffffb8;color:#475569;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.theme-toggle:hover,.theme-toggle:focus-visible{background:#fff;border-color:#94a3b8;color:#1f2937}.hero-section .workspace-switcher-btn,.hero-section .inbox-btn{background:#ffffffc7!important;border:1px solid #d1d5db!important;color:#475569!important;box-shadow:0 3px 10px #0f172a0f}.hero-section .workspace-switcher-btn:hover,.hero-section .workspace-switcher-btn.open,.hero-section .inbox-btn:hover,.hero-section .inbox-btn:focus-visible{background:#fff!important;border-color:#94a3b8!important;color:#1f2937!important}.hero-section .workspace-switcher-dropdown,.hero-section .inbox-modal{background:#fffffff5!important;border-color:#d1d5db!important;box-shadow:0 18px 48px #0f172a29!important}.hero-section .workspace-switcher-dropdown :where(.workspace-switcher-item,.workspace-switcher-action,.workspace-switcher-name,.workspace-switcher-empty),.hero-section .inbox-modal :where(button,p,span,div){color:#475569!important}.hero-section .workspace-switcher-item:hover,.hero-section .workspace-switcher-action:hover{background:#f1f5f9!important}.hero-section .inbox-header,.hero-section .inbox-content{background:#fff!important;border-color:#e2e8f0!important}.hero-section .inbox-tab{color:#64748b!important}.hero-section .inbox-tab:hover{color:#334155!important;background:#f8fafc!important}.hero-section .inbox-tab.active{color:#1e293b!important;border-bottom-color:#2563eb!important;background:#f8fafc!important}.hero-section .inbox-empty svg{color:#94a3b8!important}.hero-section .inbox-empty-title,.hero-section .inbox-request-title,.hero-section .inbox-update-title{color:#334155!important}.hero-section .inbox-empty-subtitle,.hero-section .inbox-request-description,.hero-section .inbox-request-time,.hero-section .inbox-update-description,.hero-section .inbox-update-time{color:#64748b!important}.hero-section .inbox-request-item,.hero-section .inbox-update-item{background:#f8fafc!important;border-color:#e2e8f0!important}.hero-section .inbox-request-item:hover,.hero-section .inbox-update-item:hover{background:#f1f5f9!important;border-color:#cbd5e1!important}.hero-section .inbox-request-decline{background:#e2e8f0!important;color:#475569!important}.hero-section .inbox-request-decline:hover{background:#cbd5e1!important}.hero-section .user-dropdown{background:#fffffff5!important;border-color:#d1d5db!important;box-shadow:0 18px 48px #0f172a29!important}.hero-section .user-dropdown .dropdown-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}.hero-section .user-dropdown :where(.dropdown-user-name,.credits-title,.credits-count,.dropdown-item){color:#334155!important}.hero-section .user-dropdown :where(.dropdown-user-email,.credits-helper-text,.credits-section){color:#64748b!important}.hero-section .user-dropdown .credits-section{border-bottom-color:#e2e8f0!important}.hero-section .user-dropdown .dropdown-divider{background:#e2e8f0!important}.hero-section .user-dropdown .dropdown-item:hover,.hero-section .user-dropdown .dropdown-header-clickable:hover,.hero-section .user-dropdown .credits-section:hover{background:#f1f5f9!important;color:#1e293b!important}.hero-section .user-dropdown .upgrade-pro-chip{background:#eff6ff!important;border-color:#bfdbfe!important}.hero-section .user-dropdown .upgrade-pro-label{color:#1e40af!important}html.landing-dark-mode .hero-section,html.landing-dark-mode .landing-page-shell{--pk-void: #030712 !important;--pk-surface: #111827 !important;--pk-surface-raised: #1f2937 !important;--pk-surface-hover: #374151 !important;--pk-line: #374151 !important;--pk-line-strong: #4b5563 !important;--pk-text: #f3f4f6 !important;--pk-text-muted: #9ca3af !important;--pk-text-faint: #6b7280 !important;background:#030712!important;color:#d1d5db!important}html.landing-dark-mode .hero-section{border-bottom-color:#374151!important}html.landing-dark-mode .hero-section:before{background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;opacity:.45!important}html.landing-dark-mode .hero-image-overlay{background:linear-gradient(180deg,#03050d1a,#03050d52)!important}html.landing-dark-mode .hero-title-white,html.landing-dark-mode .landing-page-shell :where(h1,h2,h3,h4,strong){color:#f3f4f6!important}html.landing-dark-mode .landing-page-shell :where(p,li,label,small),html.landing-dark-mode .landing-page-shell .step-text{color:#d1d5db!important}html.landing-dark-mode .landing-page-shell .steps-title,html.landing-dark-mode .landing-page-shell .step-number{color:#9ca3af!important}html.landing-dark-mode .chat-container,html.landing-dark-mode .demo-section,html.landing-dark-mode .demo-workbench,html.landing-dark-mode .demo-wb-topbar,html.landing-dark-mode .demo-wb-body,html.landing-dark-mode .demo-chat-panel,html.landing-dark-mode .testimonial-card,html.landing-dark-mode .tpl-card-media,html.landing-dark-mode .landing-page-shell .footer{background:#111827!important;color:#d1d5db!important;border-color:#374151!important}html.landing-dark-mode .hero-section .chat-container{background:#111827b8!important;border-color:#4b5563!important;box-shadow:0 18px 48px #0000004d!important}html.landing-dark-mode .theme-toggle{background:#111827c7;border-color:#4b5563;color:#f3f4f6}html.landing-dark-mode .theme-toggle:hover,html.landing-dark-mode .theme-toggle:focus-visible{background:#1f2937;border-color:#9ca3af}.hero-section .btn-primary,.hero-section .btn-primary:hover,.hero-section .btn-primary:focus,.hero-section .btn-primary:active{color:#111827!important;background:#ffffffb8!important;background-image:none!important;border:none!important;box-shadow:none!important;transform:none!important;backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%)}.hero-section .btn-primary:hover,.hero-section .btn-primary:focus-visible{color:#111827!important;background:#ffffffb8!important;border-color:transparent!important;box-shadow:none!important;transform:none!important}.hero-section .resources-dropdown{background:#ffffffc7!important;border:1px solid rgba(107,114,128,.25)!important;box-shadow:0 20px 60px #0f172a24!important;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}.hero-section .resources-btn,.hero-section .resources-btn:hover,.hero-section .resources-btn:focus-visible{color:#6b7280!important}.hero-section .resources-btn:hover,.hero-section .resources-btn:focus-visible{background:#f1f3f5d6!important}.hero-section .resources-dropdown :where(.dropdown-section-title,.dropdown-link-title){color:#4b5563!important}.hero-section .resources-dropdown :where(.dropdown-link-desc,.dropdown-link){color:#6b7280!important}.hero-section .resources-dropdown .dropdown-link:hover{background:#f1f3f5e0!important}.chat-container,.demo-section,.demo-workbench,.demo-wb-topbar,.demo-wb-body,.demo-chat-panel,.testimonial-card,.tpl-card-media,.landing-page-shell .footer{background:#fff!important;color:#6b7280!important}.chat-container,.demo-workbench,.demo-wb-topbar,.demo-chat-panel,.testimonial-card,.tpl-card-media,.landing-page-shell .footer{border-color:#e5e7eb!important}.hero-section .chat-container,.hero-section .chat-container:focus-within{background:#ffffff94!important;border:1px solid rgba(148,163,184,.42)!important;box-shadow:0 18px 48px #0f172a1f,0 4px 12px #0f172a0f,inset 0 1px #ffffffe6!important;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.chat-input{color:#4b5563!important}.hero-section .chat-plus-btn,.hero-section .chat-icon-btn,.hero-section .chat-import-btn,.hero-section .chat-plus-btn:hover,.hero-section .chat-icon-btn:hover,.hero-section .chat-import-btn:hover,.hero-section .chat-plus-btn:focus-visible,.hero-section .chat-icon-btn:focus-visible,.hero-section .chat-import-btn:focus-visible{background:#fff!important;border-color:#d1d5db!important;color:#475569!important}.hero-section .chat-send-btn,.hero-section .chat-send-btn:hover,.hero-section .chat-send-btn:focus-visible{background:#fff!important;border-color:#d1d5db!important;color:#334155!important;box-shadow:0 4px 12px #0f172a1f;transform:none!important}.hero-section .chat-send-btn:hover,.hero-section .chat-send-btn:focus-visible{background:#fff!important;border-color:#9ca3af!important}.chat-input::placeholder,.demo-eyebrow,.demo-wb-topbar,.demo-wb-tabs span,.demo-wb-state,.demo-chat-heading small,.templates-eyebrow,.templates-subtitle,.testimonial-text,.hero-subtitle{color:#6b7280!important}.templates-filter{background:#f7f8fa!important;border-color:#e5e7eb!important;color:#6b7280!important}.templates-filter:hover{background:#eef0f2;border-color:#d1d5db;color:#4b5563}.landing-page-shell .faq-section,.templates-filters{border-color:#e5e7eb!important}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}svg{flex-shrink:0}button,input,select,textarea{font-family:inherit;font-size:inherit;touch-action:manipulation}a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid rgba(126,140,205,.85);outline-offset:2px}:where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page,.pricing-page,.templates-explore-page,.template-detail-page,.profile-setup-container,.profile-page-full,.workspace-invite-page,.unsubscribe-page,.reset-password-container,.email-verification-container,.verification-success-container,.email-verified-container,.not-found-page,.server-down-page){color:var(--pk-text);background:radial-gradient(900px 620px at -8% 12%,var(--theme-blue-soft),transparent 72%),radial-gradient(900px 620px at 108% 58%,var(--theme-purple-soft),transparent 72%),var(--pk-void)}:where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page,.templates-explore-page,.template-detail-page) .hero-back-link,:where(.template-detail-page) .close-button{color:var(--pk-text);background:#141418d1;border-color:var(--pk-line-strong);box-shadow:var(--pk-glow)}:where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page,.templates-explore-page,.template-detail-page) .hero-back-link:hover,:where(.template-detail-page) .close-button:hover{color:#fff;background:#ffffff1a;border-color:#ffffff47}body :where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page,.templates-explore-page) .hero-back-link{color:var(--pk-text);background:#141418d1;border-color:var(--pk-line-strong)}.landing-page-shell .cta-button-primary{background:linear-gradient(135deg,#087fff,#194cff 52%,#6b19ff);border-color:#7daaff80;color:#fff}.landing-page-shell .cta-button-primary:hover{background:linear-gradient(135deg,#38a9ff,#536dff 52%,#9a16f5);border-color:#accfffb8}.landing-page-shell .templates-cta-link:hover{background:#ffffff1a;border-color:#ffffff57}.landing-page-shell .templates-cta-link{background:#fff!important;border-color:#000!important;color:#000!important}.landing-page-shell .templates-cta-link:hover,.landing-page-shell .templates-cta-link:focus-visible{background:#fff!important;border-color:#000!important;color:#000!important}:where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page,.templates-explore-page,.template-detail-page){--ct-ink: #f8fafc !important;--ct-panel: #ffffff !important;--ct-raised: #f1f5f9 !important;--ct-line: rgba(100, 116, 139, .2) !important;--ct-line-strong: rgba(71, 85, 105, .32) !important;--ct-text: #334155 !important;--ct-muted: #64748b !important;--ct-faint: #94a3b8 !important;--ct-accent: #2563eb !important;--tpl-ink: #f8fafc !important;--tpl-panel: #ffffff !important;--tpl-raised: #f1f5f9 !important;--tpl-line: rgba(100, 116, 139, .2) !important;--tpl-line-strong: rgba(71, 85, 105, .32) !important;--tpl-text: #334155 !important;--tpl-muted: #64748b !important;--tpl-faint: #94a3b8 !important;--tpl-accent: #2563eb !important;background:#f8fafc!important;color:#475569!important}:where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page,.templates-explore-page,.template-detail-page) :where(.ct-hero,.blog-hero,.support-hero,.documentation-hero,.guides-hero,.guide-detail-hero,.explore-hero,.detail-topbar){background:linear-gradient(135deg,#fffffff0,#e2e8f0b8)!important;border-color:#64748b33!important}:where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page,.templates-explore-page,.template-detail-page) :where(h1,h2,h3,h4,p,li,label,small,strong){color:#475569!important}:where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page,.templates-explore-page,.template-detail-page) :where(h1,h2,h3,h4,strong){color:#334155!important}.templates-explore-page .explore-hero-copy h1,.templates-explore-page .explore-hero-copy h1 em{color:#334155!important}.templates-explore-page .explore-hero-copy h1 em{background:none!important;-webkit-text-fill-color:#334155!important}.templates-explore-page .explore-toolbar{background:#fffffff5!important;border-bottom:1px solid #e5e7eb!important;box-shadow:0 4px 16px #0f172a0a!important;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}.templates-explore-page .explore-filter,.templates-explore-page .explore-filter:hover,.templates-explore-page .explore-filter.is-active{background:#fff!important;border:1px solid #d1d5db!important;color:#475569!important}.templates-explore-page .explore-filter:hover,.templates-explore-page .explore-filter.is-active{border-color:#64748b!important;color:#1f2937!important}.templates-explore-page .explore-search input,.templates-explore-page .explore-search input:focus{background:#fff!important;border:1px solid #cbd5e1!important;color:#334155!important;box-shadow:none!important}.templates-explore-page .explore-search input::placeholder,.templates-explore-page .explore-search svg{color:#94a3b8!important}.templates-explore-page .explore-search-kbd{background:#fff!important;border-color:#d1d5db!important;color:#64748b!important}.template-detail-page .detail-action{background:#ffffffad!important;border:1px solid rgba(100,116,139,.26)!important;box-shadow:0 18px 42px #0f172a1a,inset 0 1px #ffffffe6!important;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.template-detail-page .detail-cta,.template-detail-page .detail-cta:hover:not(:disabled),.template-detail-page .detail-cta:focus-visible{background:#fff!important;border:1px solid #cbd5e1!important;color:#334155!important;box-shadow:0 8px 20px #0f172a1a!important;transform:none!important}.template-detail-page .detail-cta:hover:not(:disabled),.template-detail-page .detail-cta:focus-visible{border-color:#64748b!important;background:#fff!important}.template-detail-page .detail-topbar-cta,.template-detail-page .detail-topbar-cta:hover,.template-detail-page .detail-topbar-cta:focus-visible{background:#ffffffc7!important;border:1px solid #cbd5e1!important;color:#334155!important;box-shadow:0 6px 16px #0f172a14!important;transform:none!important}.template-detail-page .detail-topbar-cta:hover,.template-detail-page .detail-topbar-cta:focus-visible{background:#fff!important;border-color:#64748b!important}:where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page) .hero-back-link,.blog-page .back-to-blog,.templates-explore-page .explore-back-link,.template-detail-page .detail-back{margin-bottom:20px!important;padding:7px 12px 7px 11px!important;border:1px solid rgba(100,116,139,.3)!important;border-radius:999px!important;background:#ffffffb8!important;color:#475569!important;box-shadow:0 4px 14px #0f172a0f!important;transform:none!important}:where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page) .hero-back-link:hover,.blog-page .back-to-blog:hover,.templates-explore-page .explore-back-link:hover,.template-detail-page .detail-back:hover{background:#fff!important;border-color:#2563eb6b!important;color:#1d4ed8!important;transform:none!important}.templates-explore-page .explore-topbar{padding-top:12px!important;padding-bottom:20px!important}.template-detail-page .detail-topbar-inner{padding-top:8px!important;padding-bottom:8px!important}.blog-page .blog-post-view{padding-top:20px!important}:where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page) .hero-back-link,.blog-page .back-to-blog,.templates-explore-page .explore-back-link,.template-detail-page .detail-back{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;min-width:34px!important;margin:0!important;padding:0!important;gap:0!important;font-size:0!important;line-height:0!important;position:relative!important;z-index:3!important;pointer-events:auto!important;cursor:pointer!important}:where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page) .hero-back-link{position:absolute!important;top:clamp(18px,3vw,26px)!important;left:max(var(--page-gutter, 24px),calc((100% - var(--ct-shell)) / 2 + var(--page-gutter, 24px)))!important;z-index:3!important;pointer-events:auto!important;cursor:pointer!important}:where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page) :where(.blog-hero-content,.support-hero-content,.documentation-hero-content,.guides-hero-content,.guide-detail-hero-content){padding-left:calc(var(--page-gutter, 24px) + 48px)!important}.templates-explore-page .explore-back-link svg,.template-detail-page .detail-back svg,.blog-page .back-to-blog svg{width:17px!important;height:17px!important}html.landing-dark-mode .header-scrolled{background:#030712e0!important;border-bottom-color:#374151!important;box-shadow:none!important}html.landing-dark-mode .logo,html.landing-dark-mode .header-scrolled .logo,html.landing-dark-mode .logo-text-wrapper,html.landing-dark-mode .header-scrolled .logo-text-wrapper,html.landing-dark-mode .nav-link,html.landing-dark-mode .header-scrolled .nav-link,html.landing-dark-mode .hero-section .resources-btn{color:#f3f4f6!important}html.landing-dark-mode .nav-pill{background:#111827d1!important;border-color:#374151!important}html.landing-dark-mode .nav-link:hover,html.landing-dark-mode .header-scrolled .nav-link:hover,html.landing-dark-mode .hero-section .resources-btn:hover{color:#fff!important;background:#1f2937!important}html.landing-dark-mode .hero-section .btn-primary,html.landing-dark-mode .hero-section .btn-primary:hover,html.landing-dark-mode .hero-section .btn-primary:focus-visible,html.landing-dark-mode .hero-section .chat-plus-btn,html.landing-dark-mode .hero-section .chat-icon-btn,html.landing-dark-mode .hero-section .chat-import-btn,html.landing-dark-mode .hero-section .chat-send-btn{background:#1f2937!important;border-color:#4b5563!important;color:#f3f4f6!important}html.landing-dark-mode .hero-section .resources-dropdown{background:#111827f0!important;border-color:#374151!important}html.landing-dark-mode .landing-page-shell .templates-filters{border-bottom-color:#374151!important}html.landing-dark-mode .landing-page-shell .templates-filter,html.landing-dark-mode .landing-page-shell .templates-filter:hover,html.landing-dark-mode .landing-page-shell .templates-filter.active{background:#111827!important;border-color:#4b5563!important;color:#d1d5db!important}html.landing-dark-mode .landing-page-shell .templates-filter:hover,html.landing-dark-mode .landing-page-shell .templates-filter.active{background:#1f2937!important;border-color:#9ca3af!important;color:#f3f4f6!important}html.landing-dark-mode :where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page,.templates-explore-page,.template-detail-page){--ct-ink: #030712 !important;--ct-panel: #111827 !important;--ct-raised: #1f2937 !important;--ct-line: rgba(255, 255, 255, .12) !important;--ct-line-strong: rgba(255, 255, 255, .22) !important;--ct-text: #f3f4f6 !important;--ct-muted: #9ca3af !important;--ct-faint: #6b7280 !important;--ct-accent: #93b4ff !important;--tpl-ink: #030712 !important;--tpl-panel: #111827 !important;--tpl-raised: #1f2937 !important;--tpl-line: rgba(255, 255, 255, .12) !important;--tpl-line-strong: rgba(255, 255, 255, .22) !important;--tpl-text: #f3f4f6 !important;--tpl-muted: #9ca3af !important;--tpl-faint: #6b7280 !important;--tpl-accent: #93b4ff !important;background:#030712!important;color:#d1d5db!important}html.landing-dark-mode :where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page,.templates-explore-page,.template-detail-page) :where(h1,h2,h3,h4,p,li,label,small,strong,a){color:#d1d5db!important}html.landing-dark-mode :where(.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page,.templates-explore-page,.template-detail-page) :where(h1,h2,h3,h4,strong){color:#f3f4f6!important}html.landing-dark-mode :where(.ct-hero,.blog-hero,.support-hero,.documentation-hero,.guides-hero,.guide-detail-hero,.explore-hero,.detail-topbar){background:#111827!important;border-color:#374151!important}html.landing-dark-mode .templates-explore-page .explore-toolbar,html.landing-dark-mode .templates-explore-page .explore-filter,html.landing-dark-mode .templates-explore-page .explore-filter:hover,html.landing-dark-mode .templates-explore-page .explore-filter.is-active,html.landing-dark-mode .templates-explore-page .explore-search input,html.landing-dark-mode .templates-explore-page .explore-search input:focus,html.landing-dark-mode .templates-explore-page .explore-search-kbd{background:#111827!important;border-color:#4b5563!important;color:#f3f4f6!important}html.landing-dark-mode .templates-explore-page .explore-filter:hover,html.landing-dark-mode .templates-explore-page .explore-filter.is-active{background:#1f2937!important;border-color:#6b7280!important}html.landing-dark-mode .templates-explore-page .explore-search input::placeholder,html.landing-dark-mode .templates-explore-page .explore-search svg{color:#9ca3af!important}html.landing-dark-mode .template-detail-page .detail-action,html.landing-dark-mode .template-detail-page .detail-cta,html.landing-dark-mode .template-detail-page .detail-cta:hover:not(:disabled),html.landing-dark-mode .template-detail-page .detail-cta:focus-visible,html.landing-dark-mode .template-detail-page .detail-topbar-cta,html.landing-dark-mode .template-detail-page .detail-topbar-cta:hover,html.landing-dark-mode .template-detail-page .detail-topbar-cta:focus-visible{background:#111827!important;border-color:#4b5563!important;color:#f3f4f6!important;box-shadow:0 12px 30px #00000047!important}html.landing-dark-mode .support-page :where(.custom-dropdown-btn,.custom-dropdown-list,.custom-dropdown-option,.form-group input,.form-group textarea,.newsletter-input),html.landing-dark-mode .blog-page .newsletter-input{background:#111827!important;border-color:#4b5563!important;color:#f3f4f6!important}html.landing-dark-mode :where(.hero-back-link,.explore-back-link,.detail-back,.back-to-blog){background:#1f2937!important;border-color:#4b5563!important;color:#f3f4f6!important}html.landing-dark-mode :where(.landing-page-shell,.documentation-page,.guides-page,.guide-detail-page,.blog-page,.support-page,.templates-explore-page,.template-detail-page) :where(span,kbd){color:#d1d5db!important}html.landing-dark-mode .hero-highlight,html.landing-dark-mode :where(.ct-eyebrow,.explore-eyebrow,.detail-eyebrow,.tpl-card-category,.explore-card-category){color:#93b4ff!important}html.landing-dark-mode .landing-page-shell .templates-cta-link{background:#1f2937!important;border-color:#4b5563!important;color:#f3f4f6!important}html.landing-dark-mode .landing-page-shell .templates-cta-link:hover,html.landing-dark-mode .landing-page-shell .templates-cta-link:focus-visible{background:#374151!important;border-color:#9ca3af!important}html.landing-dark-mode .hero-section .resources-dropdown :where(.dropdown-section-title,.dropdown-link-title){color:#f3f4f6!important}html.landing-dark-mode .hero-section .resources-dropdown :where(.dropdown-link,.dropdown-link-desc){color:#cbd5e1!important}html.landing-dark-mode .hero-section .resources-dropdown .dropdown-link:hover{background:#1f2937!important}html.landing-dark-mode .templates-explore-page :where(.explore-results-label,.explore-results-label span,.explore-results-sort,.explore-card-name,.explore-card-desc,.explore-card-author,.explore-card-uses){color:#d1d5db!important}html.landing-dark-mode .templates-explore-page .explore-card{background:#111827b8!important;border-color:#374151!important;box-shadow:0 10px 28px #00000038!important}html.landing-dark-mode .templates-explore-page .explore-card:hover{border-color:#6b7280!important;box-shadow:0 16px 34px #00000052!important}html.landing-dark-mode .template-detail-page :where(.detail-crumb,.detail-crumb-current,.detail-lede,.detail-byline,.detail-byline-label,.detail-tag,.detail-action-copy p,.detail-action-note){color:#cbd5e1!important}html.landing-dark-mode .template-detail-page .detail-byline-name strong,html.landing-dark-mode .template-detail-page .detail-title,html.landing-dark-mode .template-detail-page .detail-action-copy h3{color:#f3f4f6!important}html.landing-dark-mode .hero-section .workspace-switcher-btn,html.landing-dark-mode .hero-section .inbox-btn{background:#1f2937d1!important;border-color:#4b5563!important;color:#f3f4f6!important;box-shadow:none}html.landing-dark-mode .hero-section .workspace-switcher-btn:hover,html.landing-dark-mode .hero-section .workspace-switcher-btn.open,html.landing-dark-mode .hero-section .inbox-btn:hover,html.landing-dark-mode .hero-section .inbox-btn:focus-visible{background:#374151!important;border-color:#9ca3af!important;color:#fff!important}html.landing-dark-mode .hero-section .workspace-switcher-dropdown,html.landing-dark-mode .hero-section .inbox-modal{background:#111827f5!important;border-color:#374151!important;box-shadow:0 18px 48px #0006!important}html.landing-dark-mode .hero-section .workspace-switcher-dropdown :where(.workspace-switcher-item,.workspace-switcher-action,.workspace-switcher-name,.workspace-switcher-empty),html.landing-dark-mode .hero-section .inbox-modal :where(button,p,span,div){color:#d1d5db!important}html.landing-dark-mode .hero-section .inbox-header,html.landing-dark-mode .hero-section .inbox-content{background:#111827!important;border-color:#374151!important}html.landing-dark-mode .hero-section .inbox-tab{color:#9ca3af!important}html.landing-dark-mode .hero-section .inbox-tab:hover,html.landing-dark-mode .hero-section .inbox-tab.active{color:#f3f4f6!important;background:#1f2937!important}html.landing-dark-mode .hero-section .inbox-empty-title,html.landing-dark-mode .hero-section .inbox-request-title,html.landing-dark-mode .hero-section .inbox-update-title{color:#f3f4f6!important}html.landing-dark-mode .hero-section .inbox-empty-subtitle,html.landing-dark-mode .hero-section .inbox-request-description,html.landing-dark-mode .hero-section .inbox-request-time,html.landing-dark-mode .hero-section .inbox-update-description,html.landing-dark-mode .hero-section .inbox-update-time{color:#9ca3af!important}html.landing-dark-mode .hero-section .inbox-request-item,html.landing-dark-mode .hero-section .inbox-update-item{background:#1f2937!important;border-color:#374151!important}html.landing-dark-mode .hero-section .user-dropdown{background:#111827!important;border-color:#374151!important;box-shadow:0 18px 48px #0006!important}html.landing-dark-mode .hero-section .user-dropdown .dropdown-header{background:#1f2937!important;border-bottom-color:#374151!important}html.landing-dark-mode .hero-section .user-dropdown :where(.dropdown-user-name,.credits-title,.credits-count,.dropdown-item){color:#f3f4f6!important}html.landing-dark-mode .hero-section .user-dropdown :where(.dropdown-user-email,.credits-helper-text,.credits-section){color:#9ca3af!important}html.landing-dark-mode .hero-section .user-dropdown .credits-section,html.landing-dark-mode .hero-section .user-dropdown .dropdown-divider{border-color:#374151!important;background-color:transparent!important}html.landing-dark-mode .hero-section .user-dropdown .dropdown-item:hover,html.landing-dark-mode .hero-section .user-dropdown .dropdown-header-clickable:hover,html.landing-dark-mode .hero-section .user-dropdown .credits-section:hover{background:#1f2937!important;color:#fff!important}html.landing-dark-mode .hero-section .user-dropdown .upgrade-pro-chip{background:#2563eb2e!important;border-color:#60a5fa5c!important}html.landing-dark-mode .hero-section .user-dropdown .upgrade-pro-label{color:#bfdbfe!important}.signup-modal-overlay{background:#0f172a57!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.signup-modal-container{background:#fffffff0!important;border:1px solid rgba(148,163,184,.34)!important;box-shadow:0 28px 80px #0f172a33!important}.signup-modal-form-wrapper{background:#fff!important;color:#334155!important}.signup-modal-header h2,.signup-label{color:#334155!important}.signup-modal-header p,.signup-footer,.signup-terms,.signup-password-requirements{color:#64748b!important}.signup-oauth-btn,.signup-input{background:#fff!important;border-color:#cbd5e1!important;color:#334155!important}.signup-oauth-btn:hover,.signup-input:focus{background:#f8fafc!important;border-color:#64748b!important}.signup-input::placeholder,.signup-password-toggle{color:#94a3b8!important}.signup-divider:before,.signup-divider:after{background:#cbd5e1!important}.signup-divider span,.signup-link,.signup-terms a{color:#2563eb!important}html.landing-dark-mode .signup-modal-overlay{background:#020617b8!important}html.landing-dark-mode .signup-modal-container,html.landing-dark-mode .signup-modal-form-wrapper{background:#0f172a!important;border-color:#334155!important;color:#e2e8f0!important}html.landing-dark-mode .signup-modal-header h2,html.landing-dark-mode .signup-label{color:#f1f5f9!important}html.landing-dark-mode .signup-modal-header p,html.landing-dark-mode .signup-footer,html.landing-dark-mode .signup-terms,html.landing-dark-mode .signup-password-requirements{color:#94a3b8!important}html.landing-dark-mode .signup-oauth-btn,html.landing-dark-mode .signup-input{background:#111827!important;border-color:#334155!important;color:#f1f5f9!important}html.landing-dark-mode .signup-oauth-btn:hover,html.landing-dark-mode .signup-input:focus{background:#1e293b!important;border-color:#64748b!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:where(.settings-panel,.project-modal,.project-settings-modal){background:#fff!important;color:#334155!important;border-color:#dbe3ee!important;box-shadow:0 25px 80px #0f172a2e!important}:where(.settings-panel,.project-modal,.project-settings-modal) :where(h1,h2,h3,h4,p,label,span,strong,small){color:#475569!important}:where(.settings-panel,.project-modal,.project-settings-modal) :where(h1,h2,h3,h4,strong){color:#334155!important}:where(.settings-panel-header,.project-modal-header,.project-settings-modal-header){background:#fff!important;border-color:#e2e8f0!important}:where(.settings-sidebar,.project-settings-sidebar){background:#f8fafc!important;border-color:#e2e8f0!important}:where(.settings-page-content,.project-settings-content,.project-modal-body){background:#fff!important}:where(.settings-menu-item,.project-tab,.project-settings-tab,.dropdown-item){color:#64748b!important}:where(.settings-menu-item:hover,.project-tab:hover,.project-settings-tab:hover,.dropdown-item:hover){background:#f1f5f9!important;color:#1e293b!important}:where(.settings-menu-item.active,.project-tab.active,.project-settings-tab.active){background:#eff6ff!important;border-color:#2563eb!important;color:#1d4ed8!important}:where(.settings-panel,.project-modal,.project-settings-modal) :where(input,textarea,select,.settings-card,.project-settings-card){background:#fff!important;border-color:#cbd5e1!important;color:#334155!important}:where(.settings-btn,.project-settings-action,.project-settings-ghost){background:#fff!important;border:1px solid #cbd5e1!important;color:#334155!important}:where(.settings-btn:hover,.project-settings-action:hover,.project-settings-ghost:hover){background:#f1f5f9!important;border-color:#94a3b8!important}:where(.settings-btn.primary,.project-settings-action.primary){background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}html.landing-dark-mode :where(.settings-panel,.project-modal,.project-settings-modal){background:#111827!important;color:#d1d5db!important;border-color:#374151!important;box-shadow:0 25px 80px #00000080!important}html.landing-dark-mode :where(.settings-panel,.project-modal,.project-settings-modal) :where(h1,h2,h3,h4,p,label,span,strong,small){color:#d1d5db!important}html.landing-dark-mode :where(.settings-panel,.project-modal,.project-settings-modal) :where(h1,h2,h3,h4,strong){color:#f3f4f6!important}html.landing-dark-mode :where(.settings-panel-header,.project-modal-header,.project-settings-modal-header,.settings-page-content,.project-settings-content,.project-modal-body){background:#111827!important;border-color:#374151!important}html.landing-dark-mode :where(.settings-sidebar,.project-settings-sidebar){background:#0f172a!important;border-color:#374151!important}html.landing-dark-mode :where(.settings-menu-item,.project-tab,.project-settings-tab,.dropdown-item){color:#9ca3af!important}html.landing-dark-mode :where(.settings-menu-item:hover,.project-tab:hover,.project-settings-tab:hover,.dropdown-item:hover){background:#1f2937!important;color:#f3f4f6!important}html.landing-dark-mode :where(.settings-panel,.project-modal,.project-settings-modal) :where(input,textarea,select,.settings-card,.project-settings-card){background:#1f2937!important;border-color:#4b5563!important;color:#f3f4f6!important}html.landing-dark-mode :where(.settings-btn,.project-settings-action,.project-settings-ghost){background:#1f2937!important;border-color:#4b5563!important;color:#f3f4f6!important}.settings-panel .custom-select-trigger,.settings-panel .settings-select,.settings-panel .form-group select{background:#fff!important;border:1px solid #cbd5e1!important;color:#334155!important;box-shadow:none!important}.settings-panel .custom-select-trigger:hover:not(:disabled),.settings-panel .custom-select-trigger:focus,.settings-panel .settings-select:focus,.settings-panel .form-group select:focus{border-color:#64748b!important;background:#f8fafc!important;box-shadow:0 0 0 3px #2563eb1f!important}.settings-panel .custom-select-menu{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 12px 28px #0f172a24!important}.settings-panel .custom-select-option{color:#475569!important}.settings-panel .custom-select-option:hover,.settings-panel .custom-select-option.selected{background:#eff6ff!important;color:#1d4ed8!important}.settings-panel .avatar-card{background:#f8fafc!important;border-color:#dbe3ee!important}.settings-panel .avatar-circle{border:3px solid #ffffff!important;box-shadow:0 0 0 1px #cbd5e1,0 8px 18px #0f172a1f!important;background-color:#dbeafe!important}.settings-panel .avatar-info p{color:#64748b!important}html.landing-dark-mode .settings-panel .custom-select-trigger,html.landing-dark-mode .settings-panel .settings-select,html.landing-dark-mode .settings-panel .form-group select{background:#1f2937!important;border-color:#4b5563!important;color:#f3f4f6!important}html.landing-dark-mode .settings-panel .custom-select-menu{background:#111827!important;border-color:#4b5563!important;box-shadow:0 12px 28px #0006!important}html.landing-dark-mode .settings-panel .custom-select-option{color:#d1d5db!important}html.landing-dark-mode .settings-panel .custom-select-option:hover,html.landing-dark-mode .settings-panel .custom-select-option.selected{background:#1f2937!important;color:#bfdbfe!important}html.landing-dark-mode .settings-panel .avatar-card{background:#1f2937!important;border-color:#374151!important}html.landing-dark-mode .settings-panel .avatar-circle{border-color:#1f2937!important;box-shadow:0 0 0 1px #4b5563,0 8px 18px #00000047!important}html.landing-dark-mode .settings-panel .avatar-info p{color:#9ca3af!important}.settings-panel .section-title{color:#64748b!important;border-bottom-color:#e2e8f0!important}.settings-panel .integration-search{background:#fff!important;border:1px solid #cbd5e1!important;color:#64748b!important}.settings-panel .integration-search input{color:#334155!important}.settings-panel .integration-search input::placeholder{color:#94a3b8!important}.settings-panel .connector-card{background:#fff!important;border:1px solid #cbd5e1!important;color:#334155!important;box-shadow:0 4px 12px #0f172a0a!important}.settings-panel .connector-card:hover{background:#f8fafc!important;border-color:#94a3b8!important;box-shadow:0 8px 18px #0f172a14!important}.settings-panel .connector-name{color:#334155!important}.settings-panel .integration-card-status.status-neutral,.settings-panel .integration-card-details{color:#64748b!important}.settings-panel .integration-empty{border-color:#cbd5e1!important;color:#64748b!important}html.landing-dark-mode .settings-panel .section-title{color:#9ca3af!important;border-bottom-color:#374151!important}html.landing-dark-mode .settings-panel .integration-search,html.landing-dark-mode .settings-panel .connector-card{background:#1f2937!important;border-color:#4b5563!important;color:#f3f4f6!important}html.landing-dark-mode .settings-panel .integration-search input,html.landing-dark-mode .settings-panel .connector-name{color:#f3f4f6!important}html.landing-dark-mode .settings-panel .connector-card:hover{background:#374151!important;border-color:#6b7280!important}html.landing-dark-mode .settings-panel .integration-card-status.status-neutral,html.landing-dark-mode .settings-panel .integration-card-details,html.landing-dark-mode .settings-panel .integration-empty{color:#9ca3af!important}::-webkit-scrollbar{display:none}html{scrollbar-width:none}button,input,select,textarea,option{font-family:inherit}