.shared-page{min-height:100vh;background:#f6f6f8;color:#16141b;display:flex;flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.shared-header{width:100%;max-width:760px;padding:24px 20px 8px;display:flex;align-items:center;gap:8px}.shared-header-logo{width:26px;height:26px;border-radius:8px}.shared-header-title{font-weight:700;font-size:15px}.shared-header-sub{font-size:12px;color:#6b7280;margin-left:4px}.shared-body{width:100%;max-width:760px;padding:16px 20px 60px;flex:1}.shared-msg-row{display:flex;margin-bottom:16px}.shared-msg-row.user{justify-content:flex-end}.shared-msg-row.assistant{justify-content:flex-start}.shared-bubble{max-width:85%;padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.55}.shared-msg-row.user .shared-bubble{background:#4f46e5;color:#fff;border-bottom-right-radius:4px}.shared-msg-row.assistant .shared-bubble{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.shared-bubble p{margin:0 0 10px}.shared-bubble p:last-child{margin-bottom:0}.shared-bubble pre{background:#16141b;color:#e5e7eb;padding:12px;border-radius:8px;overflow-x:auto;font-size:12.5px}.shared-bubble code{background:#0000000f;padding:1px 5px;border-radius:4px;font-size:.9em}.shared-bubble pre code{background:none;padding:0}.shared-bubble a{color:#4f46e5}.shared-bubble ul,.shared-bubble ol{padding-left:22px;margin:0 0 10px}.shared-state{text-align:center;padding:80px 20px;color:#6b7280;font-size:14px}.shared-project-banner{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px 20px;margin-bottom:20px;text-align:center;box-shadow:0 1px 3px #0000000d}.shared-project-banner-bottom{margin-top:24px;margin-bottom:0}.shared-project-title{font-size:16px;font-weight:700;color:#16141b;margin-bottom:4px}.shared-project-meta{font-size:12.5px;color:#6b7280;margin-bottom:14px}.shared-continue-btn{display:inline-flex;align-items:center;gap:6px;background:#4f46e5;color:#fff;border:none;padding:10px 22px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease}.shared-continue-btn:hover{background:#4338ca}.shared-signin-hint{margin-top:10px;font-size:12px;color:#6b7280}.shared-copy-btn{margin-left:auto;background:none;border:1px solid #e5e7eb;color:#4b5563;padding:5px 12px;border-radius:999px;font-size:12px;cursor:pointer}.shared-copy-btn:hover{background:#f3f4f6}.shared-files{margin-top:8px}.shared-files-title{font-size:13px;font-weight:700;color:#374151;margin:18px 0 10px;display:flex;align-items:center;gap:8px}.shared-files-count{font-size:11px;font-weight:600;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:999px}.shared-file{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:8px;overflow:hidden}.shared-file summary{list-style:none;cursor:pointer;padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:#16141b;-webkit-user-select:none;user-select:none}.shared-file summary::-webkit-details-marker{display:none}.shared-file summary:before{content:"▶";font-size:10px;color:#9ca3af;transition:transform .15s ease}.shared-file[open] summary:before{transform:rotate(90deg)}.shared-file-icon{background:#eef2ff;color:#4f46e5;font-size:9.5px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:5px;letter-spacing:.03em;flex-shrink:0}.shared-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-file-size{margin-left:auto;font-size:11px;font-weight:500;color:#9ca3af}.shared-file-content{margin:0;background:#16141b;color:#e5e7eb;padding:14px;overflow-x:auto;font-size:12px;line-height:1.5;max-height:420px;overflow-y:auto}@media(prefers-color-scheme:dark){.shared-project-banner{background:#1f1c27;border-color:#2f2a38}.shared-project-title{color:#e5e7eb}.shared-files-title{color:#d1d5db}.shared-files-count{background:#2f2a38;color:#9ca3af}.shared-file{background:#1f1c27;border-color:#2f2a38}.shared-file summary{color:#e5e7eb}.shared-copy-btn{border-color:#2f2a38;color:#9ca3af}.shared-copy-btn:hover{background:#2f2a38}}.shared-footer{width:100%;max-width:760px;padding:20px;display:flex;justify-content:center}.shared-cta{display:inline-flex;align-items:center;gap:6px;background:#16141b;color:#fff;text-decoration:none;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600}@media(prefers-color-scheme:dark){.shared-page{background:#16141b;color:#e5e7eb}.shared-header-sub{color:#9ca3af}.shared-msg-row.assistant .shared-bubble{background:#1f1c27;border-color:#2f2a38;color:#e5e7eb}.shared-bubble code{background:#ffffff1a}.shared-cta{background:#4f46e5}}.support-widget-container{position:fixed;bottom:24px;right:24px;width:400px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100vh - 48px);background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:20px;box-shadow:0 20px 40px -10px #0000002e,0 0 0 1px #ffffff14,0 8px 16px -4px #00000014;display:flex;flex-direction:column;z-index:99999;overflow:hidden;font-family:inherit;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:supportSlideUp .28s cubic-bezier(.16,1,.3,1) forwards;transform-origin:bottom right}@keyframes supportSlideUp{0%{opacity:0;transform:translateY(30px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.support-widget-container.minimized{height:auto;min-height:52px;width:320px;border-radius:26px;cursor:pointer;box-shadow:0 10px 25px -5px #00000026}.support-widget-header{padding:14px 16px;background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca);color:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.support-header-agent{display:flex;align-items:center;gap:10px}.support-avatar-wrap{position:relative;width:34px;height:34px}.support-avatar-icon{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #6366f166}.support-status-dot{position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:50%;background:#10b981;border:2px solid #1e1b4b;box-shadow:0 0 6px #10b981}.support-header-info{display:flex;flex-direction:column;gap:1px}.support-header-title{font-size:13.5px;font-weight:700;letter-spacing:-.2px;color:#fff}.support-header-status{font-size:11px;color:#fffc;display:flex;align-items:center;gap:5px}.live-indicator{width:6px;height:6px;border-radius:50%;background:#34d399;display:inline-block;animation:pulseLive 2s infinite ease-in-out}@keyframes pulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.support-header-actions{display:flex;align-items:center;gap:4px}.support-action-btn{width:28px;height:28px;border-radius:8px;border:none;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.support-action-btn:hover{background:#ffffff38;transform:scale(1.04)}.support-action-btn.close-btn:hover{background:#ef444499}.support-minimized-bar{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;background:var(--surface, #ffffff);color:var(--text, #0f172a)}.minimized-info{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.support-category-bar{padding:8px 12px;background:var(--bg-alt, rgba(0, 0, 0, .02));border-bottom:1px solid var(--border, #e2e8f0);display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.support-category-bar::-webkit-scrollbar{display:none}.support-category-label{font-size:11px;font-weight:600;color:var(--text-3, #94a3b8);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.support-category-chips{display:flex;gap:6px;flex-shrink:0}.support-chip{padding:4px 9px;border-radius:9999px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);color:var(--text-2, #64748b);font-size:11.5px;font-weight:600;display:flex;align-items:center;gap:5px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.support-chip:hover{background:var(--surface-hover, #f8fafc);border-color:var(--chip-color, #6366f1);color:var(--text, #0f172a)}.support-chip.active{background:var(--chip-color, #6366f1);color:#fff;border-color:var(--chip-color, #6366f1);box-shadow:0 2px 6px #0000001f}.support-messages-scroll{flex:1;padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:var(--bg, #f8fafc)}.support-msg-row{display:flex;gap:8px;max-width:88%}.support-msg-row.user-row{align-self:flex-end;flex-direction:row-reverse}.support-msg-row.support-row{align-self:flex-start}.support-msg-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.support-msg-bubble-wrap{display:flex;flex-direction:column;gap:3px}.support-msg-bubble{padding:10px 13px;border-radius:14px;font-size:13px;line-height:1.45;word-break:break-word}.support-row .support-msg-bubble{background:var(--surface, #ffffff);color:var(--text, #1e293b);border:1px solid var(--border, #e2e8f0);border-top-left-radius:4px;box-shadow:0 2px 4px #0000000a}.user-row .support-msg-bubble{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-top-right-radius:4px;box-shadow:0 2px 8px #4f46e540}.support-msg-rating-badge{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.2);font-size:11px;display:flex;align-items:center;gap:4px}.support-msg-time{font-size:10px;color:var(--text-3, #94a3b8);align-self:flex-start;padding:0 2px}.user-row .support-msg-time{align-self:flex-end}.support-quick-prompts{padding:8px 12px;background:var(--surface, #ffffff);border-top:1px solid var(--border, #e2e8f0);display:flex;flex-direction:column;gap:6px}.quick-prompt-title{font-size:11px;font-weight:600;color:var(--text-3, #94a3b8)}.quick-prompt-list{display:flex;flex-wrap:wrap;gap:5px}.quick-prompt-chip{padding:4px 10px;border-radius:12px;border:1px dashed var(--border, #cbd5e1);background:var(--bg, #f8fafc);color:var(--text-2, #475569);font-size:11.5px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.quick-prompt-chip:hover{background:var(--surface-hover, #ede9fe);border-color:#6366f1;color:#4f46e5}.support-rating-row{padding:6px 14px;background:var(--surface, #ffffff);border-top:1px solid var(--border, #e2e8f0);display:flex;align-items:center;justify-content:space-between}.rating-title{font-size:11.5px;font-weight:600;color:var(--text-2, #64748b)}.rating-emojis{display:flex;gap:4px}.rating-emoji-btn{width:26px;height:26px;border-radius:50%;border:1px solid transparent;background:transparent;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.rating-emoji-btn:hover{transform:scale(1.25);background:var(--surface-hover, #f1f5f9)}.rating-emoji-btn.selected{border-color:#6366f1;background:#e0e7ff;transform:scale(1.2)}.support-input-area{padding:10px 12px;background:var(--surface, #ffffff);border-top:1px solid var(--border, #e2e8f0)}.support-input-wrapper{display:flex;flex-direction:column;gap:6px;background:var(--bg, #f8fafc);border:1px solid var(--border, #cbd5e1);border-radius:12px;padding:8px 10px;transition:border-color .15s ease}.support-input-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.support-textarea{width:100%;border:none;background:transparent;color:var(--text, #0f172a);font-size:13px;font-family:inherit;resize:none;outline:none;line-height:1.4;min-height:42px}.support-input-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.support-diagnostics-toggle{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-3, #94a3b8);cursor:pointer;-webkit-user-select:none;user-select:none}.support-diagnostics-toggle input[type=checkbox]{cursor:pointer;accent-color:#6366f1}.support-send-btn{padding:6px 14px;border-radius:8px;border:none;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:5px;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 6px #4f46e540}.support-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #4f46e559}.support-send-btn:disabled{opacity:.5;cursor:not-allowed}.support-widget-footer{padding:6px 12px;background:var(--bg-alt, rgba(0, 0, 0, .02));font-size:10.5px;color:var(--text-3, #94a3b8);display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid var(--border, #e2e8f0)}.support-email-link{color:var(--text-2, #64748b);text-decoration:none;font-weight:500}.support-email-link:hover{color:#6366f1;text-decoration:underline}@media(max-width:768px){.support-widget-container{bottom:0!important;right:0!important;left:0!important;width:100%!important;max-width:100%!important;height:85vh!important;max-height:85vh!important;border-radius:22px 22px 0 0!important;border-bottom:none!important;border-left:none!important;border-right:none!important;box-shadow:0 -10px 40px #00000047!important}.support-widget-container.minimized{height:52px!important;border-radius:16px 16px 0 0!important;bottom:0!important}.support-widget-header{padding:16px 16px 12px;border-radius:22px 22px 0 0}.support-input-area{padding-bottom:calc(10px + env(safe-area-inset-bottom,12px))}}.pwa-layer{position:fixed;z-index:100000;pointer-events:none}.pwa-layer>*{pointer-events:auto}.pwa-update-layer{top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(calc(100vw - 28px),430px)}.pwa-update{display:flex;align-items:center;gap:12px;padding:11px 12px 11px 15px;background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px;box-shadow:0 1px 2px #0f172a0f,0 12px 32px -12px #0f172a47;animation:pwa-drop .28s cubic-bezier(.16,1,.3,1)}.pwa-update-icon{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--accent, #4f46e5);color:#fff}.pwa-update-text{flex:1 1 auto;min-width:0}.pwa-update-title{font-size:13.5px;font-weight:650;color:var(--text, #0f172a);line-height:1.3}.pwa-update-sub{font-size:12.5px;color:var(--text-2, #475569);line-height:1.35;margin-top:1px}.pwa-btn{flex:none;font:inherit;font-size:13px;font-weight:600;padding:7px 13px;border-radius:8px;border:1px solid transparent;background:var(--accent, #4f46e5);color:#fff;cursor:pointer;white-space:nowrap}.pwa-btn:hover{background:var(--accent-hover, #4338ca)}.pwa-btn-ghost{flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--text-3, #94a3b8);cursor:pointer}.pwa-btn-ghost:hover{background:var(--surface-hover, #f1f5f9);color:var(--text, #0f172a)}.pwa-btn:focus-visible,.pwa-btn-ghost:focus-visible{outline:2px solid var(--accent, #4f46e5);outline-offset:2px}.pwa-install-layer{right:18px;bottom:max(18px,env(safe-area-inset-bottom));width:330px}.pwa-install{background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:14px;padding:16px;box-shadow:0 1px 2px #0f172a0f,0 16px 40px -14px #0f172a4d;animation:pwa-rise .32s cubic-bezier(.16,1,.3,1)}.pwa-install-head{display:flex;align-items:flex-start;gap:11px}.pwa-install-icon{flex:none;width:38px;height:38px;border-radius:9px}.pwa-install-title{font-size:14.5px;font-weight:650;color:var(--text, #0f172a);line-height:1.3}.pwa-install-sub{font-size:13px;color:var(--text-2, #475569);line-height:1.45;margin-top:3px}.pwa-install-actions{display:flex;gap:8px;margin-top:14px}.pwa-install-actions .pwa-btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px}.pwa-install-later{flex:none;font:inherit;font-size:13px;font-weight:600;padding:9px 13px;border-radius:8px;border:1px solid var(--border, #e5e7eb);background:transparent;color:var(--text-2, #475569);cursor:pointer}.pwa-install-later:hover{background:var(--surface-hover, #f1f5f9);color:var(--text, #0f172a)}.pwa-install-later:focus-visible{outline:2px solid var(--accent, #4f46e5);outline-offset:2px}.pwa-ios-steps{margin:13px 0 0;padding:0;list-style:none;display:grid;gap:7px}.pwa-ios-steps li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2, #475569);line-height:1.4}.pwa-ios-steps .n{flex:none;width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:var(--surface-hover, #f1f5f9);color:var(--text, #0f172a);font-size:11px;font-weight:700}.pwa-ios-steps svg{flex:none;vertical-align:-2px}@keyframes pwa-drop{0%{opacity:0;transform:translateY(-10px)}}@keyframes pwa-rise{0%{opacity:0;transform:translateY(12px)}}@media(max-width:560px){.pwa-install-layer{right:12px;left:12px;width:auto}.pwa-update-layer{width:calc(100vw - 24px)}.pwa-update-sub{display:none}}@media(prefers-reduced-motion:reduce){.pwa-update,.pwa-install{animation:none}}:root{--bg: #f7f7f8;--surface: #ffffff;--surface-hover: #f1f5f9;--border: #e5e7eb;--border-hover: #cbd5e1;--text: #0f172a;--text-2: #475569;--text-3: #94a3b8;--accent: #4f46e5;--accent-hover: #4338ca;--accent-bg: rgba(79, 70, 229, .08);--accent-border: rgba(79, 70, 229, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .03);--shadow-card: 0 4px 20px rgba(0, 0, 0, .04);--shadow-float: 0 6px 24px rgba(0, 0, 0, .07);--radius-pill: 999px;--radius-card: 24px}[data-theme=dark]{--bg: #0c0c0c;--surface: #161616;--surface-hover: #202020;--border: #242424;--border-hover: #333333;--text: #f8fafc;--text-2: #a1a1aa;--text-3: #71717a;--accent: #6366f1;--accent-hover: #4f46e5;--accent-bg: rgba(99, 102, 241, .14);--accent-border: rgba(99, 102, 241, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-card: 0 4px 20px rgba(0, 0, 0, .5);--shadow-float: 0 6px 24px rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.app-root{display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh;position:relative;background:var(--bg);overflow:hidden}.navbar{position:fixed;top:0;left:0;right:0;height:52px;background:transparent;border-bottom:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:1000}.navbar-brand{display:flex;align-items:center;gap:9px;-webkit-user-select:none;user-select:none;transition:opacity .15s ease}.navbar-brand:hover{opacity:.85}.navbar-brand-logo{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 1px 4px #00000014}.navbar-brand-text{display:flex;flex-direction:column;line-height:1.1;justify-content:center}.navbar-brand-name{font-weight:700;font-size:14px;letter-spacing:-.2px;color:var(--text)}.navbar-brand-sub{font-size:10.5px;font-weight:500;color:var(--text-3);letter-spacing:.1px}.navbar-tabs{position:absolute;left:50%;transform:translate(-50%);display:flex;background:var(--surface);padding:4px;border-radius:var(--radius-pill);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.nav-tab{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.nav-tab:hover{color:var(--text)}.nav-tab.active{background:var(--surface-hover);color:var(--text);box-shadow:0 1px 2px #0000000a}.navbar-signin{display:flex;align-items:center;gap:6px}.navbar-icon-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s ease}.navbar-icon-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-hover)}.navbar-icon-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.navbar-icon-incognito{position:relative}.navbar-icon-incognito.active{background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed2e}.app-root[data-incognito=true]{--bg: #16141b;--surface: #1f1c27;--surface-hover: #2a2632;--input-bg: #221e2b;--border: #2f2a38;--border-hover: #4a4358;--text: #ece9f3;--text-2: #c4bfd0;--text-3: #8a8497;--accent: #7c3aed;--accent-hover: #6d28d9;background:var(--bg);color:var(--text)}.app-root[data-incognito=true]:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aed,#a855f7,#7c3aed);z-index:100;pointer-events:none}.signin-btn,.navbar-share-btn{display:flex;align-items:center;gap:8px;padding:7px 18px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s ease;font-family:inherit}.signin-btn:hover,.navbar-share-btn:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-1px)}.navbar-signin-desktop{display:flex}.navbar-signin-mobile{display:none}.navbar-tabs{display:flex!important;position:absolute;left:50%;transform:translate(-50%);z-index:10}@media(max-width:768px){.navbar{padding:0 14px;height:48px;position:fixed}.navbar-brand-sub{display:none}.navbar-brand-name{font-size:13px}.navbar-brand-logo{width:24px;height:24px}.navbar-signin-desktop{display:none!important}.navbar-signin-mobile{display:flex;align-items:center;gap:5px;position:relative}.navbar-tabs{display:flex!important;align-items:center;justify-content:center;position:absolute;left:50%;transform:translate(-50%);padding:3px;gap:3px;border-radius:9999px}.nav-tab span{display:none!important}.nav-tab{width:32px;height:32px;min-width:32px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:0;flex-shrink:0;transition:all .15s ease}.nav-tab svg{width:15px;height:15px;display:block}.nav-tab.active,.nav-tab:hover{border-radius:50%}.navbar-icon-btn{width:34px;height:34px}.navbar-signin-mobile .signin-btn{width:34px;height:34px;min-width:34px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:0;flex-shrink:0}.navbar-signin-mobile .signin-btn span{display:none!important}.navbar-signin-mobile .signin-btn svg{width:16px;height:16px}}@media(max-width:480px){.navbar{padding:0 10px;height:46px}.navbar-brand-text{display:none}.navbar-signin-mobile{gap:4px}.navbar-icon-btn{width:32px;height:32px}.navbar-tabs{display:flex!important;align-items:center;justify-content:center;position:absolute;left:50%;transform:translate(-50%);padding:2.5px;gap:2.5px;border-radius:9999px}.nav-tab span{display:none!important}.nav-tab{width:29px;height:29px;min-width:29px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:0;flex-shrink:0;transition:all .15s ease}.nav-tab svg{width:14px;height:14px;display:block}.nav-tab.active,.nav-tab:hover{border-radius:50%}.navbar-signin-mobile .signin-btn{width:32px;height:32px;min-width:32px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:0;flex-shrink:0}.navbar-signin-mobile .signin-btn span{display:none!important}.navbar-signin-mobile .signin-btn svg{width:15px;height:15px}.user-profile-trigger{padding:3px 10px 3px 3px}}.navbar-more-btn{flex-shrink:0}.navbar-mobile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 32px #00000024,0 2px 8px #00000014;padding:6px;z-index:10000;display:flex;flex-direction:column;gap:2px;animation:navbar-drop-in .18s cubic-bezier(.16,1,.3,1)}@keyframes navbar-drop-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.navbar-mobile-drop-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:var(--text-2);font-size:13.5px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .12s ease;text-align:left;width:100%}.navbar-mobile-drop-item:hover{background:var(--surface-hover);color:var(--text)}.navbar-mobile-drop-item.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.navbar-mobile-drop-item.active.incognito{background:#7c3aed1a;color:#7c3aed}.user-profile-wrapper{position:relative;display:inline-flex;align-items:center;z-index:1001}.user-profile-trigger{display:inline-flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);cursor:pointer;padding:4px 14px 4px 4px;border-radius:var(--radius-pill);box-shadow:0 1px 3px #0000000a;transition:all .15s cubic-bezier(.16,1,.3,1);font-family:inherit;-webkit-user-select:none;user-select:none;max-height:38px}.user-profile-trigger:hover{background:var(--surface-hover);border-color:var(--border-hover);box-shadow:0 2px 8px #00000014}.user-profile-trigger.compact{padding:3px;gap:0;border-radius:50%;width:36px;height:36px;justify-content:center}.user-profile-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;letter-spacing:.3px;flex-shrink:0;box-shadow:0 1px 3px #6366f140}.user-profile-info{display:flex;flex-direction:column;text-align:left;line-height:1.25;padding-right:2px}.user-profile-name{font-size:12.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.user-profile-plan{font-size:9.5px;color:#6366f1;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:1px}.user-dropdown-menu{position:absolute;right:0;top:44px;width:270px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-float);padding:14px;z-index:10000}.user-dropdown-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:12px;border-bottom:1px solid var(--border)}.user-dropdown-avatar-large{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#8B5CF6 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;margin-bottom:8px}.user-dropdown-name{font-size:14px;font-weight:700;color:var(--text)}.user-dropdown-email{font-size:11.5px;color:var(--text-3);margin-top:2px}.user-dropdown-credits-box{margin:12px 0;padding:10px 12px;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:10px}.credits-header{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.5px;color:var(--accent)}.credits-amount{font-size:20px;font-weight:800;color:var(--text);margin:2px 0}.credits-plan{font-size:11px;color:var(--text-2)}.user-dropdown-actions{display:flex;flex-direction:column;gap:4px}.user-dropdown-action-btn{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:none;background:transparent;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:all .12s;font-family:inherit}.user-dropdown-action-btn:hover{background:var(--surface-hover)}.user-dropdown-action-btn.pro-btn{color:var(--accent);font-weight:600}.user-dropdown-footer{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.user-dropdown-signout{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:8px;border:none;background:transparent;color:#ef4444;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit}.user-dropdown-signout:hover{background:#ef444414}.floating-sidebar{position:fixed;left:20px;top:50%;transform:translateY(-50%);width:42px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:10px 3px;box-shadow:var(--shadow-float);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-pill-btn{width:30px;height:30px;border-radius:50%;background:transparent;border:none;color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .15s ease}.sidebar-pill-btn:hover,.sidebar-pill-btn.active{background:var(--surface-hover);color:var(--text)}.sidebar-pill-divider{width:22px;height:1px;background:var(--border);margin:3px 0}.sidebar-new-chat-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f159;transition:transform .18s ease,box-shadow .18s ease}.sidebar-new-chat-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;transform:scale(1.08);box-shadow:0 4px 16px #6366f18c}.sidebar-pill-btn .tooltip{display:none;position:absolute;left:46px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:8px;white-space:nowrap;box-shadow:var(--shadow-card);z-index:60;pointer-events:none}.sidebar-pill-btn:hover .tooltip{display:block}.sidebar-mobile-backdrop,.sidebar-slider-header,.sidebar-slider-label{display:none}.sidebar-slider-content{display:contents}.sidebar-mobile-toggle{display:none;position:fixed;top:72px;left:14px;z-index:45;width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.sidebar-mobile-close{display:none}.apps-dropdown-menu{position:absolute;left:46px;bottom:0;width:220px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-float);padding:10px;z-index:100}.apps-menu-header{font-size:12px;font-weight:700;color:var(--text-2);padding:4px 8px}.apps-menu-list{display:flex;flex-direction:column;gap:2px}.apps-menu-list button{padding:7px 10px;border-radius:8px;border:none;background:transparent;color:var(--text);font-size:12.5px;font-weight:500;text-align:left;cursor:pointer;font-family:inherit}.apps-menu-list button:hover{background:var(--surface-hover);color:var(--accent)}.apps-menu-divider{height:1px;background:var(--border);margin:6px 0}.learn-more-dropdown-menu{width:220px}.learn-more-menu-item{display:flex!important;align-items:center!important;gap:9px!important;padding:8px 10px!important;border-radius:8px!important;color:var(--text)!important;font-size:12.5px!important;font-weight:500!important;text-decoration:none!important;transition:all .12s ease!important;cursor:pointer!important;width:100%!important;box-sizing:border-box!important}.learn-more-menu-item:hover{background:var(--surface-hover)!important;color:var(--accent)!important}.learn-more-item-icon{flex-shrink:0;color:var(--accent);opacity:.85}.learn-more-menu-item:hover .learn-more-item-icon{opacity:1}.learn-more-item-ext{margin-left:auto;opacity:.45;flex-shrink:0;transition:opacity .12s ease}.learn-more-menu-item:hover .learn-more-item-ext{opacity:.9}.floating-sidebar.workspace-top-bar{position:fixed;left:24px;top:56px;transform:none;width:auto;height:38px;flex-direction:row;align-items:center;padding:3px 6px;gap:3px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 16px #00000014,0 1px 3px #0000000a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:45;animation:wsSidebarSlideIn .2s cubic-bezier(.16,1,.3,1)}@keyframes wsSidebarSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.floating-sidebar.workspace-top-bar .sidebar-pill-divider{width:1px;height:18px;background:var(--border);margin:0 4px}.floating-sidebar.workspace-top-bar .sidebar-pill-btn{width:30px;height:30px}.floating-sidebar.workspace-top-bar .sidebar-pill-btn .tooltip{left:50%;top:calc(100% + 8px);transform:translate(-50%);right:auto;bottom:auto}.floating-sidebar.workspace-top-bar .apps-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;bottom:auto;animation:wsDropdownFadeIn .15s ease-out}@keyframes wsDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.workspace-sidebar-trigger-wrapper{position:fixed;left:24px;top:56px;z-index:45;animation:wsTriggerFadeIn .2s ease-out}@keyframes wsTriggerFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.workspace-sidebar-open-btn{height:32px;padding:0 12px 0 10px;display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-2);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 2px 8px #0000000f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .18s ease}.workspace-sidebar-open-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #6366f126}.workspace-close-btn{color:var(--text-3);transition:all .15s ease}.workspace-close-btn:hover{background:#ef44441a!important;color:#ef4444!important}.history-backdrop,.missions-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000}.history-sidebar,.missions-drawer{position:fixed;left:-340px;top:0;bottom:0;width:340px;background:var(--surface);border-right:1px solid var(--border);z-index:2001;display:flex;flex-direction:column;transition:left .25s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-float)}.history-sidebar.open,.missions-drawer.open{left:0}.history-header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px;border-bottom:none}.history-title{font-size:15px;font-weight:700}.history-sub{font-size:11.5px;color:var(--text-3);margin-top:2px}.history-close-btn{background:transparent;border:none;color:var(--text-2);cursor:pointer;padding:4px;border-radius:6px}.history-close-btn:hover{background:var(--surface-hover);color:var(--text)}.history-search-wrap{padding:12px 18px 8px;position:relative}.history-search{width:100%;padding:9px 12px 9px 34px;background:var(--surface-hover);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:12.5px;outline:none;font-family:inherit}.history-search:focus{border-color:var(--accent)}.history-search-icon{position:absolute;left:28px;top:20px;color:var(--text-3)}.history-tabs-row{display:flex;align-items:center;gap:6px;padding:0 16px 10px}.history-tab-btn{flex:1;padding:6px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}.history-tab-btn:hover{background:var(--surface-hover);color:var(--text)}.history-tab-btn.active{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text)}.history-list{flex:1;overflow-y:auto;padding:4px 10px 14px;display:flex;flex-direction:column;gap:2px}.history-empty{text-align:center;color:var(--text-3);font-size:12.5px;padding:40px 16px}.history-row-container{position:relative;width:100%;border-radius:8px;transition:background .12s ease}.history-single-line-item-wrap{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:8px;position:relative}.history-single-line-item-wrap:hover{background:var(--surface-hover)}.history-single-line-btn{flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:9px 8px 9px 10px;border-radius:8px;border:none;background:transparent;color:var(--text);cursor:pointer;text-align:left;font-family:inherit}.history-item-left-icon{color:var(--text-3);display:flex;align-items:center;flex-shrink:0}.history-pin-active-icon{color:var(--accent)}.history-prompt-single-text{font-size:13.5px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:1.35}.history-row-actions{display:flex;align-items:center;gap:2px;padding-right:6px;opacity:.4;transition:opacity .15s ease}.history-single-line-item-wrap:hover .history-row-actions,.history-row-container.is-pinned .history-row-actions{opacity:1}.history-quick-action-btn{width:26px;height:26px;border-radius:6px;border:none;background:transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease}.history-quick-action-btn:hover{background:var(--border);color:var(--text)}.history-quick-action-btn.active{color:var(--accent)}.history-item-menu-wrap{position:relative}.history-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-float);padding:5px;display:flex;flex-direction:column;gap:2px;min-width:160px;z-index:120}.history-dropdown-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;border:none;background:transparent;color:var(--text);font-size:12.5px;font-weight:500;cursor:pointer;transition:background .12s ease;width:100%;text-align:left;font-family:inherit}.history-dropdown-item:hover{background:var(--surface-hover)}.history-dropdown-item.delete{color:#ef4444}.history-dropdown-item.delete:hover{background:#ef44441a}.history-dropdown-item.delete.confirm{background:#ef4444;color:#fff}.history-dropdown-divider{height:1px;background:var(--border);margin:3px 0}.history-rename-wrap{display:flex;align-items:center;gap:6px;padding:6px 8px;width:100%}.history-rename-input{flex:1;padding:6px 10px;border-radius:8px;font-size:13px;border:1px solid var(--accent);outline:none;background:var(--surface);color:var(--text);font-family:inherit}.history-rename-save-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--accent);color:#fff;border:none;cursor:pointer}.history-footer{padding:12px 16px;border-top:1px solid var(--border)}.history-new-chat-btn{width:100%;padding:10px;border-radius:10px;background:#6366f1;color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.history-new-chat-btn:hover{background:#4f46e5}.main-content{margin-left:0;margin-top:52px;height:calc(100vh - 52px);height:calc(100dvh - 52px);display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;position:relative}@media(max-width:480px){.main-content{margin-top:46px;height:calc(100vh - 46px);height:calc(100dvh - 46px)}}.main-content--doc{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch}.split-view-container{display:flex;width:100%;height:100%;padding:6px;gap:4px;background:var(--bg);box-sizing:border-box}.split-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;position:relative;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;width:100%}.single-panel{background:transparent}.split-divider{width:5px;cursor:col-resize;background:transparent;border-radius:3px;transition:background .15s;position:relative;flex-shrink:0}.split-divider:hover,.split-divider:active{background:var(--accent)}.split-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;z-index:20}.split-perspective-dropdown-wrapper{position:relative}.split-perspective-btn{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.split-perspective-btn:hover{background:var(--surface-hover);border-color:var(--accent-border);color:var(--accent)}.perspective-icon{color:var(--accent)}.split-perspective-menu{position:absolute;top:calc(100% + 6px);left:0;width:260px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-float);padding:6px;z-index:100;display:flex;flex-direction:column;gap:2px}.split-perspective-menu-header{font-size:10.5px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.4px;padding:4px 8px}.split-perspective-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;transition:all .12s;width:100%}.split-perspective-item:hover{background:var(--surface-hover)}.split-perspective-item.active{background:var(--accent-bg)}.perspective-item-icon{font-size:14px;flex-shrink:0}.perspective-item-info{display:flex;flex-direction:column;flex:1;min-width:0}.perspective-item-title{font-size:12px;font-weight:600;color:var(--text)}.perspective-item-desc{font-size:10.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.split-panel-actions{display:flex;align-items:center;gap:4px}.perspective-item-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .12s}.split-perspective-item:hover .perspective-item-actions{opacity:1}.perspective-action-btn{background:none;border:none;color:var(--text-3);width:20px;height:20px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.perspective-action-btn:hover{background:var(--surface-hover);color:var(--text)}.perspective-action-btn.delete:hover{background:#fef2f2;color:#ef4444}[data-theme=dark] .perspective-action-btn.delete:hover{background:#2a1215}.perspective-divider{display:flex;align-items:center;gap:6px;padding:4px 8px;margin:2px 0}.perspective-divider:before,.perspective-divider:after{content:"";flex:1;height:1px;background:var(--border)}.perspective-divider span{font-size:9px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.split-perspective-item.create-new{border-top:1px solid var(--border);border-radius:0 0 8px 8px;margin-top:2px}.perspective-create-form{display:flex;flex-direction:column;gap:8px;padding:4px 0}.perspective-icon-picker{display:flex;flex-wrap:wrap;gap:4px}.perspective-emoji-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .12s}.perspective-emoji-btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.perspective-emoji-btn.active{background:var(--accent-bg);border-color:var(--accent);box-shadow:0 0 0 2px #4f46e526}.perspective-form-input{width:100%;padding:7px 10px;font-size:12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);outline:none;font-family:inherit;box-sizing:border-box}.perspective-form-input:focus{border-color:var(--accent)}.perspective-form-textarea{width:100%;padding:7px 10px;font-size:11px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);outline:none;font-family:inherit;resize:vertical;min-height:60px;box-sizing:border-box}.perspective-form-textarea:focus{border-color:var(--accent)}.perspective-form-actions{display:flex;gap:6px;justify-content:flex-end}.perspective-form-btn{display:flex;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:600;border-radius:6px;border:none;cursor:pointer;font-family:inherit;transition:all .12s}.perspective-form-btn.cancel{background:var(--surface-hover);color:var(--text-2)}.perspective-form-btn.cancel:hover{background:var(--border)}.perspective-form-btn.save{background:var(--accent);color:#fff}.perspective-form-btn.save:hover{filter:brightness(1.1)}.perspective-form-btn.save:disabled{opacity:.5;cursor:default}.split-control-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease}.split-control-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-hover)}.split-control-btn.close-btn:hover{background:#ef44441f;color:#ef4444;border-color:#ef44444d}.split-panel .home-panel-inner{padding:16px 14px;max-width:100%;width:100%}.split-panel .hero-greeting{margin-bottom:12px}.split-panel .hero-title{font-size:18px}.split-panel .hero-mascot-inline{width:24px;height:24px}.split-panel .chat-view-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative}.split-panel .chat-scroll-area{flex:1;min-height:0;overflow-y:auto;padding:16px 14px 280px}.split-panel .chat-scroll-bottom-spacer{height:48px;min-height:48px}.split-panel .chat-history-container{width:100%;max-width:100%}.split-panel .prompt-card-wrapper,.split-panel .chat-fixed-bottom-bar .prompt-card-wrapper{padding:12px 14px 10px;box-shadow:none!important;background:var(--surface);border:1px solid var(--border)}.split-panel .prompt-card-wrapper:focus-within,.split-panel .chat-fixed-bottom-bar .prompt-card-wrapper:focus-within{box-shadow:none!important;border-color:var(--border-hover)}.split-panel .chat-fixed-bottom-bar{position:relative;bottom:auto;left:auto;right:auto;width:100%;flex-shrink:0;background:var(--surface)!important;box-shadow:none!important;padding:4px 12px 6px;z-index:10;pointer-events:auto}[data-theme=dark] .split-panel .chat-fixed-bottom-bar{background:var(--surface)!important;box-shadow:none!important}.split-panel .chat-bottom-inner,.split-panel .prompt-container-outer{background:transparent!important;box-shadow:none!important;width:100%;max-width:100%}.split-panel .suggestions-container{max-width:100%;margin-top:10px}.main-content--workspace{justify-content:stretch;align-items:stretch;padding:12px}.workspace-mobile-bottom-nav{display:none}.workspace-shell{display:flex;flex-direction:row;width:100%;height:100%;gap:0;min-width:0}.workspace-pane{flex-grow:0;flex-shrink:1;min-width:220px;height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);position:relative}.workspace-pane--chat{background:transparent;border:none;box-shadow:none;min-width:400px;flex-shrink:0}.workspace-pane--chat .chat-scroll-area{padding:10px 12px 280px}.workspace-pane--chat .chat-scroll-bottom-spacer{height:48px;min-height:48px}.workspace-pane--chat .chat-history-container{max-width:100%;gap:14px}.workspace-pane--chat .chat-fixed-bottom-bar{padding:4px 8px 6px}.workspace-pane--chat .chat-bottom-inner{max-width:100%}.workspace-pane--chat .chat-disclaimer{margin-top:4px;font-size:11px}.workspace-pane--tools{padding:0;overflow:hidden}.workspace-pane-tabs{display:flex;align-items:center;gap:4px;padding:8px 10px 0;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.workspace-pane-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;color:var(--text-3);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;border-radius:8px 8px 0 0;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .12s}.workspace-pane-tab:hover{color:var(--text);background:var(--surface-hover)}.workspace-pane-tab.active{color:var(--text);background:var(--bg);border-bottom-color:var(--accent)}.workspace-pane-tab-body{flex:1;min-height:0;display:flex;background:var(--bg);border-radius:0 0 var(--radius-card) var(--radius-card);overflow:hidden}.workspace-pane-tab-body>*{flex:1;min-width:0;min-height:0}.workspace-pane--browser,.workspace-pane--artifacts{background:var(--surface)}.workspace-divider{width:8px;cursor:col-resize;background:transparent;flex-grow:0;flex-shrink:0;position:relative;transition:background .15s}.workspace-divider:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:32px;background:var(--border);border-radius:1px;transition:background .15s}.workspace-divider:hover:before,.workspace-divider:active:before{background:var(--accent)}.workspace-pane-inner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 24px;gap:14px;color:var(--text-2)}.placeholder-icon-large{width:64px;height:64px;border-radius:50%;background:var(--surface-hover);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:4px;border:1px solid var(--border)}.placeholder-title{font-size:16px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.2px}.placeholder-desc{font-size:13px;line-height:1.55;color:var(--text-2);max-width:280px;margin:0}.placeholder-features{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left;font-size:12.5px;color:var(--text-2)}.placeholder-features li{display:flex;align-items:center;gap:8px}.placeholder-features li svg{color:var(--accent);flex-shrink:0}.placeholder-badge{margin-top:10px;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-3);background:var(--surface-hover);border:1px solid var(--border);padding:4px 10px;border-radius:var(--radius-pill)}.placeholder-back-btn{margin-top:4px;padding:7px 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.placeholder-back-btn:hover{background:var(--accent-hover)}.browser-panel{display:flex;flex-direction:column;width:100%;height:100%;background:var(--surface);border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--border)}.browser-tabbar-container{display:flex;align-items:center;background:var(--bg);border-bottom:1px solid var(--border);padding:6px 8px 0;gap:4px;flex-shrink:0}.browser-tabs-scroll{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}.browser-tabs-scroll::-webkit-scrollbar{display:none}.browser-tab-item{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:10px 10px 0 0;background:transparent;border:1px solid transparent;border-bottom:none;font-size:12px;font-weight:500;color:var(--text-2);cursor:pointer;max-width:180px;min-width:110px;-webkit-user-select:none;user-select:none;transition:all .12s ease;position:relative}.browser-tab-item:hover{background:var(--surface-hover);color:var(--text)}.browser-tab-item.active{background:var(--surface);color:var(--text);font-weight:600;border-color:var(--border);box-shadow:0 -2px 6px #00000008}.browser-tab-icon{flex-shrink:0;color:var(--accent)}.browser-tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px}.browser-tab-spin{flex-shrink:0;color:var(--accent)}.browser-tab-close{border:none;background:transparent;color:var(--text-3);width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.5;transition:all .12s ease;flex-shrink:0}.browser-tab-item:hover .browser-tab-close,.browser-tab-item.active .browser-tab-close{opacity:1}.browser-tab-close:hover{background:#ef444426;color:#ef4444}.browser-tab-hover-preview{position:absolute;top:calc(100% + 6px);left:0;width:220px;background:#0f172a;border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 12px 30px #00000080;padding:8px;z-index:1000;pointer-events:none;animation:fadeIn .15s ease-out;display:flex;flex-direction:column;gap:6px}.browser-tab-preview-thumb{width:100%;height:110px;border-radius:6px;overflow:hidden;background:#1e293b}.browser-tab-preview-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}.browser-tab-preview-empty{width:100%;height:60px;border-radius:6px;background:#1e293b;display:flex;align-items:center;justify-content:center;color:var(--text-3)}.browser-tab-preview-meta{display:flex;flex-direction:column;gap:2px}.browser-tab-preview-title{font-size:11.5px;font-weight:600;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-tab-preview-url{font-size:10px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snapshot-btn{gap:5px;padding:0 10px;border-radius:8px;font-size:12px;font-weight:500}.snapshot-btn.saved{color:#22c55e;border-color:#22c55e4d}.browser-toolbar-btn-text{font-size:11.5px}.browser-add-tab-btn{width:28px;height:28px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:2px;transition:all .15s ease;flex-shrink:0}.browser-add-tab-btn:hover{background:var(--surface);border-color:var(--border);color:var(--accent);box-shadow:var(--shadow-sm);transform:scale(1.05)}.browser-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.browser-nav-group{display:flex;align-items:center;gap:3px}.browser-newtab-screen{display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:32px 20px;background:var(--surface);animation:fadeIn .2s ease-in-out}.browser-newtab-card{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:520px;width:100%;gap:8px}.browser-newtab-icon{width:52px;height:52px;border-radius:16px;background:var(--accent-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.browser-newtab-card h3{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.2px}.browser-newtab-card p{font-size:13px;color:var(--text-3);max-width:360px}.browser-bookmarks-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;width:100%}.browser-bookmark-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-pill);background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.browser-bookmark-pill:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.browser-bm-dot{width:7px;height:7px;border-radius:50%}.browser-bm-arrow{color:var(--text-3);margin-left:2px}.browser-bookmark-pill:hover .browser-bm-arrow{color:var(--accent)}.browser-toolbar-btn{width:26px;height:26px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s;flex-shrink:0}.browser-toolbar-btn:hover{background:var(--surface-hover);color:var(--text)}.browser-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.browser-toolbar-btn.active{background:var(--surface-hover);color:var(--accent)}.browser-url-form{flex:1;display:flex;align-items:center;gap:6px;background:var(--input-bg);border:1px solid var(--border);border-radius:6px;padding:0 4px 0 8px;height:26px;min-width:0}.browser-url-form:focus-within{border-color:var(--accent)}.browser-url-icon{color:var(--text-3);flex-shrink:0}.browser-url-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:12px;font-family:inherit;min-width:0}.browser-url-input::placeholder{color:var(--text-3)}.browser-url-input:disabled{opacity:.5;cursor:not-allowed}.browser-go-btn{border:none;background:transparent;color:var(--accent);font-size:11.5px;font-weight:700;font-family:inherit;padding:3px 8px;border-radius:4px;cursor:pointer;letter-spacing:.2px}.browser-go-btn:hover:not(:disabled){background:var(--surface-hover)}.browser-go-btn:disabled{color:var(--text-3);cursor:not-allowed}.browser-status-pill{display:flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.browser-status-pill.live{background:#22c55e1a;color:#16a34a}.browser-status-pill.busy{background:#eab3081a;color:#ca8a04}.browser-status-pill.connecting{background:var(--surface-hover);color:var(--text-3)}.browser-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.browser-status-pill.busy .browser-status-dot{animation:browser-pulse 1s ease-in-out infinite}@keyframes browser-pulse{0%,to{opacity:1}50%{opacity:.3}}.browser-error-banner{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ef4444f2;color:#fff;border-radius:8px;font-size:12px;font-weight:500;box-shadow:0 4px 12px #ef44444d;z-index:5;max-width:calc(100% - 24px)}.browser-error-banner>span{flex:1;word-break:break-word}.browser-error-banner button{border:none;background:#fff3;color:#fff;width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.browser-error-banner button:hover{background:#ffffff4d}.placeholder-actions{display:flex;gap:8px;margin-top:4px}.placeholder-back-btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.placeholder-back-btn.secondary:hover{background:var(--surface-hover);color:var(--text)}.artifacts-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#0f111a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;animation:fadeIn .2s ease-in-out forwards}.artifacts-modal-dialog{position:relative;width:100%;max-width:1100px;height:86vh;max-height:840px;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 64px #00000047,0 4px 16px #00000014;display:flex;flex-direction:column;overflow:hidden;animation:modalPopIn .24s cubic-bezier(.16,1,.3,1) forwards;z-index:10000}@keyframes modalPopIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.artifacts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.artifacts-modal-title{display:flex;align-items:center;gap:12px}.artifacts-modal-icon{width:36px;height:36px;border-radius:10px;background:var(--accent-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.artifacts-modal-title h3{font-size:16px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.2px}.artifacts-modal-title p{font-size:12px;color:var(--text-3);margin:2px 0 0}.artifacts-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.artifacts-modal-close:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-hover);transform:scale(1.06)}.artifacts-modal-body{flex:1;overflow:hidden;height:calc(100% - 68px);display:flex}.artifacts-modal-body .artifacts-pane{width:100%;height:100%;border-radius:0;border:none}.artifacts-modal-gallery .artifacts-modal-dialog{max-width:860px;height:75vh;max-height:700px}.artifacts-modal-gallery-body{flex:1;overflow-y:auto;padding:20px}.artifacts-gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-3)}.artifacts-gallery-empty h4{font-size:15px;color:var(--text-2);margin:8px 0 0}.artifacts-gallery-empty p{font-size:12px;text-align:center;max-width:300px}.artifacts-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.artifacts-gallery-card{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:all .18s ease;text-align:left;font-family:inherit}.artifacts-gallery-card:hover{border-color:var(--accent);box-shadow:0 4px 20px #4f46e51a;transform:translateY(-2px)}.artifacts-card-header{display:flex;align-items:center;justify-content:space-between}.artifacts-card-type{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600}.artifacts-card-date{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--text-3)}.artifacts-card-title{font-size:14px;font-weight:600;color:var(--text);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.artifacts-card-preview{font-size:12px;color:var(--text-3);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.artifacts-card-footer{margin-top:auto;padding-top:6px}.artifacts-card-open-hint{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--accent);opacity:0;transition:opacity .15s}.artifacts-gallery-card:hover .artifacts-card-open-hint{opacity:1}.signin-modal.modern-auth-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:440px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 64px #00000038,0 4px 16px #0000000f;padding:32px 32px 28px;z-index:9999;display:flex;flex-direction:column;align-items:stretch;gap:16px;box-sizing:border-box;animation:modalPopIn .22s cubic-bezier(.16,1,.3,1) forwards}.auth-modal-header{display:flex;flex-direction:column;align-items:center;text-align:center}.auth-brand-logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 4px 14px #6366f159}.auth-modal-title{font-size:20px;font-weight:800;color:var(--text);margin:0 0 6px;letter-spacing:-.02em}.auth-modal-subtitle{font-size:13px;color:var(--text-3);margin:0;line-height:1.45}.auth-tabs-switcher{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--bg);padding:4px;border-radius:12px;border:1px solid var(--border)}.auth-tab-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:8px;border:none;background:transparent;color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.auth-tab-btn:hover:not(.active){color:var(--text);background:var(--surface-hover)}.auth-tab-btn.active{background:var(--surface);color:var(--text);box-shadow:0 2px 6px #00000014}.auth-social-buttons{display:flex;flex-direction:column;gap:10px}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:42px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.auth-social-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.auth-social-btn:disabled{opacity:.6;cursor:not-allowed}.auth-social-btn.google-btn svg{flex-shrink:0}.auth-social-btn.github-btn svg{flex-shrink:0;color:var(--text)}.auth-divider{display:flex;align-items:center;text-align:center;margin:2px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.auth-divider span{padding:0 12px;font-size:11.5px;color:var(--text-3);text-transform:lowercase;font-weight:500}.auth-form-body{display:flex;flex-direction:column;gap:14px}.auth-input-group{display:flex;flex-direction:column;gap:6px}.auth-input-group>span{font-size:12px;font-weight:600;color:var(--text)}.auth-label-row{display:flex;align-items:center;justify-content:space-between}.auth-label-row>span{font-size:12px;font-weight:600;color:var(--text)}.auth-forgot-link{background:transparent;border:none;font-size:11.5px;color:var(--accent);cursor:pointer;padding:0}.auth-input-group input{height:40px;background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:0 12px;font-size:13.5px;color:var(--text);outline:none;box-sizing:border-box;transition:all .15s ease}.auth-input-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f}.auth-password-wrapper{position:relative;display:flex;align-items:center}.auth-password-wrapper input{width:100%;padding-right:40px}.auth-eye-btn{position:absolute;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-3);cursor:pointer;border-radius:6px}.auth-eye-btn:hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.auth-error-box{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#ef4444;font-size:12px;line-height:1.4}.auth-submit-btn{height:42px;background:#000;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 6px #0000001f;margin-top:4px}[data-theme=dark] .auth-submit-btn{background:var(--accent);color:#fff}.auth-submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-demo-bar{display:flex;align-items:center;justify-content:center;padding-top:4px}.auth-demo-pill{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px dashed var(--border);color:var(--text-2);font-size:11.5px;padding:6px 12px;border-radius:20px;cursor:pointer;transition:all .15s ease}.auth-demo-pill:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent)}.auth-demo-pill code{color:var(--text);font-family:monospace}.browser-viewport{position:relative;flex:1;overflow:hidden;background:#000;display:flex;align-items:stretch;justify-content:stretch;cursor:default;min-height:0}.browser-screenshot{width:100%;height:100%;display:block;object-fit:cover;object-position:top left;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:default;flex:1}.browser-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-3);font-size:13px;font-weight:500;pointer-events:none}.browser-error-overlay{position:absolute;top:16px;right:16px;bottom:16px;left:16px;background:#ef444414;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:8px;padding:12px;font-size:12.5px;font-weight:500;display:flex;align-items:center}.browser-console{height:130px;overflow-y:auto;padding:8px 12px;background:#0a0a0a;border-top:1px solid var(--border);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;flex-shrink:0}.browser-console-empty{color:var(--text-3);font-style:italic}.browser-console-line{padding:2px 0;color:#d4d4d4;word-break:break-word}.browser-console-line.browser-console-info{color:#93c5fd}.browser-console-line.browser-console-error{color:#ef4444}.spin{animation:browser-spin .9s linear infinite}@keyframes browser-spin{to{transform:rotate(360deg)}}.sidebar-pill-btn{position:relative}.sidebar-pill-badge{position:absolute;top:2px;right:2px;min-width:14px;height:14px;border-radius:7px;background:var(--accent);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;pointer-events:none}.dna-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:2000;animation:dna-fade .18s ease-out}@keyframes dna-fade{0%{opacity:0}to{opacity:1}}.dna-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:var(--bg);border-left:1px solid var(--border);z-index:2001;display:flex;flex-direction:column;box-shadow:-8px 0 24px #0000001f;animation:dna-slide .22s cubic-bezier(.2,.8,.2,1)}@keyframes dna-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.dna-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.dna-drawer-title{display:flex;align-items:center;gap:12px;color:var(--accent)}.dna-drawer-title h2{font-size:15px;font-weight:700;margin:0;color:var(--text);letter-spacing:-.2px}.dna-drawer-title p{font-size:11.5px;color:var(--text-3);margin:2px 0 0}.dna-drawer-close{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer}.dna-drawer-close:hover{background:var(--surface-hover);color:var(--text)}.dna-drawer-tabs{display:flex;gap:4px;padding:10px 12px;overflow-x:auto;border-bottom:1px solid var(--border);flex-shrink:0;scrollbar-width:thin}.dna-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:transparent;color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;transition:all .12s}.dna-tab:hover{color:var(--text);border-color:var(--border-hover)}.dna-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.dna-tab-count{background:#ffffff40;color:inherit;border-radius:8px;padding:1px 5px;font-size:10px;font-weight:700;min-width:14px;text-align:center}.dna-tab:not(.active) .dna-tab-count{background:var(--surface-hover);color:var(--text-2)}.dna-drawer-subheader{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 8px;flex-shrink:0}.dna-drawer-subheader h3{font-size:13px;font-weight:700;color:var(--text);margin:0;text-transform:capitalize}.dna-drawer-subheader p{font-size:11.5px;color:var(--text-3);margin:2px 0 0}.dna-drawer-subheader-actions{display:flex;align-items:center;gap:6px}.dna-add-btn{display:flex;align-items:center;gap:4px;padding:5px 11px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit}.dna-add-btn:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.dna-add-btn:disabled{opacity:.4;cursor:not-allowed}.dna-icon-btn{width:24px;height:24px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer}.dna-icon-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.dna-icon-btn.primary{background:var(--accent);color:#fff}.dna-icon-btn.primary:hover:not(:disabled){background:var(--accent-hover);color:#fff}.dna-icon-btn.danger:hover:not(:disabled){background:#ef44441a;color:#ef4444}.dna-icon-btn:disabled{opacity:.4;cursor:not-allowed}.dna-confirm-bar{display:flex;align-items:center;gap:8px;margin:0 18px 8px;padding:8px 12px;background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:12px;color:#ef4444}.dna-confirm-yes,.dna-confirm-no{padding:3px 10px;border-radius:6px;border:1px solid currentColor;background:transparent;color:inherit;font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit}.dna-confirm-yes{background:#ef4444;color:#fff;border-color:#ef4444}.dna-confirm-yes:hover:not(:disabled){background:#dc2626}.dna-confirm-no{color:var(--text-2)}.dna-confirm-no:hover{background:var(--surface-hover)}.dna-error{margin:0 18px 8px;padding:8px 12px;background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:12px}.dna-entries{flex:1;overflow-y:auto;padding:8px 18px 18px;display:flex;flex-direction:column;gap:8px}.dna-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;text-align:center;color:var(--text-3);font-size:12.5px}.dna-entry{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;transition:border-color .12s}.dna-entry:hover{border-color:var(--border-hover)}.dna-entry--draft{border-color:var(--accent);background:var(--surface)}.dna-entry-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dna-entry-key{font-size:12px;font-weight:700;color:var(--text);letter-spacing:-.1px}.dna-entry-value{font-size:12.5px;color:var(--text-2);line-height:1.5;white-space:pre-wrap;word-break:break-word}.dna-entry-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.dna-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:12.5px;color:var(--text);font-family:inherit;outline:none;resize:vertical}.dna-input:focus{border-color:var(--accent)}.dna-input-key{font-weight:600}.dna-input-value{line-height:1.5}.memory-hint{display:flex;align-items:flex-start;gap:8px;margin:4px 18px 8px;padding:8px 12px;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;font-size:11.5px;line-height:1.5;color:var(--text-2)}.memory-hint svg{color:var(--accent);flex-shrink:0;margin-top:1px}.dna-entry-source{display:inline-block;margin-top:4px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--accent);background:var(--surface-hover);border:1px solid var(--border);padding:1px 6px;border-radius:6px}.chat-panel-root{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.panel-top-controls{position:absolute;top:14px;right:16px;display:flex;gap:6px;z-index:20}.panel-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-hover);color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.panel-btn:hover{color:var(--text);border-color:var(--border-hover)}.home-panel-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:850px;margin:auto;padding:24px}.home-panel-inner .hero-greeting{margin-bottom:20px}.home-panel-inner .connections-dropdown-menu{top:calc(100% + 8px);bottom:auto;width:320px;max-height:230px;border-radius:14px;box-shadow:0 12px 36px #00000073;animation:dropdownPopDown .18s cubic-bezier(.16,1,.3,1) both}@keyframes dropdownPopDown{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.home-panel-inner .connections-dropdown-header{padding:10px 12px 6px}.home-panel-inner .connections-title-text{font-size:13px}.home-panel-inner .connections-search-wrap{margin-top:6px}.home-panel-inner .connections-search-input{height:28px;font-size:11px;padding-left:28px}.home-panel-inner .connections-search-icon{left:8px;width:12px;height:12px}.home-panel-inner .connections-list-body{max-height:110px;padding:3px 6px}.home-panel-inner .connections-item-row{padding:5px 8px;margin-bottom:2px;border-radius:7px;gap:8px}.home-panel-inner .connection-logo-wrap{width:22px;height:22px;border-radius:6px}.home-panel-inner .connection-logo-wrap svg,.home-panel-inner .connection-logo-wrap img{width:13px;height:13px}.home-panel-inner .connection-item-name{font-size:12px}.home-panel-inner .connection-item-desc{display:none}.home-panel-inner .connection-toggle-btn{padding:3px 8px;font-size:10px;height:22px}.home-panel-inner .connections-dropdown-footer{padding:6px 10px}.home-panel-inner .connections-more-btn{font-size:11px;padding:3px 6px}.home-panel-inner .slash-command-menu,.home-panel-inner .at-mention-menu{top:calc(100% + 8px);bottom:auto;left:0;right:auto;width:380px;max-width:92vw;max-height:250px;border-radius:14px;box-shadow:0 12px 36px #00000073;animation:dropdownPopDown .18s cubic-bezier(.16,1,.3,1) both}.home-panel-inner .slash-menu-list,.home-panel-inner .at-menu-list{max-height:160px;padding:4px 6px}.home-panel-inner .slash-command-item,.home-panel-inner .at-mention-item{padding:6px 8px;gap:8px;border-radius:7px}.home-panel-inner .slash-command-icon-wrap,.home-panel-inner .at-mention-icon{width:24px;height:24px;border-radius:6px}.home-panel-inner .slash-command-label,.home-panel-inner .at-mention-label{font-size:12px}.home-panel-inner .slash-command-desc,.home-panel-inner .at-mention-desc{font-size:10px}.hero-greeting{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px}.hero-title-row{display:flex;align-items:center;justify-content:center;gap:10px}.hero-mascot-inline{width:32px;height:32px;flex-shrink:0}.hero-title{font-size:24px;font-weight:700;letter-spacing:-.4px;text-align:center;color:var(--text)}.prompt-container-outer{width:100%;position:relative;display:flex;flex-direction:column}.chat-bar-tabs{display:inline-flex;align-self:flex-start;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:12px 12px 0 0;padding:4px 5px;margin-bottom:-1px;position:relative;z-index:2}.chat-bar-tab{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--text-2);background:transparent;border:none;cursor:pointer;transition:all .15s ease;font-family:inherit}.chat-bar-tab:hover{color:var(--text);background:var(--surface-hover)}.chat-bar-tab.active{color:#fff;background:var(--accent, #6366f1);box-shadow:0 2px 8px #6366f159}.chat-bar-tab.active svg{color:#fff}.prompt-card-wrapper{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px 20px 14px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:10px;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.prompt-container-outer .prompt-card-wrapper{border-top-left-radius:0}.prompt-card-wrapper:focus-within{border-color:var(--border-hover);box-shadow:var(--shadow-float)}.prompt-clean-textarea{width:100%;background:transparent;border:none;outline:none;resize:none;font-size:15px;color:var(--text);line-height:1.5;min-height:48px;font-family:inherit}.prompt-clean-textarea::placeholder{color:#64748b;font-weight:400}.prompt-clean-textarea.enhanced-pulse{animation:enhancePulse .6s ease-out}@keyframes enhancePulse{0%{box-shadow:0 0 #a855f766}50%{box-shadow:0 0 0 4px #a855f726}to{box-shadow:0 0 #a855f700}}.prompt-controls-bar{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.prompt-controls-left{display:flex;align-items:center;gap:6px}.prompt-icon-btn{background:transparent;border:none;color:#64748b;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.prompt-icon-btn:hover{background:var(--surface-hover);color:var(--text)}.prompt-icon-btn.listening{background:#ef44441f;color:#ef4444;animation:pulseMic 1.5s infinite}@keyframes pulseMic{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.deep-research-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap;flex-shrink:0}.deep-research-pill:hover,.deep-research-pill.active{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text)}@container (max-width: 520px){.deep-research-pill span{display:none}.deep-research-pill{padding:5px 8px;gap:0}}.workspace-pane--chat .deep-research-pill span,.split-panel .deep-research-pill span,.split-view-container .deep-research-pill span,.workspace-shell .deep-research-pill span{display:none}.workspace-pane--chat .deep-research-pill,.split-panel .deep-research-pill,.split-view-container .deep-research-pill,.workspace-shell .deep-research-pill{background:transparent!important;border:none!important;width:32px;height:32px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:0;color:#64748b;box-shadow:none!important}.workspace-pane--chat .deep-research-pill:hover,.split-panel .deep-research-pill:hover,.split-view-container .deep-research-pill:hover,.workspace-shell .deep-research-pill:hover{background:var(--surface-hover)!important;border:none!important;color:var(--text)}.workspace-pane--chat .deep-research-pill.active,.split-panel .deep-research-pill.active,.split-view-container .deep-research-pill.active,.workspace-shell .deep-research-pill.active{background:var(--accent-bg, rgba(99, 102, 241, .12))!important;border:none!important;color:var(--accent)}.effort-control-group{display:flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px}.effort-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-pill);background:transparent;border:none;color:var(--text-2);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.effort-btn:hover{background:var(--surface-hover);color:var(--text)}.effort-btn.active{background:var(--accent, #6c63ff);color:#fff}.effort-btn.active svg{color:#fff}.prompt-controls-right{display:flex;align-items:center;gap:8px}.prompt-send-pill{width:32px;height:32px;border-radius:10px;background:#e8eef8;color:#64748b;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;position:relative}[data-theme=dark] .prompt-send-pill{background:#222;color:#a1a1aa}.prompt-send-pill.has-content{background:var(--accent);color:#fff;box-shadow:0 2px 8px #4f46e559}.prompt-send-pill.has-content:hover{background:var(--accent-hover);transform:translateY(-1px)}.prompt-send-pill:disabled{opacity:.6;cursor:default}.prompt-send-pill.stop-state,.prompt-send-pill.is-generating{background:#ef4444!important;color:#fff!important;box-shadow:0 2px 8px #ef444459;cursor:pointer;opacity:1}.prompt-send-pill.is-generating:hover{background:#dc2626!important;transform:scale(1.06)}.prompt-send-pill.queue-state{background:var(--accent);color:#fff;position:relative}.prompt-send-pill.queue-state:hover{background:var(--accent-hover)}.prompt-queue-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;border-radius:8px;background:#f59e0b;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;pointer-events:none}.prompt-stop-btn{width:28px;height:28px;border-radius:8px;background:#ef4444;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.prompt-stop-btn:hover{background:#dc2626;transform:scale(1.05)}.memory-suggest-chip{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:var(--surface);animation:queue-slide-in .2s ease}.memory-suggest-icon{flex-shrink:0;color:var(--accent)}.memory-suggest-text{flex:1;font-size:12.5px;color:var(--text-2, var(--text));line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memory-suggest-text strong{color:var(--text)}.memory-suggest-btn{flex-shrink:0;border:none;border-radius:7px;font-size:11.5px;font-weight:600;cursor:pointer;transition:opacity .15s}.memory-suggest-btn:hover{opacity:.85}.memory-suggest-add{padding:5px 12px;background:var(--accent);color:#fff}.memory-suggest-add:disabled{opacity:.6;cursor:default}.memory-suggest-dismiss{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;color:var(--text-3)}.memory-suggest-dismiss:hover{background:var(--surface-hover)}.queue-preview{display:flex;flex-direction:column;gap:0;margin-bottom:6px;border-radius:12px;border:1px solid var(--border);background:var(--surface);overflow:hidden;animation:queue-slide-in .2s ease}@keyframes queue-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.queue-preview-header{display:flex;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:600;color:var(--text-3);background:var(--surface-hover);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.3px}[data-theme=dark] .queue-preview-header{background:#1a1a1a}.queue-preview-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid var(--border);transition:background .1s}.queue-preview-item:last-child{border-bottom:none}.queue-preview-item:hover{background:var(--surface-hover)}.queue-preview-item-text{flex:1;font-size:12.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.queue-preview-item-actions{display:flex;gap:2px;flex-shrink:0;opacity:.4;transition:opacity .15s}.queue-preview-item:hover .queue-preview-item-actions{opacity:1}.queue-action-btn{background:transparent;border:none;color:var(--text-3);width:22px;height:22px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.queue-action-btn:hover{background:var(--surface-hover);color:var(--text)}.queue-action-remove:hover{background:#fef2f2;color:#ef4444}[data-theme=dark] .queue-action-remove:hover{background:#2a1215}.queue-action-send-now{color:#f59e0b}.queue-action-send-now:hover{background:#fffbeb;color:#d97706}[data-theme=dark] .queue-action-send-now:hover{background:#2a2206;color:#fbbf24}.file-preview-strip{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px 4px;border-bottom:none}.file-preview-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;position:relative;max-width:260px;flex-shrink:0}.file-preview-img-wrap{width:30px;height:30px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--surface-hover)}.file-preview-doc{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--accent-bg);flex-shrink:0}.file-preview-doc-name{font-size:12px;font-weight:600;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.suggestions-container{margin-top:18px;width:100%;max-width:850px;display:flex;flex-direction:column;align-items:center;gap:12px;box-sizing:border-box}.suggestions-pills-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:850px;overflow-x:auto;overflow-y:hidden;padding:4px 2px;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box}.suggestions-pills-row::-webkit-scrollbar{display:none}@keyframes suggestionFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.suggestion-white-pill{flex:1 1 0px;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:12.5px;font-weight:500;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit;white-space:nowrap;-webkit-user-select:none;user-select:none;text-overflow:ellipsis}.suggestion-white-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-white-pill.fade-in{animation:suggestionFadeIn .32s cubic-bezier(.16,1,.3,1) both}.suggestion-pill-icon{flex-shrink:0;color:var(--accent);transition:transform .2s ease}.suggestion-white-pill:hover{border-color:var(--accent-border);color:var(--text);background:var(--surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-card)}.suggestion-white-pill:hover .suggestion-pill-icon{transform:scale(1.15)}.suggestion-white-pill:active{transform:translateY(0)}.suggestions-ticker-row{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:850px;padding:0 4px;margin-top:2px;box-sizing:border-box}.ticker-brain-badge{display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:11.5px;font-weight:500}.ticker-brain-icon{color:var(--accent)}.ticker-dots-group{display:flex;align-items:center;gap:5px}.ticker-dot-item{width:6px;height:6px;border-radius:50%;background:var(--border);border:none;cursor:pointer;padding:0;transition:all .2s ease}.ticker-dot-item:hover{background:var(--text-3);transform:scale(1.2)}.ticker-dot-item.active{background:var(--accent);width:16px;border-radius:999px}.ticker-timer-wrap{display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:11px}@keyframes progress15s{0%{width:0%}to{width:100%}}.ticker-progress-bar{width:38px;height:3px;background:var(--surface-hover);border:1px solid var(--border);border-radius:999px;position:relative;overflow:hidden}.ticker-progress-bar:after{content:"";position:absolute;left:0;top:0;bottom:0;background:var(--accent);animation:progress15s 15s linear infinite}.ticker-timer-text{font-size:10.5px;font-weight:600;letter-spacing:.2px;color:var(--text-3)}.ticker-cycle-btn{background:transparent;border:none;color:var(--text-3);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.ticker-cycle-btn:hover{color:var(--text);background:var(--surface-hover);transform:rotate(45deg)}.chat-view-container{display:flex;flex-direction:column;height:100%;width:100%;position:relative;overflow:hidden}.chat-scroll-area{flex:1;overflow-y:auto;padding:24px 20px 200px;display:flex;flex-direction:column;align-items:center;overscroll-behavior-y:contain}.chat-scroll-bottom-spacer{height:36px;min-height:36px;width:100%;flex-shrink:0}.chat-history-container{width:100%;max-width:850px;display:flex;flex-direction:column;gap:24px}.chat-message-row{display:flex;gap:12px;width:100%}.chat-message-row.user-row{justify-content:flex-end}.chat-avatar{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.user-avatar{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.assistant-avatar{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:4px}.chat-bubble-wrapper{max-width:85%;display:flex;flex-direction:column;gap:4px}.user-row .chat-bubble-wrapper{align-items:flex-end}.assistant-row .chat-bubble-wrapper{max-width:850px;width:100%}.chat-bubble{padding:14px 18px;border-radius:18px;font-size:14.5px;line-height:1.65}.user-row .chat-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px;box-shadow:var(--shadow-sm)}.user-message-content-wrap{display:flex;flex-direction:column;gap:8px}.user-msg-attachments-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.user-msg-image-bubble{position:relative;width:140px;height:140px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:0 2px 8px #00000026;background:#1e293b}.user-msg-image-thumb{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.user-msg-image-bubble:hover .user-msg-image-thumb{transform:scale(1.05)}.user-msg-image-zoom-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:11px;font-weight:500;opacity:0;transition:opacity .15s ease}.user-msg-image-bubble:hover .user-msg-image-zoom-overlay{opacity:1}.user-msg-preview-chip{background:#ffffff24!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;margin-bottom:2px}.user-msg-preview-chip.is-clickable{cursor:pointer}.user-msg-preview-chip.is-clickable:hover{background:#ffffff38!important;transform:translateY(-1px)}.user-msg-preview-chip .file-preview-doc{background:#ffffff2e!important;color:#fff!important}.user-msg-preview-chip .file-preview-name{color:#fff!important;font-size:12px;font-weight:600}.user-msg-preview-chip .file-preview-meta{color:#fffc!important;font-size:10px}.user-message-text{white-space:pre-wrap;word-break:break-word}.assistant-row .chat-bubble{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.markdown-body{color:var(--text)}.markdown-body p{margin-bottom:12px}.markdown-body p:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{margin:8px 0 12px 20px}.markdown-body li{margin-bottom:4px}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:16px 0 8px;font-weight:700}.markdown-body table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:8px 10px;text-align:left}.markdown-body th{background:var(--surface-hover)}.chat-image-card{display:inline-block;margin:12px 0;position:relative}.chat-image-wrapper{position:relative;display:inline-block;border-radius:14px;overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 16px #00000014}.chat-generated-image{display:block;width:auto;height:auto;max-width:320px;max-height:400px;cursor:pointer;transition:transform .2s ease}.chat-image-wrapper:hover .chat-generated-image{transform:scale(1.02)}.chat-image-overlay-toolbar{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.15);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.chat-image-wrapper:hover .chat-image-overlay-toolbar{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.chat-img-action-btn{background:#ffffff1a;border:none;color:#fff;font-size:11.5px;font-weight:500;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:all .15s}.chat-img-action-btn:hover{background:#ffffff40;transform:translateY(-1px)}.chat-img-design-btn{background:var(--accent);color:#fff}.chat-img-design-btn:hover{background:var(--accent-hover, #4338ca)}.img-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .15s ease-out}.img-lightbox-content{background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:18px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0009}.img-lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#1e293b}.img-lightbox-title{color:#f8fafc;font-size:14px;font-weight:600;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-lightbox-actions{display:flex;align-items:center;gap:8px}.img-lightbox-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#f8fafc;padding:6px 14px;border-radius:8px;font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;text-decoration:none;cursor:pointer;transition:all .15s}.img-lightbox-btn:hover{background:var(--accent);border-color:var(--accent)}.img-lightbox-close{background:transparent;border:none;color:#94a3b8;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .15s}.img-lightbox-close:hover{color:#fff}.img-lightbox-body{padding:20px;display:flex;align-items:center;justify-content:center;overflow:auto;max-height:calc(90vh - 70px)}.img-lightbox-img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:10px;box-shadow:0 8px 32px #0006}.chat-code-block{margin:14px 0;background:#f8fafc;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.code-block-tabs{display:flex;gap:6px}.code-tab{background:transparent;border:1px solid transparent;color:#64748b;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;font-family:inherit;transition:all .15s ease}.code-tab:hover{color:#0f172a;background:#0000000d}.code-tab.active{background:#fff;color:#0f172a;border-color:#cbd5e1;box-shadow:0 1px 3px #0000000d}.code-copy-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:#64748b;font-size:11.5px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;font-family:inherit;transition:all .15s ease}.code-copy-btn:hover{color:#0f172a;background:#0000000f}.code-block-actions{display:flex;align-items:center;gap:4px}.download-menu-wrapper{position:relative}.download-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001a;overflow:hidden;z-index:50;min-width:180px;animation:fadeIn .1s}.download-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;border:none;background:transparent;color:#1e293b;font-size:12.5px;font-weight:500;cursor:pointer;font-family:inherit;text-align:left;transition:background .08s}.download-menu-item:hover{background:#f1f5f9}.download-menu-item:disabled{opacity:.5;cursor:not-allowed}.code-content{padding:16px;overflow-x:auto;max-height:360px;overflow-y:auto;font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55;color:#1e293b;background:#f8fafc}.code-preview-frame{width:100%;height:480px;background:#fff}.code-preview-frame iframe{width:100%;height:100%;border:none}[data-theme=dark] .chat-code-block{background:#090a0f;border-color:#232536;box-shadow:0 4px 20px #00000059}[data-theme=dark] .code-block-header{background:#151722;border-bottom-color:#232536}[data-theme=dark] .code-tab{color:#94a3b8;border-color:transparent}[data-theme=dark] .code-tab:hover{color:#f8fafc;background:#ffffff0d}[data-theme=dark] .code-tab.active{background:#232536;color:#f8fafc;border-color:transparent;box-shadow:none}[data-theme=dark] .code-copy-btn{color:#94a3b8}[data-theme=dark] .code-copy-btn:hover{color:#f8fafc;background:#232536}[data-theme=dark] .code-content{background:#090a0f;color:#f1f5f9}[data-theme=dark] .download-menu{background:#1e2030;border-color:#2d3048;box-shadow:0 8px 32px #0006}[data-theme=dark] .download-menu-item{color:#e2e8f0}[data-theme=dark] .download-menu-item:hover{background:#2d3048}.chat-message-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:2px 4px}.user-message-footer{display:flex;align-items:center;justify-content:space-between;width:100%;padding:2px 4px 0 6px;gap:12px}.user-msg-timestamp{display:flex;align-items:center}.user-msg-timestamp span{font-size:10.5px;color:var(--text-3);font-family:JetBrains Mono,SFMono-Regular,monospace;opacity:.8;letter-spacing:.02em}.user-message-actions{display:flex;align-items:center;gap:3px}.user-action-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:6px;color:var(--text-3);font-size:11.5px;cursor:pointer;transition:all .15s ease}.user-action-btn:hover{background:var(--surface-hover);color:var(--text)}.user-copied-badge{font-size:11px;font-weight:600;color:#22c55e;animation:fadeIn .15s ease-in-out}.msg-action-btn{background:transparent;border:none;color:var(--text-3, #64748b);cursor:pointer;width:30px;height:30px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.msg-action-btn:hover{background:var(--surface-hover, rgba(255, 255, 255, .08));color:var(--text, #f8fafc);transform:translateY(-1px)}.msg-action-btn.active-up{color:#22c55e}.msg-action-btn.active-down{color:#ef4444}.msg-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 2px 2px;margin-top:6px;flex-wrap:wrap;gap:6px}.msg-actions-left,.msg-actions-right{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.msg-suggestions-row{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);animation:fadeIn .2s ease-in-out}.msg-suggestions-label{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.4px}.msg-suggestions-chips{display:flex;flex-wrap:wrap;gap:8px}.msg-suggestion-chip{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 14px;font-size:12.5px;font-weight:500;color:var(--text);display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit;transition:all .15s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #00000008}.msg-suggestion-chip:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 3px 8px #4f46e526}.split-view-wrapper{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.split-broadcast-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0000000a;z-index:10}.split-broadcast-left{display:flex;align-items:center;gap:8px;flex:1;max-width:650px}.split-broadcast-icon{color:#eab308;flex-shrink:0}.split-broadcast-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:12.5px;color:var(--text);outline:none;transition:border-color .15s ease}.split-broadcast-input:focus{border-color:var(--accent)}.split-broadcast-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.split-broadcast-btn:hover:not(:disabled){background:var(--accent-hover, #4338ca);transform:translateY(-1px)}.split-broadcast-btn:disabled{opacity:.5;cursor:not-allowed}.split-consolidate-btn{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #6366f140;transition:all .15s ease}.split-consolidate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #a855f759}.active-agent-bottom-pill{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:500;color:var(--text);margin-bottom:6px;box-shadow:var(--shadow-sm);animation:fadeIn .2s ease-in-out}.active-agent-bottom-pill .agent-name{font-weight:600}.active-agent-bottom-pill .agent-clear-btn{background:transparent;border:none;color:var(--text-3);cursor:pointer;display:inline-flex;align-items:center;padding:1px;border-radius:4px;transition:color .12s}.active-agent-bottom-pill .agent-clear-btn:hover{color:#ef4444}.streaming-cursor{display:inline-block;width:6px;height:14px;background:var(--accent);margin-left:4px;vertical-align:middle;animation:blink .8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-indicator{display:flex;align-items:center;gap:4px;padding:8px 12px}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.5;animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.typing-elapsed{margin-left:4px;font-size:10.5px;font-family:monospace;color:var(--text-3);opacity:.7}.progress-status-line{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;color:var(--text-2, var(--text-3));animation:progressPulse 1.8s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:.65}50%{opacity:1}}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-8px);opacity:1}}.chat-fixed-bottom-bar{position:absolute;bottom:0;left:0;right:0;padding:8px 24px max(8px,env(safe-area-inset-bottom,8px));background:linear-gradient(180deg,rgba(247,247,248,0) 0%,var(--bg) 28%,var(--bg) 100%);display:flex;justify-content:center;z-index:10;pointer-events:none;box-sizing:border-box}[data-theme=dark] .chat-fixed-bottom-bar{background:linear-gradient(180deg,rgba(12,12,12,0) 0%,var(--bg) 30%,var(--bg) 100%)}.chat-bottom-inner{width:100%;max-width:850px;pointer-events:auto}.chat-fixed-bottom-bar .chat-bar-tabs{margin-bottom:-1px;position:relative;z-index:2}.chat-fixed-bottom-bar .prompt-card-wrapper{padding:12px 18px 10px;gap:6px;border-radius:18px;border-top-left-radius:0!important;box-shadow:0 4px 18px #0000000f}.chat-fixed-bottom-bar .prompt-clean-textarea{min-height:36px;max-height:140px;font-size:14px;line-height:1.45;padding:3px 0}.chat-fixed-bottom-bar .prompt-controls-bar{padding-top:2px}.chat-fixed-bottom-bar .prompt-icon-btn{width:30px;height:30px}.chat-fixed-bottom-bar .prompt-icon-btn svg{width:16px;height:16px}.chat-fixed-bottom-bar .deep-research-pill{padding:4px 12px;font-size:12px;gap:5px}.chat-fixed-bottom-bar .deep-research-pill svg{width:14px;height:14px}.chat-fixed-bottom-bar .model-selector-pill{height:28px;padding:0 10px;font-size:12px;gap:5px}.chat-fixed-bottom-bar .prompt-send-pill{width:30px;height:30px;border-radius:9px}.chat-fixed-bottom-bar .prompt-send-pill svg{width:14px;height:14px}.chat-disclaimer{font-size:11px;color:var(--text-3);text-align:center;margin-top:4px;margin-bottom:2px;line-height:1.2}.fade-in{animation:fadeIn .2s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:32px;text-align:center;gap:16px}.placeholder-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:36px;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:var(--shadow-card)}.placeholder-icon{width:52px;height:52px;border-radius:14px;background:var(--accent-bg);color:var(--accent);display:flex;align-items:center;justify-content:center}.placeholder-title{font-size:20px;font-weight:700;color:var(--text)}.placeholder-desc{font-size:13.5px;color:var(--text-2);line-height:1.5}.placeholder-back-btn{margin-top:8px;padding:8px 18px;border-radius:var(--radius-pill);background:var(--accent);color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease}.auth-modal{position:relative;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px 28px 28px;box-shadow:0 20px 60px #00000026;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:var(--text-3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.auth-modal-close:hover{background:var(--surface-hover);color:var(--text)}.auth-modal-header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.auth-modal-logo{width:40px;height:40px;border-radius:12px;margin-bottom:12px;box-shadow:0 2px 8px #0000001a}.auth-modal-title{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.3px}.auth-modal-subtitle{font-size:13px;color:var(--text-3);margin-top:4px}.auth-tabs{display:flex;background:var(--surface-hover);border-radius:10px;padding:3px;margin-bottom:20px;border:1px solid var(--border)}.auth-tab{flex:1;padding:8px 0;border-radius:8px;border:none;background:transparent;color:var(--text-3);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.auth-tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000000f}.auth-tab:hover:not(.active){color:var(--text-2)}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 0;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.auth-google-btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.auth-divider{display:flex;align-items:center;gap:14px;margin:18px 0;color:var(--text-3);font-size:12px;font-weight:500}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-label{font-size:12.5px;font-weight:600;color:var(--text-2)}.auth-input-wrap{display:flex;align-items:center;gap:8px;padding:0 12px;height:40px;background:var(--surface-hover);border:1px solid var(--border);border-radius:10px;transition:border-color .15s}.auth-input-wrap:focus-within{border-color:var(--accent);background:var(--surface)}.auth-input-icon{color:var(--text-3);flex-shrink:0}.auth-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:13.5px;font-family:inherit;min-width:0}.auth-input::placeholder{color:var(--text-3)}.auth-password-toggle{background:transparent;border:none;color:var(--text-3);cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px;transition:color .12s}.auth-password-toggle:hover{color:var(--text)}.auth-forgot-row{display:flex;justify-content:flex-end;margin-top:-4px}.auth-forgot-link{background:none;border:none;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.auth-forgot-link:hover{text-decoration:underline}.auth-submit-btn{width:100%;padding:10px 0;border-radius:10px;border:none;background:var(--accent);color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;margin-top:4px}.auth-submit-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.auth-footer-text{text-align:center;font-size:12.5px;color:var(--text-3);margin-top:18px}.auth-footer-link{background:none;border:none;color:var(--accent);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit}.auth-footer-link:hover{text-decoration:underline}@media(max-width:768px){.sidebar-mobile-toggle{display:flex;position:fixed;top:9px;left:44px;width:30px;height:30px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);z-index:1100;transition:all .15s ease}.sidebar-mobile-toggle:hover,.sidebar-mobile-toggle.active{background:var(--surface-hover);color:var(--text);border-color:var(--border-hover)}.home-panel-inner{transform:translateY(-16px)}.sidebar-mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1200;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.16,1,.3,1)}.sidebar-mobile-backdrop.open{opacity:1;pointer-events:auto}.floating-sidebar{position:fixed;top:0;bottom:0;left:0;width:280px;max-width:84vw;height:100vh;height:100dvh;background:var(--surface);border:none;border-right:1px solid var(--border);border-radius:0 18px 18px 0;padding:0;margin:0;box-shadow:none;display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translate(-100%);opacity:1;visibility:visible;pointer-events:auto;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease;z-index:1201;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none}.floating-sidebar.mobile-open{transform:translate(0);box-shadow:0 10px 40px #0000004d,0 2px 10px #0000001a}.sidebar-slider-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;height:52px;box-sizing:border-box}.sidebar-slider-brand{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar-slider-logo{width:28px;height:28px;border-radius:50%;object-fit:cover;box-shadow:0 1px 4px #0000001a}.sidebar-slider-brand-text{display:flex;flex-direction:column;line-height:1.15}.sidebar-slider-title{font-size:14.5px;font-weight:700;color:var(--text);letter-spacing:-.2px}.sidebar-slider-sub{font-size:10.5px;font-weight:500;color:var(--text-3)}.sidebar-slider-close-btn{width:32px;height:32px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.sidebar-slider-close-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border)}.sidebar-slider-content{display:flex;flex-direction:column;gap:3px;padding:12px;overflow-y:auto;flex:1}.sidebar-slider-content::-webkit-scrollbar{width:4px}.sidebar-slider-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.floating-sidebar .sidebar-pill-btn{width:100%;height:40px;min-height:40px;border-radius:10px;padding:0 12px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;background:transparent;border:none;color:var(--text-2);cursor:pointer;font-size:13.5px;font-weight:500;font-family:inherit;transition:all .15s ease;box-sizing:border-box}.floating-sidebar .sidebar-pill-btn:hover{background:var(--surface-hover);color:var(--text)}.floating-sidebar .sidebar-pill-btn.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.sidebar-slider-label{display:inline-block;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-sidebar .sidebar-pill-btn .tooltip{display:none!important}.floating-sidebar .sidebar-new-chat-btn.sidebar-slider-new-chat{width:100%;height:42px;min-height:42px;border-radius:12px;padding:0 14px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600;font-size:13.5px;margin-bottom:4px;box-shadow:0 2px 10px #6366f14d}.floating-sidebar .sidebar-new-chat-btn.sidebar-slider-new-chat:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;transform:none;box-shadow:0 4px 14px #6366f173}.floating-sidebar .sidebar-pill-divider{width:100%;height:1px;background:var(--border);margin:6px 0}.floating-sidebar .apps-dropdown-menu{position:static;left:auto;bottom:auto;width:100%;margin-top:4px;border-radius:10px;box-shadow:none;border:1px solid var(--border);background:var(--surface-hover);padding:6px;box-sizing:border-box}.workspace-pane--chat .chat-scroll-area{padding-bottom:300px}}@media(max-width:480px){.sidebar-mobile-toggle{top:8px;left:38px;width:28px;height:28px}.floating-sidebar{width:270px;max-width:85vw}.home-panel-inner{padding:8px 12px 14px;max-width:100%;box-sizing:border-box;transform:translateY(-24px)}.home-panel-inner .hero-greeting{margin-bottom:12px}.hero-title{font-size:19px;letter-spacing:-.3px;line-height:1.25}.hero-mascot-inline{width:24px;height:24px}.prompt-card-wrapper{padding:12px 12px 8px;border-radius:16px;box-sizing:border-box;width:100%}.prompt-clean-textarea{font-size:14px;min-height:40px;line-height:1.4}.prompt-controls-bar{gap:4px;padding-top:2px;box-sizing:border-box}.prompt-controls-left{gap:4px;min-width:0;flex-shrink:1}.prompt-controls-right{gap:5px;flex-shrink:0}.prompt-icon-btn{width:28px;height:28px}.prompt-send-pill{width:28px;height:28px;border-radius:8px}.deep-research-pill{padding:4px 8px;font-size:11px;gap:4px}.suggestions-container{margin-top:14px;width:100%;max-width:100%;padding:0;gap:10px;box-sizing:border-box}.suggestions-pills-row{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;width:100%;max-width:100%;padding:0;overflow:visible}.suggestion-white-pill{width:100%;padding:8px 10px;font-size:12px;justify-content:flex-start;box-sizing:border-box}.suggestion-white-pill span{font-size:12px}.suggestions-ticker-row{width:100%;max-width:100%;padding:0 2px;gap:4px;margin-top:2px;box-sizing:border-box}.ticker-brain-badge{font-size:10.5px;gap:4px}.ticker-timer-text{font-size:10.5px}.chat-fixed-bottom-bar{padding:4px 8px max(8px,env(safe-area-inset-bottom,8px));bottom:0}.chat-fixed-bottom-bar .prompt-card-wrapper{padding:8px 10px 6px;border-radius:14px}.chat-fixed-bottom-bar .prompt-clean-textarea{min-height:32px;max-height:100px;font-size:13.5px;line-height:1.35}.chat-fixed-bottom-bar .chat-bar-tabs{transform:scale(.92);transform-origin:left bottom;margin-bottom:-2px}.chat-scroll-area{padding-bottom:190px!important}.split-view-container{flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;height:100%!important;gap:16px!important;padding:8px!important;box-sizing:border-box!important}.split-panel-item{flex:none!important;width:100%!important;min-height:520px!important;height:auto!important;display:flex!important}.split-panel{width:100%!important;min-height:520px!important;height:100%!important;border-radius:16px!important}.split-divider{display:none!important}.main-content--workspace{padding:4px 6px!important}.workspace-shell{flex-direction:column!important;width:100%!important;height:100%!important;overflow:hidden!important}.workspace-divider{display:none!important}.workspace-pane--chat,.workspace-pane--tools{min-width:0!important}.workspace-shell[data-mobile-tab=chat] .workspace-pane--chat{display:flex!important;width:100%!important;flex:1 1 100%!important;height:100%!important}.workspace-shell[data-mobile-tab=chat] .workspace-pane--tools,.workspace-shell[data-mobile-tab=browser] .workspace-pane--chat{display:none!important}.workspace-shell[data-mobile-tab=browser] .workspace-pane--tools{display:flex!important;width:100%!important;flex:1 1 100%!important;height:100%!important}.workspace-shell[data-mobile-tab=browser]~.sidebar-container-root .sidebar-mobile-toggle,.workspace-shell[data-mobile-tab=browser]~.sidebar-container-root .floating-sidebar{display:none!important}.workspace-shell[data-mobile-tab=chat]~.sidebar-container-root .sidebar-mobile-toggle{display:flex!important;z-index:60}.workspace-mobile-bottom-nav{display:flex!important;position:sticky;bottom:0;left:0;right:0;width:100%;height:56px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 12px #0000001a;flex-direction:row;align-items:stretch;z-index:100;flex-shrink:0}.workspace-mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--text-3);font-size:10.5px;font-weight:500;letter-spacing:.02em;transition:color .15s,background .15s;padding:6px 0;border-radius:0}.workspace-mobile-nav-btn:hover{color:var(--text);background:var(--hover)}.workspace-mobile-nav-btn.active{color:var(--accent)}.workspace-mobile-nav-btn.active svg{stroke:var(--accent)}.workspace-shell{padding-bottom:0!important}}.artifacts-sidebar{width:180px;min-width:180px;border-right:1px solid var(--border);overflow-y:auto;padding:6px}.artifacts-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-3);gap:8px}.artifacts-placeholder h4{font-size:14px;color:var(--text-2)}.artifacts-placeholder p{font-size:12px}.artifacts-viewer{display:flex;flex-direction:column;height:100%;overflow:hidden}.artifacts-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.artifacts-viewer-title{font-size:13px;font-weight:600}.artifacts-viewer-actions{display:flex;align-items:center;gap:4px}.artifacts-view-toggle{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.artifacts-view-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;background:none;border:none;cursor:pointer;color:var(--text-2)}.artifacts-view-btn.active{background:var(--accent-bg);color:var(--accent)}.artifacts-iframe{flex:1;width:100%;border:none;background:#fff}.artifacts-markdown-preview{flex:1;overflow-y:auto;padding:20px 24px;font-size:14px;line-height:1.65;color:var(--text)}.artifacts-editor{display:flex;flex-direction:column;flex:1;overflow:hidden}.artifacts-editor-textarea{flex:1;width:100%;border:none;padding:16px;font-family:Fira Code,monospace;font-size:13px;background:#1e1e1e;color:#d4d4d4;resize:none;outline:none;line-height:1.5}.artifacts-editor-actions{display:flex;gap:8px;padding:8px 12px;border-top:1px solid var(--border);justify-content:flex-end}.artifacts-create{padding:20px;display:flex;flex-direction:column;gap:10px}.artifacts-create h4{font-size:14px;margin-bottom:4px}.artifacts-input,.artifacts-select,.artifacts-textarea{padding:9px 12px;font-size:13px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none}.workspace-pane-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.workspace-pane-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--text-3);transition:.12s}.workspace-pane-tab:hover{color:var(--text-2)}.workspace-pane-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.workspace-pane-tab-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.projects-page{max-width:900px;margin:0 auto;padding:32px 24px}.projects-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.projects-header h1{font-size:22px;font-weight:700;margin:0 0 4px}.projects-header p{font-size:13px;color:var(--text-2);margin:0}.projects-create-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:.15s;white-space:nowrap}.projects-create-btn:hover{filter:brightness(1.1)}.projects-create-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.projects-input{padding:9px 12px;font-size:13px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none}.projects-input:focus{border-color:var(--accent)}.projects-color-picker{display:flex;align-items:center;gap:6px;padding:4px 0;color:var(--text-3)}.projects-color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:.15s;padding:0}.projects-color-swatch.active{border-color:var(--text);transform:scale(1.15)}.projects-form-actions{display:flex;gap:8px;justify-content:flex-end}.projects-btn{padding:8px 16px;font-size:12px;font-weight:500;border-radius:7px;border:none;cursor:pointer}.projects-btn.primary{background:var(--accent);color:#fff}.projects-btn.primary:disabled{opacity:.5}.projects-btn.secondary{background:var(--hover);color:var(--text-2)}.projects-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--text-3);font-size:13px}.projects-empty{text-align:center;padding:60px 20px;color:var(--text-3)}.projects-empty h3{font-size:16px;color:var(--text-2);margin:12px 0 6px}.projects-empty p{font-size:13px;margin-bottom:16px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;transition:.15s;position:relative;cursor:pointer}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card)}.project-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.project-card-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.project-card-name{font-size:14px;font-weight:600;margin:0}.project-card-rename input{font-size:14px;font-weight:600;padding:2px 6px;background:var(--bg);border:1px solid var(--accent);border-radius:6px;color:var(--text);outline:none;width:100%}.project-card-desc{font-size:12px;color:var(--text-2);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-stats{display:flex;gap:12px;font-size:11px;color:var(--text-3)}.project-card-stats span{display:flex;align-items:center;gap:4px}.project-card-actions{position:absolute;top:12px;right:12px;display:flex;gap:4px;opacity:0;transition:.15s}.project-card:hover .project-card-actions{opacity:1}.project-card-btn{background:none;border:none;cursor:pointer;color:var(--text-3);padding:4px;border-radius:5px;display:flex;transition:.12s}.project-card-btn:hover{background:var(--hover);color:var(--text)}.project-card-btn.danger:hover{color:#ef4444}.slash-command-menu{position:absolute;bottom:100%;left:0;right:0;margin-bottom:6px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-float);overflow:hidden;max-height:280px;overflow-y:auto;z-index:100;animation:fadeIn .12s}.slash-command-item{display:flex;align-items:center;gap:10px;padding:10px 14px;width:100%;border:none;background:none;cursor:pointer;text-align:left;transition:.08s}.slash-command-icon{font-size:16px;flex-shrink:0}.slash-command-label{display:block;font-size:13px;font-weight:500;color:var(--text)}.slash-command-desc{display:block;font-size:11px;color:var(--text-3);margin-top:1px}.slash-command-cmd{font-size:11px;color:var(--text-3);font-family:monospace;background:var(--hover);padding:2px 6px;border-radius:4px;flex-shrink:0}.connections-trigger-wrapper{position:relative;display:inline-flex}.prompt-icon-btn.connections-trigger-btn{position:relative}.prompt-icon-btn.connections-trigger-btn.active,.prompt-icon-btn.connections-trigger-btn.has-connections{color:var(--accent);background:var(--accent-bg)}.connections-badge-count{position:absolute;top:1px;right:1px;width:13px;height:13px;background:var(--accent);color:#fff;font-size:9px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px var(--surface);line-height:1}.connections-dropdown-menu{position:absolute;bottom:calc(100% + 12px);left:0;width:370px;max-width:92vw;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-float);z-index:120;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:dropdownPop .2s cubic-bezier(.16,1,.3,1) both}@keyframes dropdownPop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.connections-dropdown-header{padding:14px 16px 10px;border-bottom:1px solid var(--border);background:var(--surface)}.connections-dropdown-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.connections-title-left{display:flex;align-items:center;gap:8px}.connections-title-text{font-size:13.5px;font-weight:700;letter-spacing:-.2px;color:var(--text)}.connections-active-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:999px;background:#22c55e1f;color:#16a34a;font-size:10.5px;font-weight:600}[data-theme=dark] .connections-active-pill{background:#22c55e33;color:#4ade80}.active-green-dot{width:6px;height:6px;border-radius:50%;background:#22c55e}.active-green-dot.pulse{box-shadow:0 0 #22c55eb3;animation:greenPulse 2s infinite}@keyframes greenPulse{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.connections-close-icon-btn{background:transparent;border:none;color:var(--text-3);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .12s}.connections-close-icon-btn:hover{color:var(--text);background:var(--surface-hover)}.connections-search-wrap{position:relative;width:100%}.connections-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.connections-search-input{width:100%;padding:7px 28px 7px 30px;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:12px;outline:none;font-family:inherit;transition:border-color .15s}.connections-search-input:focus{border-color:var(--accent);background:var(--surface)}.connections-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-3);cursor:pointer;display:flex;align-items:center;justify-content:center}.connections-list-body{max-height:290px;overflow-y:auto;padding:6px 8px}.connections-empty-state{padding:24px 16px;text-align:center;color:var(--text-3);font-size:12px;display:flex;flex-direction:column;gap:8px;align-items:center}.connections-browse-all-link{background:transparent;border:none;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;font-family:inherit}.connections-item-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.connections-item-row:hover{background:var(--surface-hover)}.connections-item-row.is-connected{background:#4f46e50a}[data-theme=dark] .connections-item-row.is-connected{background:#6366f114}.connection-logo-wrap{width:32px;height:32px;border-radius:8px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 2px #0000000a}.connection-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.connection-item-name-row{display:flex;align-items:center;gap:6px}.connection-item-name{font-size:13px;font-weight:600;color:var(--text)}.connection-connected-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#16a34a}.connection-item-desc{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-action-side{flex-shrink:0}.connection-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-2);transition:all .15s ease;font-family:inherit}@media(max-width:640px){.connections-trigger-wrapper{position:static}.connections-dropdown-menu,.home-panel-inner .connections-dropdown-menu{left:50%!important;right:auto!important;transform:translate(-50%)!important;width:min(290px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;border-radius:16px}.home-panel-inner .connections-dropdown-menu{top:calc(100% + 8px)!important;bottom:auto!important;max-height:230px!important;animation:dropdownPopDownMobile .18s cubic-bezier(.16,1,.3,1) both!important}.connections-dropdown-menu{bottom:calc(100% + 10px)!important;top:auto!important;max-height:250px!important;animation:dropdownPopMobile .2s cubic-bezier(.16,1,.3,1) both!important}.connections-dropdown-header{padding:10px 12px 8px}.connections-dropdown-title-row{margin-bottom:8px}.connections-title-text{font-size:12.5px}.connections-search-input{padding:5px 22px 5px 26px;font-size:11px;height:28px}.connections-list-body{max-height:180px;padding:4px 6px}.connection-item-row{padding:6px 8px;gap:8px}.connection-item-name{font-size:12px}.connection-item-desc{font-size:10.5px}.connection-toggle-btn{padding:3px 8px;font-size:10px}}@keyframes dropdownPopMobile{0%{opacity:0;transform:translate(-50%,8px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes dropdownPopDownMobile{0%{opacity:0;transform:translate(-50%,-8px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}.artifacts-pane{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.artifacts-pane.artifacts-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--surface)}.artifacts-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.artifacts-header-left{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);font-weight:500}.artifacts-sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:var(--bg);border:1px solid var(--border);color:var(--text-2);cursor:pointer;padding:0;transition:all .15s ease;margin-right:2px}.artifacts-sidebar-toggle-btn:hover{background:var(--hover);color:var(--text);border-color:var(--border-strong, var(--border))}.artifacts-title{font-weight:600;color:var(--text)}.artifacts-count{font-size:10px;background:var(--border);color:var(--text-3);padding:1px 6px;border-radius:8px}.artifacts-header-right{display:flex;align-items:center;gap:4px}.artifacts-body{display:flex;flex:1;overflow:hidden}.artifacts-sidebar{width:180px;min-width:180px;border-right:1px solid var(--border);overflow-y:auto;padding:6px;scrollbar-width:none;-ms-overflow-style:none}.artifacts-sidebar::-webkit-scrollbar{display:none;width:0;height:0}.artifacts-empty{padding:20px 10px;text-align:center;font-size:12px;color:var(--text-3)}.artifacts-empty p{margin:4px 0}.artifacts-empty-hint{font-size:11px}.artifacts-list-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:.12s;font-size:12px}.artifacts-list-item:hover{background:var(--hover)}.artifacts-list-item.active{background:var(--accent-bg)}.artifacts-list-icon{color:var(--text-3);flex-shrink:0}.artifacts-list-item.active .artifacts-list-icon{color:var(--accent)}.artifacts-list-info{flex:1;min-width:0}.artifacts-list-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artifacts-list-type{font-size:10px;color:var(--text-3)}.artifacts-list-delete{background:none;border:none;cursor:pointer;color:var(--text-3);padding:2px;border-radius:4px;opacity:0;transition:.15s}.artifacts-list-item:hover .artifacts-list-delete{opacity:1}.artifacts-list-delete:hover{color:#ef4444}.artifacts-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.artifacts-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-3);gap:8px;text-align:center;padding:32px}.artifacts-placeholder h4{font-size:14px;color:var(--text-2);margin:0}.artifacts-placeholder p{font-size:12px;margin:0}.artifacts-studio{display:flex;flex-direction:column;height:100%;overflow:hidden}.artifacts-viewer-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.artifacts-viewer-left-group{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.artifacts-viewer-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artifacts-type-pill{font-size:10px;font-weight:600;color:var(--accent);background:var(--accent-bg);padding:2px 7px;border-radius:20px;white-space:nowrap;flex-shrink:0}.artifacts-view-mode-pills{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:7px;overflow:hidden;flex-shrink:0}.artifacts-mode-btn{display:flex;align-items:center;gap:4px;padding:4px 11px;font-size:11px;font-weight:500;background:none;border:none;cursor:pointer;color:var(--text-3);transition:.14s;white-space:nowrap}.artifacts-mode-btn:hover{color:var(--text-2);background:var(--hover)}.artifacts-mode-btn.active{background:var(--accent);color:#fff}.artifacts-viewport-pills{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:7px;overflow:hidden;flex-shrink:0}.artifacts-viewport-btn{display:flex;align-items:center;justify-content:center;padding:5px 9px;background:none;border:none;cursor:pointer;color:var(--text-3);transition:.14s}.artifacts-viewport-btn:hover{color:var(--text-2);background:var(--hover)}.artifacts-viewport-btn.active{background:var(--accent-bg);color:var(--accent)}.artifacts-viewer-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.artifacts-workspace{display:flex;flex:1;overflow:hidden;min-height:0}.artifacts-workspace.layout-split,.artifacts-workspace.layout-code{flex-direction:row}.artifacts-workspace.layout-preview{flex-direction:row;justify-content:center}.artifacts-editor-pane{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--border);overflow:hidden;min-width:0}.layout-code .artifacts-editor-pane{border-right:none}.artifacts-pane-subhead{display:flex;align-items:center;gap:5px;padding:5px 12px;font-size:10px;font-weight:600;color:var(--text-3);background:var(--bg);border-bottom:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.artifacts-code-editor{flex:1;width:100%;border:none;resize:none;outline:none;padding:14px 16px;font-family:Fira Code,JetBrains Mono,Cascadia Code,monospace;font-size:13px;line-height:1.55;background:#111214;color:#cdd6f4;-moz-tab-size:2;tab-size:2;scrollbar-width:none;-ms-overflow-style:none}.artifacts-code-editor::-webkit-scrollbar{display:none;width:0;height:0}.artifacts-code-editor::selection{background:#6c63ff59}.artifacts-preview-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:#0e0e0e;align-items:center;scrollbar-width:none;-ms-overflow-style:none}.artifacts-preview-pane::-webkit-scrollbar{display:none;width:0;height:0}.artifacts-frame-wrapper{flex:1;max-width:100%;overflow:auto;display:flex;justify-content:center;width:100%;transition:width .25s ease;scrollbar-width:none;-ms-overflow-style:none}.artifacts-frame-wrapper::-webkit-scrollbar{display:none;width:0;height:0}.artifacts-iframe{width:100%;height:100%;border:none;background:#fff;border-radius:4px;flex:1;scrollbar-width:none;-ms-overflow-style:none}.artifacts-iframe::-webkit-scrollbar{display:none;width:0;height:0}.artifacts-markdown-preview{flex:1;overflow-y:auto;padding:20px 24px;font-size:14px;line-height:1.65;color:var(--text);scrollbar-width:none;-ms-overflow-style:none}.artifacts-markdown-preview::-webkit-scrollbar{display:none;width:0;height:0}.artifacts-markdown-preview h1{font-size:22px;margin:16px 0 8px}.artifacts-markdown-preview h2{font-size:18px;margin:14px 0 6px}.artifacts-markdown-preview h3{font-size:15px;margin:12px 0 4px}.artifacts-markdown-preview code{background:var(--hover);padding:2px 6px;border-radius:4px;font-size:13px}.artifacts-markdown-preview ul{padding-left:20px;margin:8px 0}.artifacts-code-preview{flex:1;overflow:auto;padding:16px;margin:0;background:#1e1e1e;color:#d4d4d4;font-family:Fira Code,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.artifacts-create{padding:20px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.artifacts-create h4{font-size:15px;font-weight:700;margin-bottom:4px}.artifacts-input,.artifacts-select,.artifacts-textarea{padding:9px 12px;font-size:13px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none;width:100%}.artifacts-input:focus,.artifacts-select:focus{border-color:var(--accent)}.artifacts-textarea{font-family:Fira Code,monospace;resize:vertical;min-height:160px}.artifacts-create-actions{display:flex;gap:8px;justify-content:flex-end}.artifacts-btn{padding:7px 16px;font-size:12px;font-weight:500;border-radius:7px;border:none;cursor:pointer;transition:.12s}.artifacts-btn.primary{background:var(--accent);color:#fff}.artifacts-btn.primary:hover{filter:brightness(1.1)}.artifacts-btn.primary:disabled{opacity:.5;cursor:default}.artifacts-btn.secondary{background:var(--hover);color:var(--text-2)}.artifacts-btn.secondary:hover{background:var(--border)}.artifacts-icon-btn{background:none;border:none;cursor:pointer;color:var(--text-3);padding:4px;border-radius:5px;display:flex;align-items:center;transition:.12s}.artifacts-icon-btn:hover{background:var(--hover);color:var(--text)}.code-canvas-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;background:linear-gradient(135deg,#4f46e514,#6366f10a);border:1px solid rgba(79,70,229,.28);border-radius:6px;color:#4f46e5;cursor:pointer;transition:all .18s ease;white-space:nowrap}.code-canvas-btn:hover{background:linear-gradient(135deg,#4f46e529,#6366f11a);border-color:#4f46e5;color:#3730a3;box-shadow:0 0 8px #4f46e52e}.code-canvas-btn.active{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-color:transparent}[data-theme=dark] .code-canvas-btn{background:linear-gradient(135deg,#6c63ff2e,#a88bfa1a);border-color:#6c63ff66;color:#a78bfa}[data-theme=dark] .code-canvas-btn:hover{background:linear-gradient(135deg,#6c63ff4d,#a88bfa33);border-color:var(--accent);color:#fff;box-shadow:0 0 8px #6c63ff66}[data-theme=dark] .code-canvas-btn.active{background:linear-gradient(135deg,#6c63ff,#a78bfa);color:#fff;border-color:transparent}.msg-sources-section{margin-top:12px}.msg-sources-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.msg-sources-header-left{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-2)}.msg-sources-badge{background:var(--accent-bg);color:var(--accent);font-size:10px;font-weight:700;padding:1px 7px;border-radius:20px;border:1px solid rgba(108,99,255,.25)}.msg-sources-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.msg-citation-card{display:flex;flex-direction:column;gap:5px;padding:10px 11px;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit;transition:.18s;cursor:pointer;overflow:hidden}.msg-citation-card:hover{border-color:var(--accent);background:var(--accent-bg);transform:translateY(-1px);box-shadow:0 4px 14px #6c63ff2e}.msg-citation-card-top{display:flex;align-items:center;gap:6px}.msg-citation-favicon{width:14px;height:14px;border-radius:3px;object-fit:cover;flex-shrink:0}.msg-citation-domain{font-size:10px;font-weight:600;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.msg-citation-idx{font-size:9px;font-weight:700;color:var(--accent);background:var(--accent-bg);border-radius:4px;padding:1px 5px;flex-shrink:0}.msg-citation-title{font-size:11px;font-weight:500;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msg-citation-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.msg-citation-verified{font-size:9px;font-weight:700;color:#22c55e;letter-spacing:.03em}.msg-citation-arrow{color:var(--text-3);flex-shrink:0;transition:.15s}.msg-citation-card:hover .msg-citation-arrow{color:var(--accent)}.task-run-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;background:#6c63ff24;border:1px solid rgba(108,99,255,.35);border-radius:6px;color:#a78bfa;cursor:pointer;transition:.16s;white-space:nowrap}.task-run-btn:hover:not(:disabled){background:#6c63ff47;border-color:var(--accent);color:#fff}.task-run-btn.running{opacity:.7;cursor:wait}.task-run-btn .spin{animation:spin 1s linear infinite}.task-email-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:500;background:#22c55e14;border:1px solid rgba(34,197,94,.22);border-radius:9999px;color:#22c55e;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-result-box{margin-top:8px;border-radius:8px;border:1px solid var(--border);overflow:hidden}.task-result-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:7px 12px;background:var(--bg);border:none;cursor:pointer;font-size:11px;font-weight:600;color:var(--text-2);transition:.12s}.task-result-toggle:hover{background:var(--hover)}.task-result-content{padding:12px;background:var(--surface);font-size:12px;line-height:1.65;color:var(--text-2);white-space:pre-wrap;max-height:260px;overflow-y:auto;border-top:1px solid var(--border)}.task-save-artifact-btn{display:block;width:100%;padding:8px 12px;margin-top:6px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s}.task-save-artifact-btn:hover{opacity:.85}.tasks-input-with-icon{position:relative;display:flex;align-items:center}.tasks-input-with-icon .tasks-field-icon{position:absolute;left:10px;color:var(--text-3);pointer-events:none}.tasks-input.with-icon{padding-left:32px;width:100%}.connection-toggle-btn:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text)}.connection-toggle-btn.connected{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.connection-toggle-btn.connected:hover{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.connection-toggle-btn.connected:hover .btn-state-text:after{content:" (Off)"}.connection-spin-dot{width:10px;height:10px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.connections-dropdown-footer{padding:8px;border-top:1px solid var(--border);background:var(--surface-hover)}.connections-more-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit}.connections-more-btn:hover{border-color:var(--accent);background:var(--accent-bg);transform:translateY(-1px)}.more-btn-left{display:flex;align-items:center;gap:10px}.more-btn-icon-stack{width:28px;height:28px;border-radius:8px;background:var(--accent-bg);color:var(--accent);display:flex;align-items:center;justify-content:center}.sparkle-accent{color:var(--accent)}.more-btn-text-wrap{display:flex;flex-direction:column}.more-btn-title{font-size:12.5px;font-weight:700;color:var(--text)}.more-btn-sub{font-size:10.5px;color:var(--text-3);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-btn-arrow{color:var(--text-3);transition:transform .15s ease}.connections-more-btn:hover .more-btn-arrow{transform:translate(3px);color:var(--accent)}.connections-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:5000;padding:20px;animation:fadeIn .15s ease-out both}.connections-modal-dialog{width:860px;max-width:100%;height:640px;max-height:88vh;min-height:480px;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:modalScaleUp .25s cubic-bezier(.16,1,.3,1) both}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.connections-modal-header{padding:22px 26px 16px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface)}.connections-modal-title-group{display:flex;flex-direction:column;gap:4px}.connections-modal-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);margin-bottom:2px}.connections-modal-title{font-size:19px;font-weight:800;letter-spacing:-.4px;color:var(--text);margin:0}.connections-modal-subtitle{font-size:12.5px;color:var(--text-3);margin:0;max-width:540px}.connections-modal-header-actions{display:flex;align-items:center;gap:12px}.connections-active-indicator{display:flex;align-items:center;gap:6px;font-size:12px;padding:6px 12px;border-radius:999px;background:var(--surface-hover);border:1px solid var(--border);color:var(--text)}.connections-modal-close-btn{width:32px;height:32px;border-radius:50%;background:var(--surface-hover);border:1px solid var(--border);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.connections-modal-close-btn:hover{background:var(--border);color:var(--text)}.connections-filter-toolbar{padding:12px 24px;background:var(--surface-hover);border-bottom:1px solid var(--border);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box}.connections-category-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.connections-category-tabs::-webkit-scrollbar{display:none}.category-tab-pill{padding:5px 13px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:inherit;display:inline-flex;align-items:center}.category-tab-pill:hover{border-color:var(--border-hover);color:var(--text)}.category-tab-pill.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 6px #4f46e540}.connections-modal-search-box{position:relative;width:280px;max-width:100%;flex-shrink:1}.connections-modal-search-box .search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.connections-modal-search-input{width:100%;padding:7px 30px 7px 32px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:12.5px;outline:none;font-family:inherit;transition:all .15s;box-sizing:border-box}.connections-modal-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-3);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:50%}.search-clear-btn:hover{color:var(--text)}.connections-modal-grid-container{flex:1;overflow-y:auto;padding:20px 26px 26px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.connections-modal-grid-container::-webkit-scrollbar{width:6px}.connections-modal-grid-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.connections-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px;align-items:stretch}.connection-card-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:140px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm);box-sizing:border-box}.connection-card-box:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-card)}.connection-card-box.is-active-card{border-color:var(--accent-border);background:linear-gradient(180deg,var(--surface) 0%,var(--accent-bg) 100%)}.card-top-row{display:flex;align-items:center;justify-content:space-between}.card-logo-container{width:36px;height:36px;border-radius:10px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000008}.card-category-tag{font-size:10.5px;font-weight:600;color:var(--text-3);background:var(--surface-hover);padding:2px 8px;border-radius:6px}.card-info-group{display:flex;flex-direction:column;gap:4px}.card-item-title{font-size:14px;font-weight:700;color:var(--text);margin:0}.card-item-description{font-size:11.5px;line-height:1.45;color:var(--text-3);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer-row{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border)}.card-status-pill{font-size:11px}.status-connected-text{display:inline-flex;align-items:center;gap:4px;color:#16a34a;font-weight:600}.small-green-dot{width:5px;height:5px;border-radius:50%;background:#22c55e}.status-not-connected-text{color:var(--text-3)}.card-action-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:all .15s ease;font-family:inherit}.card-action-btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.card-action-btn.connected{background:#22c55e1f;border-color:#22c55e4d;color:#16a34a}.card-action-btn.connected:hover{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.connections-modal-empty{padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.connections-modal-empty .empty-icon{color:var(--text-3);opacity:.5}.connections-modal-empty h3{font-size:15px;font-weight:700;color:var(--text);margin:0}.connections-modal-empty p{font-size:12.5px;color:var(--text-3);margin:0}.reset-filters-btn{margin-top:8px;padding:6px 14px;border-radius:8px;background:var(--accent);color:#fff;border:none;font-size:12px;font-weight:600;cursor:pointer}.connections-modal-footer{padding:14px 26px;border-top:1px solid var(--border);background:var(--surface-hover);display:flex;align-items:center;justify-content:space-between}.security-notice-left{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-3)}.security-lock-icon{color:var(--accent);flex-shrink:0}.connections-modal-done-btn{padding:8px 22px;border-radius:10px;background:var(--accent);color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.connections-modal-done-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.slash-command-menu{position:absolute;bottom:100%;left:0;right:auto;width:380px;max-width:92vw;margin-bottom:8px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 36px #00000059;overflow:hidden;z-index:100;max-height:300px;display:flex;flex-direction:column;animation:fadeIn .12s}.slash-menu-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 6px;border-bottom:1px solid var(--border);flex-shrink:0}.slash-menu-title{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.slash-category-pills{display:flex;gap:4px}.slash-cat-pill{padding:3px 8px;font-size:10px;font-weight:500;border-radius:6px;border:1px solid var(--border);background:none;color:var(--text-3);cursor:pointer;transition:.12s}.slash-cat-pill:hover{background:var(--hover);color:var(--text-2)}.slash-cat-pill.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.slash-menu-list{overflow-y:auto;flex:1;padding:4px;max-height:200px}.slash-menu-empty{padding:20px;text-align:center;font-size:12px;color:var(--text-3)}.slash-command-item{display:flex;align-items:center;gap:10px;padding:7px 10px;width:100%;border:none;background:none;cursor:pointer;text-align:left;border-radius:8px;transition:.08s}.slash-command-item:hover,.slash-command-item.active{background:var(--accent-bg)}.slash-command-icon-wrap{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.slash-command-info{flex:1;min-width:0}.slash-command-label{display:block;font-size:12.5px;font-weight:500;color:var(--text);line-height:1.2}.slash-command-desc{display:block;font-size:10.5px;color:var(--text-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slash-command-cmd{font-size:10px;color:var(--text-3);font-family:monospace;background:var(--hover);padding:2px 6px;border-radius:4px;flex-shrink:0;white-space:nowrap}.slash-menu-footer{display:flex;gap:12px;padding:6px 12px;border-top:1px solid var(--border);font-size:10px;color:var(--text-3);flex-shrink:0}.at-mention-menu{position:absolute;bottom:100%;left:0;right:auto;width:380px;max-width:92vw;margin-bottom:8px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 36px #00000059;overflow:hidden;z-index:100;max-height:300px;display:flex;flex-direction:column;animation:fadeIn .12s}.chat-fixed-bottom-bar .slash-command-menu,.chat-fixed-bottom-bar .at-mention-menu,.chat-bottom-inner .slash-command-menu,.chat-bottom-inner .at-mention-menu{width:380px;max-width:92vw;left:0;right:auto;bottom:100%}.at-menu-header{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.at-menu-title{flex:1}.at-menu-list{overflow-y:auto;flex:1;padding:4px}.at-menu-empty{padding:20px;text-align:center;font-size:12px;color:var(--text-3)}.at-menu-section-label{padding:10px 10px 4px;font-size:10.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.at-menu-section-label:first-child{padding-top:6px}.at-mention-item{display:flex;align-items:center;gap:10px;padding:8px 10px;width:100%;border:none;background:none;cursor:pointer;text-align:left;border-radius:8px;transition:.08s}.at-mention-item:hover,.at-mention-item.active{background:var(--accent-bg)}.at-mention-item.disabled{opacity:.45;cursor:not-allowed}.at-mention-item.disabled:hover{background:none}.at-mention-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:var(--hover);flex-shrink:0}.at-mention-info{flex:1;min-width:0}.at-mention-label{display:block;font-size:13px;font-weight:500;color:var(--text);line-height:1.2}.at-mention-desc{display:block;font-size:11px;color:var(--text-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.at-mention-tag{font-size:10px;padding:2px 7px;border-radius:5px;background:var(--hover);color:var(--text-3);flex-shrink:0}.at-mention-tag.connected{background:#22c55e1a;color:#22c55e}.at-menu-footer{display:flex;gap:12px;padding:6px 12px;border-top:1px solid var(--border);font-size:10px;color:var(--text-3);flex-shrink:0}.deep-research-active-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;background:#3b82f614;color:#3b82f6;border-bottom:1px solid rgba(59,130,246,.15)}.deep-research-active-bar span{flex:1}.deep-research-active-bar button{background:none;border:none;cursor:pointer;color:#3b82f6;padding:2px;display:flex;opacity:.7}.deep-research-active-bar button:hover{opacity:1}.model-selector-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:500;border-radius:7px;border:1px solid var(--border);background:var(--bg);color:var(--text-2);cursor:pointer;transition:.12s;white-space:nowrap}.model-selector-pill:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-bg)}.model-picker-popup{position:absolute;bottom:100%;right:0;margin-bottom:6px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0000002e;overflow:hidden;z-index:101;width:260px;animation:fadeIn .12s}.model-picker-header{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.model-picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:none;cursor:pointer;text-align:left;transition:.08s}.model-picker-item:hover,.model-picker-item.active{background:var(--accent-bg)}.model-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.model-item-info{flex:1;min-width:0}.model-item-name{display:block;font-size:13px;font-weight:500;color:var(--text)}.model-item-desc{display:block;font-size:11px;color:var(--text-3);margin-top:1px}.model-check{font-size:12px;color:var(--accent);font-weight:600}.file-card{display:flex;align-items:center;gap:14px;padding:14px 18px;margin:12px 0;background:var(--bg);border:1px solid var(--border);border-radius:14px;transition:border-color .15s}.file-card:hover{border-color:var(--border-hover)}.file-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-card-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.file-card-name{font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-type{font-size:11.5px;color:var(--text-3)}.file-card-download{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;flex-shrink:0}.file-card-download:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.file-card-download:disabled{opacity:.6;cursor:not-allowed}.file-card-wrapper{margin:12px 0}.file-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.file-card-preview-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--accent);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.file-card-preview-btn:hover{background:var(--accent-bg);border-color:var(--accent-border)}.pending-actions-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.pending-action-card{background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:12px;padding:14px 16px}.pending-action-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.pending-action-title{font-size:13px;font-weight:700;color:var(--text)}.pending-action-badge{margin-left:auto;font-size:11px;font-weight:600;color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px 10px;display:inline-flex;align-items:center;gap:4px}.pending-action-badge-done{color:#16a34a;border-color:#bbf7d0;background:#f0fdf4}.pending-action-preview{font-size:13px;color:var(--text-2);line-height:1.6;background:var(--surface);border-radius:10px;padding:10px 12px;margin-bottom:10px}.pending-action-field-label{color:var(--text-3);font-weight:600;margin-right:6px}.pending-action-body-preview{margin-top:6px;white-space:pre-wrap;color:var(--text)}.pending-action-error{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#dc2626;margin-bottom:10px}.pending-action-buttons{display:flex;gap:8px}.pending-action-confirm-btn,.pending-action-cancel-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;border:1px solid var(--border)}.pending-action-confirm-btn{background:#16a34a;border-color:#16a34a;color:#fff}.pending-action-confirm-btn:hover:not(:disabled){background:#15803d}.pending-action-confirm-btn:disabled{opacity:.7;cursor:default}.pending-action-cancel-btn{background:var(--surface);color:var(--text-2)}.pending-action-cancel-btn:hover{background:var(--accent-bg)}.file-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.file-preview-popup{width:90vw;max-width:960px;height:80vh;max-height:720px;background:#0f1320;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0d;animation:popupSlideUp .25s ease}@keyframes popupSlideUp{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.file-preview-popup-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#151a2e;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.file-preview-popup-title{display:flex;align-items:center;gap:8px;color:#e2e8f0;font-size:13px;font-weight:600}.file-preview-popup-actions{display:flex;gap:8px;align-items:center}.file-preview-popup-download-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;border:none;background:var(--accent, #6c5ce7);color:#fff;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.file-preview-popup-download-btn:hover{background:#5a4bd1}.file-preview-popup-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:#ffffff14;color:#94a3b8;font-size:16px;cursor:pointer;transition:all .15s}.file-preview-popup-close:hover{background:#ef444433;color:#ef4444}.file-preview-popup-body{flex:1;overflow:hidden;min-height:0}.file-preview-iframe{width:100%;height:100%;border:none}.file-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b;gap:12px}.file-preview-placeholder p{font-size:14px}.file-preview-placeholder button{padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e2e8f0;cursor:pointer;font-size:13px;font-family:inherit}.msg-timestamp{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px}.msg-timestamp span,.msg-elapsed-badge{font-size:10px;color:var(--text-3);font-family:monospace;opacity:.7}.msg-effort-badge{font-size:10px;padding:1px 6px;border-radius:8px;font-weight:600;font-family:system-ui,sans-serif;letter-spacing:.3px}.msg-effort-badge.effort-fast{background:#fef3c7;color:#92400e}.msg-effort-badge.effort-balanced{background:#dbeafe;color:#1e40af}.msg-effort-badge.effort-deep{background:#ede9fe;color:#5b21b6}[data-theme=dark] .msg-effort-badge.effort-fast{background:#451a03;color:#fcd34d}[data-theme=dark] .msg-effort-badge.effort-balanced{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .msg-effort-badge.effort-deep{background:#2e1065;color:#c4b5fd}.msg-model-meta{display:flex;align-items:center;gap:5px;margin-top:2px;font-size:10px;font-family:monospace;color:var(--text-3);opacity:.65}.msg-model-meta-dot{opacity:.6}.msg-model-name{text-transform:capitalize}.msg-sources-section{margin-top:10px;border-top:1px solid rgba(255,255,255,.06);padding-top:0}.msg-sources-section[open] .msg-sources-chevron{transform:rotate(180deg)}.msg-sources-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:#ffffff08;border:none;border-radius:8px;cursor:pointer;transition:background .15s;margin-top:6px;list-style:none}.msg-sources-toggle::-webkit-details-marker{display:none}.msg-sources-toggle::marker{display:none;content:""}.msg-sources-toggle:hover{background:#ffffff0f}.msg-sources-toggle-left{display:flex;align-items:center;gap:6px;color:var(--text-2)}.msg-sources-count{font-size:12px;font-weight:600;color:var(--text-2)}.msg-sources-chevron{color:var(--text-3);transition:transform .2s ease}.msg-sources-list{display:flex;flex-direction:column;gap:2px;padding:6px 0 4px;animation:sourcesSlideIn .2s ease-out}@keyframes sourcesSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.msg-source-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;text-decoration:none;color:var(--text-2);font-size:12px;transition:background .12s,color .12s;cursor:pointer}.msg-source-item:hover{background:#ffffff0f;color:var(--accent)}.msg-source-item:hover .msg-source-url{color:var(--accent)}.msg-source-label{font-weight:500;flex-shrink:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-source-url{font-size:11px;color:var(--text-3);margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.prompt-card-wrapper{position:relative}.prompt-card-wrapper.drag-over{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-border)}.drag-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#4f46e50f;border:2px dashed var(--accent);border-radius:var(--radius-card);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .12s;pointer-events:none}.drag-drop-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--accent)}.drag-drop-title{font-size:15px;font-weight:700;color:var(--accent)}.drag-drop-subtitle{font-size:12px;color:var(--text-3)}.file-preview-strip{display:flex;gap:8px;padding:10px 14px 4px;overflow-x:auto;scrollbar-width:thin;border-bottom:none!important}.file-preview-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-shrink:0;max-width:260px;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.file-preview-chip:hover{border-color:var(--border-hover, var(--border))}.file-preview-img-wrap{width:32px;height:32px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--surface-hover)}.file-preview-doc{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--accent-bg);flex-shrink:0}.file-preview-info{display:flex;flex-direction:column;min-width:0;flex:1}.file-preview-name{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-meta{font-size:10px;color:var(--text-3)}.file-preview-remove-btn{width:22px;height:22px;min-width:22px;border-radius:50%;border:1px solid var(--border);background:var(--surface-hover, var(--surface));color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin-left:4px;opacity:1!important;visibility:visible!important;box-shadow:0 1px 2px #00000014;transition:all .15s ease;flex-shrink:0}.file-preview-chip:hover .file-preview-remove-btn{opacity:1!important}.file-preview-remove-btn:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;transform:scale(1.08)}.url-input-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);color:var(--text-3);animation:fadeIn .12s}.url-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12.5px;color:var(--text);font-family:inherit;outline:none}.url-input:focus{border-color:var(--accent)}.url-add-btn{padding:5px 12px;border-radius:6px;border:none;background:var(--accent);color:#fff;font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit}.url-add-btn:hover{background:var(--accent-hover)}.url-cancel-btn{padding:4px;border:none;background:transparent;color:var(--text-3);cursor:pointer;display:flex;border-radius:4px}.url-cancel-btn:hover{background:var(--surface-hover);color:var(--text)}.attachment-btn-group{display:flex;align-items:center;gap:2px}.prompt-icon-btn-small{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s}.prompt-icon-btn-small:hover{background:var(--surface-hover);color:var(--text)}.wand-btn{position:relative;transition:all .2s}.wand-btn.has-content{color:var(--accent)}.wand-btn.has-content:hover{background:var(--accent-bg);color:var(--accent)}.wand-btn.enhancing{color:var(--accent);opacity:.7}.wand-btn .spin{animation:wand-spin .8s linear infinite}@keyframes wand-spin{to{transform:rotate(360deg)}}.wand-btn.enhanced:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:var(--accent);opacity:0;animation:wand-sparkle .4s ease-out}@keyframes wand-sparkle{0%{opacity:.3;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.wand-btn.is-restore{color:#f59e0b;background:#f59e0b1a;border-radius:8px}.wand-btn.is-restore:hover{background:#f59e0b2e;color:#fbbf24}.wand-btn.is-restore svg{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.wand-btn.is-restore:hover svg{transform:rotate(-45deg)}.share-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:share-fade-in .18s ease-out}@keyframes share-fade-in{0%{opacity:0}to{opacity:1}}.share-popup{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 40px #00000059,0 0 0 1px #ffffff0d;overflow:hidden;display:flex;flex-direction:column;animation:share-scale-in .2s cubic-bezier(.16,1,.3,1)}@keyframes share-scale-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.share-popup-header{display:flex;align-items:center;gap:12px;padding:20px 22px 16px;border-bottom:1px solid var(--border);position:relative}.share-popup-icon-wrap{width:36px;height:36px;border-radius:10px;background:var(--accent-bg, rgba(99, 102, 241, .12));color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.share-popup-title{margin:0;font-size:16px;font-weight:700;color:var(--text);line-height:1.25}.share-popup-subtitle{margin:2px 0 0;font-size:12.5px;color:var(--text-3)}.share-popup-close{margin-left:auto;background:transparent;border:none;color:var(--text-3);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s}.share-popup-close:hover{background:var(--surface-hover);color:var(--text)}.share-popup-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:18px}.share-popup-field{display:flex;flex-direction:column;gap:7px}.share-popup-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}.share-link-box{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:4px 6px 4px 12px;transition:border-color .15s}.share-link-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.share-link-input{flex:1;border:none;background:transparent;color:var(--text);font-size:13px;font-family:inherit;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-link-copy-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:inherit}.share-link-copy-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.share-link-copy-btn.success{background:#16a34a}.share-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-perm-card{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;transition:all .15s;font-family:inherit}.share-perm-card:hover{background:var(--surface-hover);border-color:var(--border-hover)}.share-perm-card.active{border-color:var(--accent);background:var(--accent-bg, rgba(99, 102, 241, .08))}.share-perm-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text)}.share-perm-card.active .share-perm-title{color:var(--accent)}.share-perm-desc{font-size:11px;color:var(--text-3);line-height:1.35}.share-popup-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:8px;border-top:1px solid var(--border)}.share-secondary-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-2);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.share-secondary-action-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-hover)}.toast-notification{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:12px;font-size:13px;font-weight:600;z-index:9999;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #00000026;animation:toastSlideIn .3s ease-out}.toast-error{background:#ef4444;color:#fff}.toast-success{background:#22c55e;color:#fff}.toast-icon{font-size:14px;font-weight:700}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.settings-page{width:100%;max-width:1100px;margin:0 auto;padding:20px 24px;height:100vh;overflow-y:auto}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border)}.settings-title{font-size:24px;font-weight:800;color:var(--text);letter-spacing:-.4px}.settings-subtitle{font-size:13px;color:var(--text-3);margin-top:4px}.settings-back-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.settings-back-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-hover)}.settings-layout{display:flex;gap:24px;min-height:70vh}.settings-nav{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:2px}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:none;background:transparent;color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .12s;text-align:left;width:100%}.settings-nav-item:hover{background:var(--surface-hover);color:var(--text)}.settings-nav-item.active{background:var(--accent-bg);color:var(--accent)}.settings-nav-arrow{margin-left:auto;opacity:0;transition:opacity .12s}.settings-nav-item:hover .settings-nav-arrow,.settings-nav-item.active .settings-nav-arrow{opacity:1}.settings-content{flex:1;min-width:0}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px}.settings-section-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px}.settings-section-desc{font-size:13px;color:var(--text-3);margin-bottom:24px}.settings-field{margin-bottom:22px}.settings-label{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px}.settings-hint{font-size:12px;color:var(--text-3);margin-bottom:8px}.settings-input,.settings-select,.settings-textarea{width:100%;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.settings-input:focus,.settings-select:focus,.settings-textarea:focus{border-color:var(--accent)}.settings-textarea{resize:vertical;min-height:80px}.settings-range{width:100%;height:6px;-webkit-appearance:none;background:var(--border);border-radius:3px;outline:none}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 2px 6px #6366f14d}.settings-range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-3);margin-top:4px}.settings-toggle-row{display:flex;align-items:center;gap:10px}.settings-toggle{position:relative;width:44px;height:24px;cursor:pointer}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:12px;transition:.2s}.settings-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.settings-toggle input:checked+.settings-toggle-slider{background:var(--accent)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(20px)}.settings-toggle-label{font-size:13px;color:var(--text-2)}.settings-info-box{display:flex;gap:12px;padding:14px;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:12px;margin-bottom:20px}.settings-info-box svg{color:var(--accent);flex-shrink:0;margin-top:2px}.settings-info-box strong{font-size:13px;color:var(--text)}.settings-info-box p{font-size:12px;color:var(--text-2);margin-top:2px}.settings-api-key-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px}.settings-api-key-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.settings-api-key-label{font-size:14px;font-weight:700;color:var(--text)}.settings-api-key-desc{font-size:12px;color:var(--text-3);margin-top:2px}.settings-api-key-link{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap}.settings-api-key-link:hover{text-decoration:underline}.settings-api-key-input-row{display:flex;align-items:center;gap:10px}.settings-api-key-input-wrap{flex:1;display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0 4px 0 12px}.settings-api-key-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:13px;font-family:monospace;padding:8px 0}.settings-api-key-toggle,.settings-api-key-copy{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s}.settings-api-key-toggle:hover,.settings-api-key-copy:hover{background:var(--surface-hover);color:var(--text)}.settings-api-key-status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#22c55e;white-space:nowrap}.settings-theme-grid{display:flex;gap:12px}.settings-theme-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:12px;border:2px solid var(--border);background:var(--bg);cursor:pointer;transition:all .15s;font-family:inherit;color:var(--text-2)}.settings-theme-card:hover{border-color:var(--border-hover);background:var(--surface-hover)}.settings-theme-card.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.settings-theme-label{font-size:13px;font-weight:700}.settings-theme-desc{font-size:11px;color:var(--text-3)}.settings-color-grid{display:flex;gap:8px;flex-wrap:wrap}.settings-color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s}.settings-color-swatch:hover{transform:scale(1.15);border-color:var(--text-3)}.settings-billing-current{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:12px;margin-bottom:24px}.settings-billing-current-info{display:flex;align-items:center;gap:12px}.settings-billing-icon{color:var(--accent)}.settings-billing-current-info h3{font-size:14px;font-weight:700;color:var(--text)}.settings-billing-current-info p{font-size:12px;color:var(--text-2);margin-top:2px}.settings-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.settings-plan-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:20px;position:relative;display:flex;flex-direction:column}.settings-plan-card.recommended{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.settings-plan-card.current{opacity:.6}.settings-plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:3px 12px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;border-radius:var(--radius-pill);letter-spacing:.3px}.settings-plan-name{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px}.settings-plan-price{display:flex;align-items:baseline;gap:2px;margin-bottom:16px}.settings-plan-amount{font-size:28px;font-weight:800;color:var(--text)}.settings-plan-period{font-size:13px;color:var(--text-3)}.settings-plan-features{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px;flex:1}.settings-plan-features li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2)}.settings-plan-features li svg{color:#22c55e;flex-shrink:0}.settings-plan-btn{width:100%;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.settings-plan-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.settings-plan-btn.primary:hover{background:var(--accent-hover)}.settings-plan-btn.current{cursor:default}.settings-billing-history{margin-bottom:20px}.settings-billing-history h3{font-size:14px;font-weight:700;color:var(--text);margin-bottom:10px}.settings-billing-history-list{display:flex;flex-direction:column;gap:4px}.settings-billing-history-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg);border-radius:8px;font-size:13px}.settings-billing-history-type{font-weight:600;color:var(--text);text-transform:capitalize}.settings-billing-history-plan{color:var(--accent);font-weight:600}.settings-billing-history-date{margin-left:auto;color:var(--text-3);font-size:12px}.settings-billing-history-empty{font-size:13px;color:var(--text-3);padding:16px;text-align:center;background:var(--bg);border-radius:10px}.settings-model-comparison{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.settings-comparison-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:12px}.settings-comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.settings-comparison-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px}.settings-comparison-name{font-size:13px;font-weight:700;color:var(--text)}.settings-comparison-badge{display:inline-block;font-size:10px;font-weight:700;color:var(--accent);background:var(--accent-bg);padding:2px 8px;border-radius:var(--radius-pill);margin:4px 0 6px}.settings-comparison-prices{display:flex;gap:12px;font-size:12px;color:var(--text-2)}.settings-profile-card{display:flex;align-items:center;gap:16px;padding:18px;background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-bottom:24px}.settings-profile-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#8b5cf6 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0}.settings-profile-info h3{font-size:16px;font-weight:700;color:var(--text)}.settings-profile-info p{font-size:13px;color:var(--text-3)}.settings-profile-plan-badge{display:inline-block;margin-top:4px;padding:2px 10px;background:var(--accent-bg);color:var(--accent);font-size:11px;font-weight:700;border-radius:var(--radius-pill)}.settings-danger-zone{margin-top:24px;padding-top:20px;border-top:1px solid #ef444444}.settings-danger-zone h3{font-size:14px;font-weight:700;color:#ef4444;margin-bottom:12px}.settings-danger-actions{display:flex;align-items:center;justify-content:space-between;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-bottom:8px}.settings-danger-actions strong{font-size:13px;color:var(--text)}.settings-danger-actions p{font-size:12px;color:var(--text-3);margin-top:2px}.settings-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.settings-btn:hover{background:var(--surface-hover)}.settings-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.settings-btn.primary:hover{background:var(--accent-hover)}.settings-btn.danger{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.settings-btn.danger:hover{background:#ef444426}.settings-btn.outline{background:transparent}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-save-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.settings-save-msg{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#22c55e}.agents-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:24px;animation:fadeIn .15s ease-out}.agents-modal-dialog{background:var(--bg-card, var(--surface, #18181b));border:1px solid var(--border, #27272a);border-radius:18px;width:100%;max-width:1080px;height:86vh;max-height:840px;display:flex;flex-direction:column;box-shadow:0 25px 60px -15px #00000080,0 0 0 1px #ffffff0d;overflow:hidden;position:relative}.agents-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border, #27272a);background:var(--surface-header, var(--bg, #09090b))}.agents-modal-header-left{display:flex;align-items:center;gap:14px}.agents-modal-badge-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#3b82f626,#a855f726);border:1px solid rgba(59,130,246,.3);color:var(--accent, #3b82f6);display:flex;align-items:center;justify-content:center}.agents-modal-title-row{display:flex;align-items:center;gap:10px}.agents-modal-title{font-size:18px;font-weight:700;color:var(--text, #fafafa);margin:0;letter-spacing:-.02em}.agents-pill-count{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:var(--surface-hover, rgba(255, 255, 255, .08));color:var(--text-2, #a1a1aa);border:1px solid var(--border, #27272a)}.agents-modal-subtitle{font-size:12.5px;color:var(--text-3, #71717a);margin:2px 0 0}.agents-modal-header-actions{display:flex;align-items:center;gap:10px}.agents-create-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;background:var(--accent, #3b82f6);color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 14px #3b82f640}.agents-create-btn:hover{background:var(--accent-hover, #2563eb);transform:translateY(-1px)}.agents-back-btn{padding:7px 14px;border-radius:8px;background:var(--surface-hover, rgba(255, 255, 255, .06));color:var(--text, #fafafa);border:1px solid var(--border, #27272a);font-size:12.5px;font-weight:500;cursor:pointer}.agents-back-btn:hover{background:var(--surface-active, rgba(255, 255, 255, .1))}.agents-modal-close{width:34px;height:34px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-3, #71717a);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.agents-modal-close:hover{background:var(--surface-hover, rgba(255, 255, 255, .08));color:var(--text, #fafafa)}.agents-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.agents-catalog-container{display:flex;flex-direction:column;gap:18px;width:100%}.agents-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px;flex-wrap:wrap;width:100%}.agents-search-wrap{position:relative;flex:1;min-width:240px;max-width:440px}.agents-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-3, #71717a);pointer-events:none}.agents-search-input{width:100%;padding:8px 32px 8px 36px;background:var(--bg, #09090b);border:1px solid var(--border, #27272a);border-radius:10px;font-size:13px;color:var(--text, #fafafa);outline:none;font-family:inherit;transition:border-color .15s ease}.agents-search-input:focus{border-color:var(--accent, #3b82f6)}.agents-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-3, #71717a);cursor:pointer;display:flex;align-items:center;justify-content:center}.agents-category-pills{display:flex;align-items:center;gap:6px;overflow-x:auto}.agents-cat-pill{padding:6px 13px;border-radius:20px;border:1px solid var(--border, #27272a);background:var(--surface, #18181b);color:var(--text-2, #a1a1aa);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.agents-cat-pill:hover{color:var(--text, #fafafa);background:var(--surface-hover, rgba(255, 255, 255, .06))}.agents-cat-pill.active{background:var(--accent, #3b82f6);color:#fff;border-color:var(--accent, #3b82f6);font-weight:600}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.agent-card{background:var(--bg, #09090b);border:1px solid var(--border, #27272a);border-radius:14px;padding:18px;display:flex;flex-direction:column;transition:all .2s ease;position:relative;cursor:pointer}.agent-card:hover{border-color:var(--agent-color, var(--accent, #3b82f6));transform:translateY(-2px);box-shadow:0 8px 24px -6px #00000059}.agent-card.is-active{border-color:var(--agent-color, var(--accent, #3b82f6));background:linear-gradient(180deg,rgba(59,130,246,.05) 0%,var(--bg, #09090b) 100%)}.agent-card-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.agent-card-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.08)}.agent-card-meta{flex:1;min-width:0}.agent-card-category-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.agent-card-category{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.agent-builtin-tag{font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px;background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.25)}.agent-card-name{font-size:14.5px;font-weight:700;color:var(--text, #fafafa);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card-tagline{font-size:12.5px;color:var(--text-2, #a1a1aa);margin:0 0 14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:36px}.agent-card-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}.agent-badge-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 7px;border-radius:6px;background:var(--surface, #18181b);border:1px solid var(--border, #27272a);color:var(--text-3, #71717a);font-weight:500}.agent-card-starters{margin-top:auto;padding-top:10px;border-top:1px solid var(--border, #27272a);margin-bottom:14px}.agent-starters-title{display:block;font-size:10.5px;font-weight:600;color:var(--text-3, #71717a);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}.agent-starter-bubble{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-2, #a1a1aa);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.starter-arrow{color:var(--accent, #3b82f6);font-weight:700}.starter-text{overflow:hidden;text-overflow:ellipsis}.agent-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.agent-chat-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:8px;color:#fff;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.agent-chat-btn:hover{opacity:.9}.agent-footer-icons{display:flex;align-items:center;gap:4px}.agent-icon-btn{width:30px;height:30px;border-radius:7px;background:var(--surface, #18181b);border:1px solid var(--border, #27272a);color:var(--text-2, #a1a1aa);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.agent-icon-btn:hover{background:var(--surface-hover, rgba(255, 255, 255, .08));color:var(--text, #fafafa)}.agent-icon-btn.danger:hover{color:#ef4444;border-color:#ef444466;background:#ef44441a}.agent-builder-container{display:flex;gap:24px}.agent-builder-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}.agent-builder-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.agent-form-section{background:var(--bg, #09090b);border:1px solid var(--border, #27272a);border-radius:12px;padding:18px}.agent-form-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:6px}.agent-form-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text, #fafafa);margin:0 0 12px}.agent-form-helper{font-size:11.5px;color:var(--text-3, #71717a)}.agent-form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.agent-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.agent-form-group:last-child{margin-bottom:0}.agent-form-label{font-size:12px;font-weight:600;color:var(--text-2, #a1a1aa)}.agent-form-input,.agent-form-select,.agent-form-textarea{width:100%;padding:8px 12px;background:var(--surface, #18181b);border:1px solid var(--border, #27272a);border-radius:8px;font-size:13px;color:var(--text, #fafafa);font-family:inherit;outline:none;transition:border-color .15s ease}.agent-form-input:focus,.agent-form-select:focus,.agent-form-textarea:focus{border-color:var(--accent, #3b82f6)}.agent-form-textarea{resize:vertical;line-height:1.5}.agent-icon-picker{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.agent-icon-choice{width:32px;height:32px;border-radius:7px;background:var(--surface, #18181b);border:1px solid var(--border, #27272a);color:var(--text-3, #71717a);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.agent-icon-choice:hover{color:var(--text, #fafafa);border-color:#fff3}.agent-icon-choice.active{font-weight:700}.agent-color-picker{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.agent-color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease}.agent-color-swatch:hover{transform:scale(1.15)}.agent-color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #fff6}.agent-temp-slider{width:100%;accent-color:var(--accent, #3b82f6)}.agent-temp-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-3, #71717a);margin-top:2px}.agent-capabilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.agent-cap-toggle{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:8px;background:var(--surface, #18181b);border:1px solid var(--border, #27272a);cursor:pointer;transition:all .15s ease}.agent-cap-toggle:hover{border-color:#ffffff26}.agent-cap-toggle.active{border-color:#3b82f666;background:#3b82f60d}.agent-cap-toggle input[type=checkbox]{margin-top:3px;accent-color:var(--accent, #3b82f6)}.agent-cap-toggle strong{display:block;font-size:12px;color:var(--text, #fafafa);margin-bottom:2px}.agent-cap-toggle p{font-size:11px;color:var(--text-3, #71717a);margin:0;line-height:1.35}.agent-starters-inputs{display:flex;flex-direction:column;gap:8px}.agent-starter-input-row{display:flex;align-items:center;gap:8px}.agent-starter-number{font-size:11px;font-weight:700;color:var(--text-3, #71717a);width:16px}.agent-kfile-hint{font-size:11px;color:var(--text-3, #71717a);margin:0 0 10px;line-height:1.4}.agent-kfile-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--surface, #18181b);border:1px solid var(--border, #27272a);border-radius:8px;font-size:12px;font-weight:600;color:var(--text, #fafafa);cursor:pointer}.agent-kfile-upload-btn:hover{border-color:var(--accent, #3b82f6)}.agent-kfile-error{font-size:11px;color:#ef4444;margin:8px 0 0}.agent-kfile-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.agent-kfile-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--surface, #18181b);border:1px solid var(--border, #27272a);border-radius:8px;font-size:12px;color:var(--text, #fafafa)}.agent-kfile-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-kfile-size{font-size:10.5px;color:var(--text-3, #71717a);flex-shrink:0}.agent-kfile-remove{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-3, #71717a);cursor:pointer;padding:2px;border-radius:4px;flex-shrink:0}.agent-kfile-remove:hover{color:#ef4444;background:#ef44441a}.agent-preview-header-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-3, #71717a);margin-bottom:8px}.agent-card.preview-mode{cursor:default}.agent-card.preview-mode:hover{transform:none}.agent-preview-starters{margin-top:10px;padding-top:8px;border-top:1px solid var(--border, #27272a)}.agent-preview-starters-title{display:block;font-size:10px;color:var(--text-3, #71717a);font-weight:600;margin-bottom:4px}.agent-preview-starter-pill{font-size:11px;color:var(--text-2, #a1a1aa);background:var(--surface, #18181b);border:1px solid var(--border, #27272a);padding:4px 8px;border-radius:6px;margin-bottom:4px;font-style:italic}.agent-builder-actions{display:flex;flex-direction:column;gap:8px}.agent-action-btn{width:100%;padding:10px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s ease}.agent-action-btn.primary{background:var(--accent, #3b82f6);color:#fff}.agent-action-btn.primary:hover:not(:disabled){background:var(--accent-hover, #2563eb)}.agent-action-btn.primary:disabled{opacity:.5;cursor:not-allowed}.agent-action-btn.secondary{background:var(--surface, #18181b);color:var(--text-2, #a1a1aa);border:1px solid var(--border, #27272a)}.agent-action-btn.secondary:hover{background:var(--surface-hover, rgba(255, 255, 255, .08));color:var(--text, #fafafa)}.agents-empty-state,.agents-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-3, #71717a);gap:12px}.agents-empty-state h3{font-size:16px;font-weight:700;color:var(--text, #fafafa);margin:0}.agents-empty-state p{font-size:13px;margin:0 0 8px}@media(max-width:768px){.agents-modal-backdrop{padding:8px 6px;align-items:flex-end}.agents-modal-dialog{width:100%;max-width:100%;height:94vh;max-height:94vh;border-radius:20px 20px 10px 10px}.agents-modal-header{display:flex;flex-direction:column;align-items:stretch;padding:14px 14px 12px;gap:12px;position:relative}.agents-modal-header-left{display:flex;align-items:flex-start;gap:10px;padding-right:36px}.agents-modal-badge-icon{width:36px;height:36px;min-width:36px;border-radius:10px}.agents-modal-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.agents-modal-title{font-size:16px}.agents-pill-count{font-size:10px;padding:1px 7px}.agents-modal-subtitle{font-size:11.5px;line-height:1.4;margin-top:2px}.agents-modal-header-actions{display:flex;align-items:center;width:100%}.agents-create-btn{width:100%;justify-content:center;padding:9px 14px;font-size:13px;border-radius:10px}.agents-back-btn{width:100%;text-align:center;padding:8px 14px;font-size:12.5px}.agents-modal-close{position:absolute;top:12px;right:12px;width:30px;height:30px}.agents-modal-body{padding:12px 10px 24px}.agents-filter-bar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.agents-search-wrap{width:100%}.agents-category-pills{width:100%;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.agents-cat-pill{padding:5px 12px;font-size:11.5px;flex-shrink:0}.agents-grid{grid-template-columns:1fr;gap:12px}.agent-card{padding:14px 14px 12px;border-radius:14px}.agent-card-top{gap:10px;margin-bottom:8px}.agent-card-icon-wrap{width:38px;height:38px;min-width:38px;border-radius:10px}.agent-card-category{font-size:10.5px}.agent-card-name{font-size:14px;white-space:normal;word-break:break-word;line-height:1.35}.agent-card-tagline{font-size:12px;line-height:1.45;height:auto;-webkit-line-clamp:3;margin:4px 0 10px}.agent-card-badges{gap:5px;margin-bottom:10px}.agent-badge-pill{font-size:10.5px;padding:2px 6px}.agent-card-starters{padding-top:8px;margin-bottom:10px}.agent-starter-bubble{font-size:11.5px;line-height:1.4;white-space:normal;word-break:break-word}.agent-card-footer{gap:8px;margin-top:6px}.agent-chat-btn{padding:8px 12px;font-size:12.5px}.agent-icon-btn{width:32px;height:32px}.agent-builder-container{flex-direction:column;gap:16px}.agent-builder-sidebar{width:100%}.agent-form-row-2{grid-template-columns:1fr;gap:10px}.agent-form-section{padding:14px 12px}}.active-agent-hero-card{display:flex;align-items:center;gap:18px;padding:20px 24px;background:var(--bg-card, var(--surface, #18181b));border:1px solid var(--border, #27272a);border-radius:16px;margin-bottom:24px;box-shadow:0 8px 24px -6px #00000040}.active-agent-hero-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.08)}.active-agent-hero-info{flex:1;min-width:0}.active-agent-hero-badge-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.active-agent-category-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.active-agent-change-btn{font-size:11.5px;font-weight:600;color:var(--text-2, #a1a1aa);background:var(--surface-hover, rgba(255, 255, 255, .08));border:1px solid var(--border, #27272a);padding:2px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease}.active-agent-change-btn:hover{background:var(--surface-active, rgba(255, 255, 255, .14));color:var(--text, #fafafa)}.active-agent-close-btn{width:22px;height:22px;border-radius:5px;background:transparent;border:none;color:var(--text-3, #71717a);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:auto}.active-agent-close-btn:hover{background:var(--surface-hover, rgba(255, 255, 255, .08));color:var(--text, #fafafa)}.active-agent-hero-title{font-size:18px;font-weight:700;color:var(--text, #fafafa);margin:0 0 4px;letter-spacing:-.02em}.active-agent-hero-desc{font-size:13px;color:var(--text-2, #a1a1aa);margin:0;line-height:1.4}.active-agent-chat-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--surface, #18181b);border-bottom:1px solid var(--border, #27272a);font-size:12.5px;color:var(--text-2, #a1a1aa)}.active-agent-bar-info{display:flex;align-items:center;gap:8px}.active-agent-bar-info b{color:var(--text, #fafafa)}.active-agent-bar-clear{background:transparent;border:none;font-size:11.5px;color:var(--text-3, #71717a);cursor:pointer;text-decoration:underline}.active-agent-bar-clear:hover{color:var(--text, #fafafa)}.download-page{width:100%;max-width:1100px;margin:0 auto;padding:24px 32px 60px;overflow-y:auto;height:calc(100vh - 52px)}.download-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer;margin-bottom:24px;font-family:inherit;transition:all .15s}.download-back-btn:hover{background:var(--surface-hover);color:var(--text)}.download-hero{text-align:center;margin-bottom:40px}.download-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-pill);background:var(--accent-bg);color:var(--accent);font-size:12px;font-weight:700;margin-bottom:16px}.download-hero-title{font-size:36px;font-weight:800;color:var(--text);letter-spacing:-.5px;margin-bottom:10px}.download-hero-desc{font-size:15px;color:var(--text-2);max-width:560px;margin:0 auto;line-height:1.6}.download-platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:48px}.download-platform-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;transition:all .2s ease}.download-platform-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-card);transform:translateY(-2px)}.download-platform-card.recommended{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}.download-platform-card.coming-soon{opacity:.7}.download-recommended-badge,.download-coming-soon-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:3px 12px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:700;letter-spacing:.3px}.download-recommended-badge{background:var(--accent);color:#fff}.download-coming-soon-badge{background:var(--text-3);color:var(--surface)}.download-platform-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.download-platform-name{font-size:17px;font-weight:700;color:var(--text);margin:0}.download-platform-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3)}.download-platform-formats{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.download-format-pill{padding:3px 10px;border-radius:var(--radius-pill);background:var(--surface-hover);border:1px solid var(--border);font-size:11px;font-weight:600;color:var(--text-2);font-family:JetBrains Mono,monospace}.download-platform-features{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:6px;width:100%;text-align:left}.download-platform-features li{font-size:12px;color:var(--text-2);display:flex;align-items:center;gap:6px}.download-platform-features li:before{content:"✓";color:#22c55e;font-weight:700;font-size:11px}.download-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border-radius:12px;border:none;color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;margin-top:auto}.download-btn:hover:not(.download-btn-disabled){filter:brightness(1.1);transform:translateY(-1px)}.download-btn-disabled{background:var(--text-3)!important;cursor:not-allowed;opacity:.6}.download-features-section{margin-bottom:48px}.download-features-title{text-align:center;font-size:24px;font-weight:700;color:var(--text);margin-bottom:24px}.download-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.download-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;gap:10px}.download-feature-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-bg);color:var(--accent);display:flex;align-items:center;justify-content:center}.download-feature-card h3{font-size:16px;font-weight:700;color:var(--text);margin:0}.download-feature-card p{font-size:13px;color:var(--text-2);line-height:1.6;margin:0}.download-requirements{margin-bottom:40px}.download-requirements h2{text-align:center;font-size:24px;font-weight:700;color:var(--text);margin-bottom:20px}.download-req-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.download-req-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.download-req-card h4{font-size:14px;font-weight:700;color:var(--text);margin-bottom:8px}.download-req-card p{font-size:12.5px;color:var(--text-2);line-height:1.6;margin:0}.error-boundary-root{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.error-boundary-card{max-width:480px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;box-shadow:var(--shadow-float)}.error-boundary-icon{width:56px;height:56px;border-radius:50%;background:#ef44441a;color:#ef4444;display:flex;align-items:center;justify-content:center}.error-boundary-title{font-size:20px;font-weight:700;color:var(--text);margin:0}.error-boundary-desc{font-size:13.5px;color:var(--text-2);margin:0;line-height:1.5}.error-boundary-details{width:100%;margin-top:8px}.error-boundary-details summary{font-size:12px;font-weight:600;color:var(--text-3);cursor:pointer;margin-bottom:8px}.error-boundary-details pre{text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:11px;color:var(--text-2);font-family:JetBrains Mono,monospace;overflow-x:auto;max-height:200px}.error-boundary-actions{display:flex;gap:10px;margin-top:8px}.error-boundary-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;border:1px solid var(--border);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.error-boundary-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.error-boundary-btn.primary:hover{background:var(--accent-hover)}.error-boundary-btn.secondary{background:var(--surface);color:var(--text)}.error-boundary-btn.secondary:hover{background:var(--surface-hover)}@keyframes mic-pulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 8px #ef444400}}.prompt-icon-btn.listening{color:#ef4444!important;animation:mic-pulse 1.2s ease-in-out infinite;background:#ef444414!important}.tasks-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:share-fade-in .18s ease-out}.tasks-modal{width:100%;max-width:560px;max-height:88vh;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 48px #00000059,0 0 0 1px #ffffff0a;display:flex;flex-direction:column;animation:share-scale-in .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.tasks-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border)}.tasks-modal-title-row{display:flex;align-items:center;gap:12px}.tasks-modal-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#6c63ff,#a78bfa);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.tasks-modal-title{font-size:15px;font-weight:700;color:var(--text);margin:0 0 2px}.tasks-modal-subtitle{font-size:12px;color:var(--text-muted);margin:0}.tasks-modal-close{width:30px;height:30px;border-radius:8px;border:none;cursor:pointer;background:var(--surface-hover);color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.tasks-modal-close:hover{background:var(--border);color:var(--text)}.tasks-error-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.2);font-size:13px;color:#ef4444}.tasks-error-banner button{margin-left:auto;background:none;border:none;cursor:pointer;color:#ef4444}.tasks-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.tasks-create-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border-radius:10px;border:2px dashed var(--border);background:none;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;justify-content:center}.tasks-create-btn:hover{border-color:var(--accent);color:var(--accent);background:#6c63ff0d}.tasks-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 0;color:var(--text-muted);font-size:13px}.tasks-loading-spinner{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .7s linear infinite}.tasks-empty{text-align:center;padding:48px 24px}.tasks-empty-icon{color:var(--text-muted);margin-bottom:16px}.tasks-empty-title{font-size:15px;font-weight:700;color:var(--text);margin:0 0 6px}.tasks-empty-sub{font-size:13px;color:var(--text-muted);margin:0;line-height:1.5}.tasks-list{display:flex;flex-direction:column;gap:10px}.task-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px 14px 12px;transition:border-color .15s}.task-card:hover{border-color:var(--accent)}.task-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.task-card-title-row{display:flex;align-items:center;gap:7px;flex:1;min-width:0}.task-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-card-actions{display:flex;gap:4px;margin-left:8px;flex-shrink:0}.task-toggle-btn,.task-delete-btn{width:26px;height:26px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);color:var(--text-muted);transition:all .15s}.task-toggle-btn:hover{color:#22c55e;background:#22c55e1a}.task-delete-btn:hover{color:#ef4444;background:#ef44441a}.task-prompt{font-size:12px;color:var(--text-muted);line-height:1.5;margin:0 0 10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.task-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid}.task-schedule-badge{font-size:11px;color:var(--text-muted)}.task-times{display:flex;gap:10px;align-items:center;margin-left:auto}.task-time-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.agent-task-card{border-color:#6c63ff40}.agent-task-progress{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)}.agent-progress-bar-track{width:100%;height:5px;border-radius:999px;background:var(--surface-hover);overflow:hidden;margin-bottom:10px}.agent-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:999px;transition:width .4s ease}.agent-step-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.agent-step-row{display:flex;align-items:center;gap:8px;font-size:12.5px}.agent-step-title{color:var(--text-muted)}.agent-step-row.agent-step-running .agent-step-title{color:var(--text);font-weight:600}.agent-step-row.agent-step-done .agent-step-title{color:var(--text-muted);text-decoration:line-through;text-decoration-color:#94a3b866}.agent-step-row.agent-step-error .agent-step-title{color:#ef4444}.agent-cancel-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:600;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;cursor:pointer;transition:.15s}.agent-cancel-btn:hover{background:#ef444433}.tasks-create-form{padding:16px;display:flex;flex-direction:column;gap:14px}.tasks-create-title{font-size:15px;font-weight:700;color:var(--text);margin:0}.tasks-form-field{display:flex;flex-direction:column;gap:6px}.tasks-form-field label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.tasks-input,.tasks-textarea{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:inherit;resize:vertical;transition:border-color .15s;box-sizing:border-box}.tasks-input:focus,.tasks-textarea:focus{outline:none;border-color:var(--accent)}.tasks-textarea{min-height:90px}.tasks-schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tasks-schedule-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;transition:all .15s}.tasks-schedule-option:hover{border-color:var(--accent);background:#6c63ff0d}.tasks-schedule-option.active{border-color:var(--accent);background:#6c63ff14}.tasks-sched-icon{font-size:16px}.tasks-sched-label{font-size:13px;font-weight:600;color:var(--text)}.tasks-sched-desc{font-size:11px;color:var(--text-muted)}.tasks-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tasks-mode-option{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;transition:all .15s;color:var(--text-muted)}.tasks-mode-option:hover{border-color:var(--accent);background:#6c63ff0d}.tasks-mode-option.active{border-color:var(--accent);background:#6c63ff14;color:var(--accent)}.tasks-mode-option div{display:flex;flex-direction:column;gap:2px}.tasks-mode-label{font-size:13px;font-weight:600;color:var(--text)}.tasks-mode-desc{font-size:11px;color:var(--text-muted);line-height:1.35}.tasks-field-hint{font-size:11.5px;color:var(--text-muted);line-height:1.5;margin:2px 0 0}.tasks-form-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:4px}.tasks-cancel-btn{padding:9px 18px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer}.tasks-cancel-btn:hover{background:var(--surface-hover);color:var(--text)}.tasks-submit-btn{padding:9px 20px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s}.tasks-submit-btn:hover{opacity:.9}.tasks-submit-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:share-fade-in .2s ease-out}.onboarding-modal{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 32px 64px #0006,0 0 0 1px #ffffff0d;padding:28px 28px 20px;display:flex;flex-direction:column;gap:0;animation:share-scale-in .22s cubic-bezier(.16,1,.3,1);position:relative}.onboarding-skip{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:12px;color:var(--text-muted);cursor:pointer;transition:all .15s}.onboarding-skip:hover{background:var(--surface-hover);color:var(--text)}.onboarding-dots{display:flex;gap:6px;margin-bottom:24px}.onboarding-dot{width:20px;height:6px;border-radius:3px;background:var(--border);transition:all .25s;display:flex;align-items:center;justify-content:center}.onboarding-dot.active{background:var(--accent);width:32px}.onboarding-dot.done{background:var(--accent);opacity:.5}.onboarding-content{flex:1}.onboarding-emoji{font-size:40px;line-height:1;margin-bottom:14px}.onboarding-title{font-size:22px;font-weight:800;color:var(--text);margin:0 0 8px}.onboarding-subtitle{font-size:14px;color:var(--text-muted);line-height:1.55;margin:0 0 20px}.onboarding-points{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:10px}.onboarding-point{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}.onboarding-point-icon{width:28px;height:28px;border-radius:8px;background:#6c63ff1f;color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.onboarding-suggestions{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.onboarding-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:13px;text-align:left;cursor:pointer;transition:all .15s}.onboarding-chip:hover{border-color:var(--accent);background:#6c63ff0f;color:var(--accent)}.onboarding-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:24px}.onboarding-back{display:flex;align-items:center;gap:4px;padding:9px 16px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.onboarding-back:hover{background:var(--surface-hover);color:var(--text)}.onboarding-next{display:flex;align-items:center;gap:6px;padding:10px 22px;border-radius:10px;border:none;background:linear-gradient(135deg,#6c63ff,#8b5cf6);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #6c63ff59;transition:all .15s}.onboarding-next:hover{opacity:.9;transform:translateY(-1px)}.mission-banner{width:100%;max-width:850px;margin:0 auto;padding:8px 14px 10px;border:1px solid rgba(108,99,255,.28);border-radius:12px;background:linear-gradient(135deg,#6c63ff1a,#8b5cf60d);display:flex;flex-direction:column;gap:4px}.mission-banner-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.mission-banner-label{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--accent, #6c63ff)}.mission-banner-phase{font-size:11px;font-weight:600;color:var(--text-muted)}.mission-banner-goal{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-banner-meta{display:flex;flex-wrap:wrap;gap:6px}.mission-banner-chip{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:#6c63ff1a;color:var(--text)}.mission-banner-bar{height:3px;border-radius:999px;background:#6c63ff26;overflow:hidden}.mission-banner-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#6c63ff,#8b5cf6);transition:width .4s ease}.mission-banner-head-right{display:flex;align-items:center;gap:8px}.mission-banner-switch{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-2);font-size:10.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.mission-banner-switch:hover{border-color:var(--accent, #6c63ff);color:var(--accent, #6c63ff);background:#6c63ff14}.mission-rail{display:flex;position:relative;margin-top:6px}.mission-rail:before{content:"";position:absolute;top:5px;left:12px;right:12px;height:2px;border-radius:2px;background:var(--border)}.mission-rail-step{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px}.mission-rail-dot{position:relative;z-index:1;box-sizing:border-box;width:12px;height:12px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center}.mission-rail-step.done .mission-rail-dot{border-color:#6c63ff73;background:#6c63ff1f}.mission-rail-step.done .mission-rail-dot:after{content:"✓";font-size:8px;line-height:1;font-weight:700;color:var(--accent, #6c63ff)}.mission-rail-step.current .mission-rail-dot{border-color:transparent;background:linear-gradient(135deg,#6c63ff,#8b5cf6);box-shadow:0 0 0 3px #6c63ff29}.mission-rail-step.current .mission-rail-dot:after{content:"";width:4px;height:4px;border-radius:50%;background:#fff}.mission-rail-label{font-size:9.5px;font-weight:600;color:var(--text-3);text-transform:capitalize;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mission-rail-step.done .mission-rail-label{color:var(--text-2)}.mission-rail-step.current .mission-rail-label{color:var(--accent, #6c63ff);font-weight:700}.mission-rail--mini{margin-top:6px;width:100%}.mission-rail--mini:before{top:3px;height:1.5px;left:8px;right:8px}.mission-rail--mini .mission-rail-step{gap:0}.mission-rail--mini .mission-rail-dot{width:7px;height:7px;border-width:1px}.mission-rail--mini .mission-rail-step.current .mission-rail-dot{box-shadow:0 0 0 2px #6c63ff29}.mission-rail--mini .mission-rail-step.done .mission-rail-dot:after,.mission-rail--mini .mission-rail-step.current .mission-rail-dot:after{display:none}.missions-header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px;border-bottom:1px solid var(--border)}.missions-title{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;color:var(--text)}.missions-sub{font-size:11.5px;color:var(--text-3);margin-top:3px}.missions-close-btn{background:transparent;border:none;color:var(--text-2);cursor:pointer;padding:4px;border-radius:6px}.missions-close-btn:hover{background:var(--surface-hover);color:var(--text)}.missions-scroll{flex:1;overflow-y:auto;padding:10px 0 16px}.missions-section-label{font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-3);padding:12px 18px 4px}.mission-row{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:11px 18px 12px;border:none;border-left:3px solid transparent;background:transparent;text-align:left;cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease;box-sizing:border-box}.mission-row:hover{background:var(--surface-hover)}.mission-row.current{border-left-color:var(--accent, #6c63ff);background:#6c63ff0f}.mission-row-auto{display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin:4px 14px 10px;padding:10px 12px;border-radius:8px;border:1px dashed var(--border);width:auto}.mission-row-auto:hover{background:var(--surface-hover);border-color:var(--accent, #6c63ff)}.mission-row-auto-icon{color:var(--text-3);margin-top:2px;flex-shrink:0}.mission-row-body{display:flex;flex-direction:column;width:100%;min-width:0}.mission-row-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%}.mission-row-goal{flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:0;word-break:break-word}.mission-row-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;font-size:11px;color:var(--text-3);width:100%}.mission-row-status{font-weight:600;color:var(--accent, #6c63ff)}.mission-row-status.inactive{color:var(--text-3);text-transform:capitalize}.mission-row-chip{display:inline-flex;align-items:center;font-weight:500;font-size:10.5px;padding:1.5px 7px;border-radius:999px;background:var(--surface-hover);border:1px solid var(--border);color:var(--text-2);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mission-row-current-badge{display:inline-flex;align-items:center;flex-shrink:0;font-size:9.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--accent, #6c63ff);background:#6c63ff1f;border:1px solid rgba(108,99,255,.22);padding:2px 7px;border-radius:999px;white-space:nowrap;margin-top:1px}.missions-empty{padding:28px 20px;text-align:center;color:var(--text-2);font-size:13px}.missions-empty p{margin:0 0 6px}.missions-empty-hint{font-size:12px;color:var(--text-3);line-height:1.5}.missions-retry-btn{margin-top:8px;padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer}.missions-retry-btn:hover{border-color:var(--accent, #6c63ff);color:var(--accent, #6c63ff)}.mission-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0;margin-top:8px;width:100%;opacity:1;transition:opacity .12s ease}.mission-row-action{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-2);font-size:10.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.mission-row-action:hover:not(:disabled){border-color:var(--accent, #6c63ff);color:var(--accent, #6c63ff);background:#6c63ff14}.mission-row-action:disabled{opacity:.6;cursor:default}.mission-row.busy .mission-row-goal,.mission-row.busy .mission-row-actions{opacity:.55}.mission-row.archived .mission-row-goal{color:var(--text-2)}.mission-row.archived .mission-row-status.inactive{color:var(--text-3);font-style:italic;text-transform:uppercase;font-size:10px;letter-spacing:.4px}.missions-action-error{margin:8px 16px 0;padding:7px 10px;border:1px solid rgba(220,80,80,.35);border-radius:8px;background:#dc505014;color:#d05050;font-size:11.5px;line-height:1.4}.mission-row-decision-chip{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 9px;border-radius:999px;background:#f59e0b1f;color:#d97706;font-size:10.5px;font-weight:600;cursor:default}.mission-row-findings{margin-top:7px;cursor:default}.mission-findings-count{font-size:9.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text-3);margin-bottom:4px}.mission-finding-card{border:1px solid var(--border);border-left:2px solid var(--accent, #6c63ff);border-radius:8px;background:var(--surface);padding:7px 9px}.mission-finding-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.mission-finding-title{font-size:11.5px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mission-finding-conf{flex-shrink:0;font-size:8.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:1px 6px;border-radius:999px}.mission-finding-conf.high{color:#16a34a;background:#16a34a1f}.mission-finding-conf.medium{color:#d97706;background:#f59e0b1f}.mission-finding-conf.low{color:var(--text-3);background:var(--surface-hover)}.mission-finding-summary{margin-top:4px;font-size:10.5px;line-height:1.45;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mission-finding-why{display:flex;gap:6px;margin-top:4px;font-size:10.5px;line-height:1.4;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mission-finding-why-label{flex-shrink:0;font-weight:800;font-size:9px;letter-spacing:.4px;text-transform:uppercase;color:var(--accent, #6c63ff);padding-top:1px}.mission-finding-meta{margin-top:5px;font-size:9.5px;color:var(--text-3);display:flex;align-items:center;gap:5px}.chat-finding-inline{margin-top:12px}.chat-finding-inline .mission-finding-card{padding:10px 12px;border-radius:10px}.chat-finding-inline .mission-finding-title{font-size:13px}.chat-finding-inline .mission-finding-conf{font-size:9px}.chat-finding-inline .mission-finding-summary{margin-top:6px;font-size:12.5px;-webkit-line-clamp:4;line-height:1.5}.chat-finding-inline .mission-finding-why{margin-top:6px;font-size:12.5px;line-height:1.5}.chat-finding-inline .mission-finding-meta{margin-top:7px;font-size:11px}.mission-row-stall-chip{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 9px;border-radius:999px;background:#dc26261a;color:#f87171;font-size:10.5px;font-weight:600;cursor:default}.mission-row-plans{margin-top:7px;cursor:default}.mission-plans-label{font-size:9.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text-3);margin-bottom:4px}.mission-plan-change{border:1px solid var(--border);border-left:2px solid #7c3aed;border-radius:8px;background:var(--surface);padding:6px 9px;margin-top:5px}.mission-plan-diff{font-size:11px;font-weight:700;color:var(--text);line-height:1.4}.mission-plan-why{margin-top:3px;font-size:10.5px;line-height:1.45;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mission-plan-meta{margin-top:4px;font-size:9px;color:var(--text-3)}.checkin-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#f0abfc;background:#c026d31f;border:1px solid rgba(192,38,211,.25);margin-bottom:8px}.checkin-badge svg{flex-shrink:0}.projects-workspace-root{min-height:100vh;background-color:#f7f7f8;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;box-sizing:border-box}.projects-topbar{height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:40}.projects-topbar-left{display:flex;align-items:center;gap:16px;height:100%}.projects-back-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:none;color:#111827;font-size:14.5px;font-weight:500;cursor:pointer;padding:6px 10px;border-radius:8px;height:32px;box-sizing:border-box;line-height:1;transition:all .15s ease}.projects-back-btn svg{display:block;flex-shrink:0}.projects-back-btn span{display:inline-block;line-height:1}.projects-back-btn:hover{background:#f3f4f6;color:#000}.projects-topbar-title{font-size:15.5px;font-weight:700;color:#111827;display:inline-flex;align-items:center;height:32px;line-height:1;margin:0;padding:0}.projects-new-btn{display:inline-flex;align-items:center;gap:8px;background:#000;color:#fff;border:none;font-size:14px;font-weight:600;padding:10px 20px;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000001a}.projects-new-btn:hover{background:#27272a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.projects-new-btn:active{transform:translateY(0)}.projects-main-container{max-width:1280px;width:100%;margin:0 auto;padding:48px 36px 80px;box-sizing:border-box;flex:1}.projects-hero-section{margin-bottom:32px}.projects-overline{color:#10b981;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.projects-heading{font-size:38px;font-weight:800;color:#111827;letter-spacing:-.02em;line-height:1.2;margin:0 0 10px}.projects-subheading{font-size:16px;color:#6b7280;line-height:1.5;margin:0;max-width:680px}.projects-controls-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:32px}.projects-filter-pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.projects-pill{padding:9px 22px;font-size:14px;font-weight:600;border-radius:9999px;border:1px solid #e5e7eb;background:#fff;color:#4b5563;cursor:pointer;transition:all .15s ease}.projects-pill:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.projects-pill.active{background:#111827;border-color:#111827;color:#fff;box-shadow:0 2px 4px #0000001a}.projects-search-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.projects-count-label{font-size:14px;font-weight:500;color:#374151;text-align:right}.projects-search-input-box{position:relative;width:280px}.projects-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.projects-search-input{width:100%;height:42px;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:0 16px 0 42px;font-size:14px;color:#111827;outline:none;box-sizing:border-box;transition:all .15s ease}.projects-search-input:focus{border-color:#111827;box-shadow:0 0 0 3px #0000000d}.projects-search-input::placeholder{color:#9ca3af}.projects-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,340px));gap:24px}.project-card-item{background:#fff;border-radius:20px;padding:24px;border:1px solid #eef0f2;box-shadow:0 1px 3px #00000005;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;position:relative;cursor:pointer;text-align:left}.project-card-item:hover{transform:translateY(-3px);box-shadow:0 12px 24px -6px #00000014,0 4px 12px -2px #00000008;border-color:#dbeafe}.project-card-top-icon-box{width:44px;height:44px;border-radius:12px;background:#e0edff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin-bottom:22px;flex-shrink:0;transition:transform .2s ease}.project-card-item:hover .project-card-top-icon-box{transform:scale(1.05)}.project-card-meta-line{font-size:11px;font-weight:700;color:#2563eb;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px}.project-card-fidelity-stamp{margin-left:auto;text-transform:none;letter-spacing:0;font-size:10.5px;font-weight:600;border-radius:999px;padding:2px 8px;white-space:nowrap}.project-card-fidelity-clean{color:#047857;background:#10b9811f}.project-card-fidelity-dirty{color:#b45309;background:#f59e0b24}.project-card-title-text{font-size:18px;font-weight:700;color:#111827;margin:0 0 8px;line-height:1.3}.project-card-desc-text{font-size:13.5px;color:#6b7280;line-height:1.5;margin:0 0 20px;flex-grow:1}.project-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #f3f4f6;margin-top:auto}.project-card-open-hint{font-size:13px;font-weight:600;color:#2563eb;display:flex;align-items:center;gap:4px;opacity:.85;transition:opacity .15s ease}.project-card-item:hover .project-card-open-hint{opacity:1}.project-card-action-btns{display:flex;align-items:center;gap:6px}.project-card-mini-btn{width:28px;height:28px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.project-card-mini-btn:hover{background:#f3f4f6;color:#111827;border-color:#d1d5db}.project-card-mini-btn.danger:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.projects-empty-state{text-align:center;padding:64px 20px;background:#fff;border-radius:20px;border:1px dashed #d1d5db;max-width:540px;margin:40px auto}.projects-empty-icon{width:64px;height:64px;border-radius:16px;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.projects-empty-state h3{font-size:20px;font-weight:700;color:#111827;margin:0 0 8px}.projects-empty-state p{font-size:14px;color:#6b7280;margin:0 0 24px}.projects-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:5000;padding:20px;animation:fadeIn .2s ease-out}.projects-modal-container{background:#fff;border-radius:24px;width:100%;max-width:520px;box-shadow:0 20px 40px -15px #0003;overflow:hidden;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}.projects-modal-header{padding:24px 28px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between}.projects-modal-title{font-size:18px;font-weight:700;color:#111827;margin:0}.projects-modal-close-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center}.projects-modal-close-btn:hover{background:#f3f4f6;color:#111827}.projects-modal-body{padding:28px;display:flex;flex-direction:column;gap:20px}.projects-field-group{display:flex;flex-direction:column;gap:8px}.projects-field-label{font-size:13px;font-weight:600;color:#374151}.projects-field-input,.projects-field-textarea{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px;font-size:14px;color:#111827;outline:none;background:#fff;box-sizing:border-box;transition:border-color .15s ease}.projects-field-input:focus,.projects-field-textarea:focus{border-color:#111827;box-shadow:0 0 0 3px #0000000d}.projects-field-textarea{resize:vertical;min-height:80px}.projects-category-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.projects-category-option{padding:10px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font-size:13px;font-weight:600;color:#4b5563;transition:all .15s ease}.projects-category-option:hover{border-color:#d1d5db;background:#f9fafb}.projects-category-option.selected{border-color:#2563eb;background:#eff6ff;color:#2563eb}.projects-modal-footer{padding:20px 28px;border-top:1px solid #f3f4f6;background:#fafafa;display:flex;align-items:center;justify-content:flex-end;gap:12px}.projects-btn-cancel{padding:10px 18px;font-size:14px;font-weight:600;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;cursor:pointer;transition:all .15s ease}.projects-btn-cancel:hover{background:#f3f4f6;color:#111827}.projects-btn-submit{padding:10px 22px;font-size:14px;font-weight:600;color:#fff;background:#000;border:none;border-radius:9999px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.projects-btn-submit:hover:not(:disabled){background:#27272a}.projects-btn-submit:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.projects-topbar{height:52px;padding:0 14px;position:sticky;top:0;z-index:40}.projects-topbar-left{gap:10px}.projects-back-btn{padding:6px 8px;font-size:13.5px;gap:5px}.projects-topbar-title{font-size:15px}.projects-new-btn{padding:7px 14px;font-size:13px;gap:5px}.projects-main-container{padding:24px 14px 60px;width:100%;box-sizing:border-box}.projects-hero-section{margin-bottom:20px}.projects-overline{font-size:11px;margin-bottom:8px}.projects-heading{font-size:24px;letter-spacing:-.3px;line-height:1.25;margin-bottom:6px}.projects-subheading{font-size:13.5px;line-height:1.45}.projects-controls-row{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.projects-filter-pills{display:flex;gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none;width:100%;-webkit-overflow-scrolling:touch}.projects-filter-pills::-webkit-scrollbar{display:none}.projects-pill{padding:6px 14px;font-size:12.5px;white-space:nowrap;flex-shrink:0}.projects-search-wrap{width:100%;align-items:stretch;flex-direction:column;gap:6px}.projects-count-label{font-size:12px;text-align:left}.projects-search-input-box{width:100%}.projects-search-input{height:38px;font-size:13.5px;padding:0 14px 0 38px}.projects-search-icon{left:14px;width:14px;height:14px}.projects-grid-layout{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;width:100%}.project-card-item{padding:16px 16px 14px;border-radius:16px}.project-card-top-icon-box{width:38px;height:38px;border-radius:10px;font-size:16px;margin-bottom:14px}.project-card-meta-line{font-size:10.5px;margin-bottom:6px}.project-card-title-text{font-size:16px;margin-bottom:6px}.project-card-desc-text{font-size:13px;line-height:1.45;margin-bottom:16px}.project-card-footer{padding-top:10px}.project-card-open-hint{font-size:12px}.projects-modal-backdrop{padding:12px;align-items:center;justify-content:center}.projects-modal-container{width:100%;max-width:100%;max-height:90vh;border-radius:20px;display:flex;flex-direction:column}.projects-modal-header{padding:16px 18px}.projects-modal-title{font-size:16px}.projects-modal-body{padding:16px 18px;gap:14px;overflow-y:auto}.projects-category-selector{grid-template-columns:repeat(3,1fr);gap:6px}.projects-category-option{padding:8px 4px;font-size:12px;border-radius:10px;gap:4px}.projects-category-option svg{width:16px;height:16px}.projects-field-input,.projects-field-textarea{padding:10px 12px;font-size:13.5px;border-radius:10px}.projects-modal-footer{padding:12px 18px;gap:8px}.projects-btn-cancel,.projects-btn-submit{padding:8px 16px;font-size:13px}}@media(max-width:480px){.projects-topbar{height:48px;padding:0 10px}.projects-back-btn span{display:none}.projects-back-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.projects-new-btn{padding:6px 12px;font-size:12px;height:32px;gap:4px}.projects-main-container{padding:16px 10px 60px}.projects-heading{font-size:20px}.projects-subheading{font-size:12.5px}.projects-grid-layout{grid-template-columns:1fr;gap:12px}.project-card-item{padding:14px;border-radius:14px}.projects-modal-backdrop{padding:8px;align-items:flex-end}.projects-modal-container{border-radius:20px 20px 0 0;max-height:85vh}}[data-theme=dark] .projects-workspace-root{background-color:#0c0c0c;color:#f4f4f5}[data-theme=dark] .projects-topbar{background:#161616;border-color:#262626}[data-theme=dark] .projects-back-btn{color:#f4f4f5}[data-theme=dark] .projects-back-btn:hover{background:#202020}[data-theme=dark] .projects-topbar-title{color:#f4f4f5}[data-theme=dark] .projects-new-btn{background:#fff;color:#000}[data-theme=dark] .projects-new-btn:hover{background:#e4e4e7}[data-theme=dark] .projects-heading{color:#f4f4f5}[data-theme=dark] .projects-subheading{color:#a1a1aa}[data-theme=dark] .projects-pill{background:#161616;border-color:#262626;color:#a1a1aa}[data-theme=dark] .projects-pill:hover{background:#202020;color:#f4f4f5;border-color:#383838}[data-theme=dark] .projects-pill.active{background:#202020;border-color:#383838;color:#fff}[data-theme=dark] .projects-count-label{color:#a1a1aa}[data-theme=dark] .projects-search-input{background:#161616;border-color:#262626;color:#f4f4f5}[data-theme=dark] .projects-search-input:focus{border-color:#3b82f6}[data-theme=dark] .project-card-item{background:#161616;border-color:#262626}[data-theme=dark] .project-card-item:hover{border-color:#383838;box-shadow:0 12px 24px -6px #0006}[data-theme=dark] .project-card-title-text{color:#f4f4f5}[data-theme=dark] .project-card-desc-text{color:#a1a1aa}[data-theme=dark] .project-card-footer{border-color:#242424}[data-theme=dark] .project-card-mini-btn{background:#202020;border-color:#2e2e2e;color:#a1a1aa}[data-theme=dark] .project-card-mini-btn:hover{background:#2a2a2a;color:#f4f4f5}[data-theme=dark] .projects-modal-container{background:#161616;color:#f4f4f5;border:1px solid #262626}[data-theme=dark] .projects-modal-header{border-color:#262626}[data-theme=dark] .projects-modal-title{color:#f4f4f5}[data-theme=dark] .projects-modal-close-btn:hover{background:#202020;color:#f4f4f5}[data-theme=dark] .projects-field-label{color:#d4d4d8}[data-theme=dark] .projects-field-input,[data-theme=dark] .projects-field-textarea{background:#121212;border-color:#262626;color:#f4f4f5}[data-theme=dark] .projects-category-option{background:#121212;border-color:#262626;color:#a1a1aa}[data-theme=dark] .projects-category-option:hover{background:#1c1c1c;border-color:#383838}[data-theme=dark] .projects-category-option.selected{background:#2563eb26;border-color:#2563eb;color:#60a5fa}[data-theme=dark] .projects-modal-footer{background:#121212;border-color:#242424}[data-theme=dark] .projects-btn-cancel{background:#1c1c1c;border-color:#2e2e2e;color:#d4d4d8}[data-theme=dark] .projects-btn-cancel:hover{background:#262626;color:#fff}[data-theme=dark] .projects-btn-submit{background:#fff;color:#000}[data-theme=dark] .projects-btn-submit:hover:not(:disabled){background:#e4e4e7}.pricing-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1dad;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:5000;padding:20px;animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.pricing-modal-box{background:#fff;border-radius:24px;width:100%;max-width:1140px;max-height:92vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;box-shadow:0 25px 60px -15px #0000004d,0 0 0 1px #e5e7ebcc;padding:32px 36px;position:relative;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.pricing-modal-box::-webkit-scrollbar{display:none}.pricing-modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}.pricing-modal-header-left{display:flex;flex-direction:column;gap:2px;min-width:260px}.pricing-modal-header-right{display:flex;align-items:center;gap:12px}.pricing-modal-title-row{display:flex;align-items:center;gap:10px;margin-bottom:2px}.pricing-modal-crown-icon{color:#4f46e5;display:flex;align-items:center;justify-content:center}.pricing-modal-title{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0}.pricing-modal-subtitle{font-size:13px;color:#64748b;margin:0}.pricing-modal-close-btn{background:#f1f5f9;border:none;width:34px;height:34px;border-radius:50%;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.pricing-modal-close-btn:hover{background:#e2e8f0;color:#0f172a;transform:scale(1.05)}.pricing-tab-switcher{display:flex;align-items:center;gap:4px;background:#f1f5f9;padding:4px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:0}.pricing-tab-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9px;font-size:12.5px;font-weight:700;color:#64748b;background:transparent;border:none;cursor:pointer;transition:all .15s ease}.pricing-tab-btn:hover{color:#0f172a}.pricing-tab-btn.active{background:#fff;color:#4f46e5;box-shadow:0 2px 6px #0000000f}.pricing-zap-tab-icon{color:#f59e0b}.pricing-tab-badge{background:#ecfdf5;color:#047857;font-size:10px;font-weight:800;padding:2px 7px;border-radius:9999px;letter-spacing:.03em;border:1px solid #a7f3d0}.pricing-topup-notice{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:10px 16px;border-radius:12px;font-size:12.5px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.pricing-topup-notice-icon{color:#16a34a;flex-shrink:0}.pricing-credit-banner{background:linear-gradient(135deg,#eef2ffe6,#f5f3ffe6);border:1px solid rgba(199,210,254,.7);border-radius:12px;padding:10px 16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;color:#3730a3}.pricing-credit-banner-title{display:flex;align-items:center;gap:6px;font-weight:700;color:#4338ca}.pricing-credit-zap{color:#6366f1}.pricing-credit-banner-items{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pricing-credit-tag{color:#312e81}.pricing-credit-dot{color:#818cf8}.pricing-feedback-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;padding:10px 16px;border-radius:10px;margin-bottom:20px;font-size:13.5px;display:flex;align-items:center;gap:8px}.pricing-feedback-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:10px 16px;border-radius:10px;margin-bottom:20px;font-size:13.5px;display:flex;align-items:center;gap:8px}.pricing-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.pricing-plan-card{background:#f8fafc;border-radius:20px;padding:24px 20px;border:1px solid #e2e8f0;display:flex;flex-direction:column;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-sizing:border-box}.pricing-plan-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000f;border-color:#cbd5e1}.pricing-plan-card.featured{background:#fff;border:2px solid #6366f1;box-shadow:0 8px 24px -4px #6366f129}.pricing-plan-card.featured:hover{box-shadow:0 14px 32px -4px #6366f138}.pricing-plan-card.topup-card{border-color:#e0e7ff}.pricing-plan-card.topup-card:hover{border-color:#c7d2fe}.pricing-badge{position:absolute;top:-11px;right:18px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;padding:3px 10px;border-radius:9999px;text-transform:uppercase}.pricing-badge.popular{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 8px #4f46e559}.pricing-badge.best-value{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 8px #05966959}.pricing-plan-name{font-size:12px;font-weight:800;color:#64748b;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.pricing-plan-card.featured .pricing-plan-name{color:#4f46e5}.pricing-plan-price-wrap{display:flex;align-items:baseline;gap:5px;margin-bottom:14px}.pricing-plan-price{font-size:30px;font-weight:800;color:#0f172a;line-height:1;letter-spacing:-.02em}.pricing-plan-period{font-size:12px;color:#64748b;font-weight:500}.pricing-credit-hero-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;margin-bottom:16px;display:flex;flex-direction:column;gap:3px}.pricing-plan-card.featured .pricing-credit-hero-box{background:#f5f3ff;border-color:#ddd6fe}.pricing-credit-hero-box.topup-hero{background:#faf5ff;border-color:#f3e8ff}.pricing-credit-hero-main{display:flex;align-items:center;gap:5px}.pricing-credit-hero-icon{color:#6366f1;flex-shrink:0}.pricing-credit-hero-num{font-size:14px;font-weight:800;color:#0f172a}.pricing-plan-card.featured .pricing-credit-hero-num{color:#3730a3}.pricing-credit-hero-sub{font-size:11.5px;color:#64748b;font-weight:500}.pricing-credit-hero-monthly{font-size:11px;font-weight:600;color:#6366f1;margin-left:18px}.pricing-section-label{font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.pricing-capacities-list{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:7px}.pricing-capacity-item{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#334155;line-height:1.3}.pricing-capacity-icon-wrap{width:18px;height:18px;border-radius:5px;background:#e2e8f0;color:#475569;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pricing-plan-card.featured .pricing-capacity-icon-wrap{background:#ede9fe;color:#6366f1}.pricing-card-divider{height:1px;background:#e2e8f0;margin:0 0 12px}.pricing-features-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px;flex-grow:1}.pricing-feature-item{display:flex;align-items:flex-start;gap:7px;font-size:11.5px;color:#64748b;line-height:1.35}.pricing-feature-check{color:#10b981;flex-shrink:0;margin-top:1px}.pricing-action-btn{width:100%;padding:11px 14px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease;border:none;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;box-sizing:border-box;margin-top:auto}.pricing-action-btn.dark{background:#0f172a;color:#fff}.pricing-action-btn.dark:hover{background:#1e293b;transform:translateY(-1px)}.pricing-action-btn.primary{background:#4f46e5;color:#fff;box-shadow:0 4px 12px #4f46e540}.pricing-action-btn.primary:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.pricing-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.pricing-action-btn.current{background:#e2e8f0;color:#475569;cursor:default;box-shadow:none}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(max-width:1080px){.pricing-cards-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:640px){.pricing-modal-box{padding:22px 18px;max-height:94vh}.pricing-cards-grid{grid-template-columns:1fr;gap:16px}.pricing-credit-banner{flex-direction:column;align-items:flex-start}}[data-theme=dark] .pricing-modal-box{background:#0f172a;color:#f8fafc;box-shadow:0 25px 60px -15px #000c,0 0 0 1px #1e293b}[data-theme=dark] .pricing-modal-title{color:#f8fafc}[data-theme=dark] .pricing-modal-subtitle{color:#94a3b8}[data-theme=dark] .pricing-modal-close-btn{background:#1e293b;color:#94a3b8}[data-theme=dark] .pricing-modal-close-btn:hover{background:#334155;color:#f8fafc}[data-theme=dark] .pricing-tab-switcher{background:#1e293b;border-color:#334155}[data-theme=dark] .pricing-tab-btn{color:#94a3b8}[data-theme=dark] .pricing-tab-btn:hover{color:#f8fafc}[data-theme=dark] .pricing-tab-btn.active{background:#0f172a;color:#818cf8;box-shadow:0 2px 8px #0006}[data-theme=dark] .pricing-tab-badge{background:#064e3b;color:#6ee7b7;border-color:#047857}[data-theme=dark] .pricing-topup-notice{background:#064e3b66;border-color:#047857;color:#a7f3d0}[data-theme=dark] .pricing-credit-banner{background:linear-gradient(135deg,#1e1b4bb3,#312e81b3);border-color:#6366f159;color:#c7d2fe}[data-theme=dark] .pricing-credit-banner-title{color:#a5b4fc}[data-theme=dark] .pricing-credit-tag{color:#e0e7ff}[data-theme=dark] .pricing-plan-card{background:#1e293b;border-color:#334155}[data-theme=dark] .pricing-plan-card:hover{border-color:#475569}[data-theme=dark] .pricing-plan-card.featured{background:#182234;border-color:#6366f1}[data-theme=dark] .pricing-plan-card.topup-card{border-color:#312e81}[data-theme=dark] .pricing-plan-card.topup-card:hover{border-color:#4f46e5}[data-theme=dark] .pricing-plan-name{color:#94a3b8}[data-theme=dark] .pricing-plan-price{color:#f8fafc}[data-theme=dark] .pricing-credit-hero-box{background:#0f172a;border-color:#334155}[data-theme=dark] .pricing-plan-card.featured .pricing-credit-hero-box{background:#1e1b4b;border-color:#4338ca}[data-theme=dark] .pricing-credit-hero-box.topup-hero{background:#1e1b4b;border-color:#3b0764}[data-theme=dark] .pricing-credit-hero-num{color:#f8fafc}[data-theme=dark] .pricing-capacity-item{color:#cbd5e1}[data-theme=dark] .pricing-capacity-icon-wrap{background:#334155;color:#94a3b8}[data-theme=dark] .pricing-plan-card.featured .pricing-capacity-icon-wrap{background:#312e81;color:#a5b4fc}[data-theme=dark] .pricing-card-divider{background:#334155}[data-theme=dark] .pricing-feature-item{color:#94a3b8}[data-theme=dark] .pricing-action-btn.dark{background:#334155;color:#fff}[data-theme=dark] .pricing-action-btn.dark:hover{background:#475569}[data-theme=dark] .pricing-action-btn.current{background:#1e293b;color:#64748b}.download-workspace-root{min-height:100vh;background-color:#f7f7f8;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;box-sizing:border-box}.download-topbar{height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:40}.download-topbar-left{display:flex;align-items:center;gap:16px;height:100%}.download-back-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:none;color:#111827;font-size:14.5px;font-weight:500;cursor:pointer;padding:6px 10px;border-radius:8px;height:32px;box-sizing:border-box;line-height:1;transition:all .15s ease}.download-back-btn svg{display:block;flex-shrink:0}.download-back-btn span{display:inline-block;line-height:1}.download-back-btn:hover{background:#f3f4f6;color:#000}.download-topbar-title{font-size:15.5px;font-weight:700;color:#111827;display:inline-flex;align-items:center;height:32px;line-height:1;margin:0;padding:0}.download-header-action-btn{display:inline-flex;align-items:center;gap:8px;background:#000;color:#fff;border:none;font-size:14px;font-weight:600;padding:10px 20px;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000001a;text-decoration:none}.download-btn-text-full{display:inline}.download-btn-text-mobile{display:none}.download-header-action-btn:hover{background:#27272a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.download-main-container{max-width:1280px;width:100%;margin:0 auto;padding:48px 36px 80px;box-sizing:border-box;flex:1}.download-hero-section{margin-bottom:32px}.download-overline{color:#10b981;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.download-heading{font-size:38px;font-weight:800;color:#111827;letter-spacing:-.02em;line-height:1.2;margin:0 0 10px}.download-subheading{font-size:16px;color:#6b7280;line-height:1.5;margin:0;max-width:680px}.download-controls-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px}.download-filter-pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.download-pill{padding:9px 22px;font-size:14px;font-weight:600;border-radius:9999px;border:1px solid #e5e7eb;background:#fff;color:#4b5563;cursor:pointer;transition:all .15s ease}.download-pill:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.download-pill.active{background:#111827;border-color:#111827;color:#fff;box-shadow:0 2px 4px #0000001a}.download-count-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.download-count-label{font-size:13.5px;font-weight:500;color:#4b5563;text-align:right}.download-search-input-box{position:relative;width:280px}.download-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.download-search-input{width:100%;height:42px;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:0 16px 0 42px;font-size:14px;color:#111827;outline:none;box-sizing:border-box;transition:all .15s ease}.download-search-input:focus{border-color:#111827;box-shadow:0 0 0 3px #0000000d}.download-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:48px}.download-card-item{background:#fff;border-radius:20px;padding:24px;border:1px solid #eef0f2;box-shadow:0 1px 3px #00000005;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;position:relative;text-align:left}.download-card-item:hover{transform:translateY(-3px);box-shadow:0 12px 24px -6px #00000014,0 4px 12px -2px #00000008;border-color:#dbeafe}.download-card-badge-recommended{position:absolute;top:16px;right:18px;background:#eff6ff;color:#2563eb;font-size:11px;font-weight:700;padding:3px 10px;border-radius:9999px;border:1px solid #dbeafe}.download-card-top-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:22px;flex-shrink:0}.download-card-meta-line{font-size:11px;font-weight:700;color:#2563eb;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px}.download-card-title-text{font-size:18px;font-weight:700;color:#111827;margin:0 0 8px;line-height:1.3}.download-card-desc-text{font-size:13.5px;color:#6b7280;line-height:1.5;margin:0 0 16px}.download-card-formats-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.download-format-chip{background:#f3f4f6;color:#4b5563;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:6px;font-family:monospace}.download-card-footer{margin-top:auto;padding-top:16px;border-top:1px solid #f3f4f6}.download-action-btn{width:100%;padding:10px 16px;border-radius:9999px;font-size:13.5px;font-weight:600;color:#fff;background:#000;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.download-action-btn:hover:not(:disabled){background:#27272a}.download-action-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.download-highlights-section{margin-top:48px;background:#fff;border-radius:24px;padding:36px 40px;border:1px solid #eef0f2}.download-highlights-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 24px}.download-highlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.download-highlight-card{display:flex;flex-direction:column;gap:8px}.download-highlight-icon{width:40px;height:40px;border-radius:10px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.download-highlight-card h4{font-size:15px;font-weight:700;color:#111827;margin:0}.download-highlight-card p{font-size:13.5px;color:#6b7280;line-height:1.5;margin:0}@media(max-width:768px){.download-topbar{height:52px;padding:0 14px;position:sticky;top:0;z-index:40}.download-topbar-left{gap:10px;min-width:0}.download-back-btn{padding:6px 8px;font-size:13.5px;gap:5px}.download-topbar-title{font-size:15px;white-space:nowrap}.download-header-action-btn{padding:6px 12px;font-size:12px;height:32px;gap:5px;flex-shrink:0}.download-btn-text-full{display:none}.download-btn-text-mobile{display:inline}.download-main-container{padding:24px 14px 60px;width:100%;box-sizing:border-box}.download-hero-section{margin-bottom:20px}.download-overline{font-size:11px;margin-bottom:8px}.download-heading{font-size:24px;letter-spacing:-.3px;line-height:1.25;margin-bottom:6px}.download-subheading{font-size:13.5px;line-height:1.45}.download-controls-row{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.download-filter-pills{display:flex;gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none;width:100%;-webkit-overflow-scrolling:touch}.download-filter-pills::-webkit-scrollbar{display:none}.download-pill{padding:6px 14px;font-size:12.5px;white-space:nowrap;flex-shrink:0}.download-count-wrap{width:100%;align-items:stretch;flex-direction:column;gap:6px}.download-count-label{font-size:12px;text-align:left}.download-search-input-box{width:100%}.download-search-input{height:38px;font-size:13.5px;padding:0 14px 0 38px}.download-search-icon{left:14px;width:14px;height:14px}.download-grid-layout{grid-template-columns:1fr;gap:14px;width:100%;margin-bottom:32px}.download-card-item{padding:16px 16px 14px;border-radius:16px}.download-card-top-icon-box{width:38px;height:38px;border-radius:10px;font-size:16px;margin-bottom:14px}.download-card-meta-line{font-size:10.5px;margin-bottom:6px}.download-card-title-text{font-size:16px;margin-bottom:6px}.download-card-desc-text{font-size:13px;line-height:1.45;margin-bottom:12px}.download-card-formats-row{gap:5px;margin-bottom:14px}.download-format-chip{font-size:11px;padding:2px 7px}.download-card-footer{padding-top:12px}.download-action-btn{padding:9px 14px;font-size:13px}.download-highlights-section{padding:20px 16px;border-radius:18px;margin-top:32px}.download-highlights-title{font-size:18px;margin-bottom:16px}.download-highlights-grid{grid-template-columns:1fr;gap:16px}}@media(max-width:480px){.download-topbar{height:48px;padding:0 10px}.download-back-btn span{display:none}.download-back-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.download-header-action-btn{padding:6px 10px;font-size:11.5px;height:30px}.download-main-container{padding:16px 10px 60px}.download-heading{font-size:20px}.download-subheading{font-size:12.5px}.download-card-item{padding:14px;border-radius:14px}}[data-theme=dark] .download-workspace-root{background-color:#0c0c0c;color:#f4f4f5}[data-theme=dark] .download-topbar{background:#161616;border-color:#262626}[data-theme=dark] .download-back-btn{color:#f4f4f5}[data-theme=dark] .download-back-btn:hover{background:#202020}[data-theme=dark] .download-topbar-title{color:#f4f4f5}[data-theme=dark] .download-header-action-btn{background:#fff;color:#000}[data-theme=dark] .download-header-action-btn:hover{background:#e4e4e7}[data-theme=dark] .download-heading{color:#f4f4f5}[data-theme=dark] .download-subheading{color:#a1a1aa}[data-theme=dark] .download-pill{background:#161616;border-color:#262626;color:#a1a1aa}[data-theme=dark] .download-pill:hover{background:#202020;color:#f4f4f5;border-color:#383838}[data-theme=dark] .download-pill.active{background:#202020;border-color:#383838;color:#fff}[data-theme=dark] .download-count-label{color:#a1a1aa}[data-theme=dark] .download-search-input{background:#161616;border-color:#262626;color:#f4f4f5}[data-theme=dark] .download-search-input:focus{border-color:#3b82f6}[data-theme=dark] .download-card-item{background:#161616;border-color:#262626}[data-theme=dark] .download-card-item:hover{border-color:#383838;box-shadow:0 12px 24px -6px #0006}[data-theme=dark] .download-card-title-text{color:#f4f4f5}[data-theme=dark] .download-card-desc-text{color:#a1a1aa}[data-theme=dark] .download-format-chip{background:#202020;color:#d4d4d8}[data-theme=dark] .download-card-footer{border-color:#242424}[data-theme=dark] .download-action-btn{background:#fff;color:#000}[data-theme=dark] .download-action-btn:hover:not(:disabled){background:#e4e4e7}[data-theme=dark] .download-highlights-section{background:#161616;border-color:#262626}[data-theme=dark] .download-highlights-title,[data-theme=dark] .download-highlight-card h4{color:#f4f4f5}[data-theme=dark] .download-highlight-card p{color:#a1a1aa}.pwa-hero-install{margin-top:22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:190px}.pwa-installed-badge{margin-top:22px;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:#dcfce7;color:#15803d;border:1px solid #bbf7d0;font-size:14px;font-weight:600}[data-theme=dark] .pwa-installed-badge{background:#0e2a19;color:#4ade80;border-color:#14532d}.pwa-note{display:flex;align-items:flex-start;gap:10px;margin:0 0 22px;padding:13px 16px;border-radius:10px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:14px;line-height:1.5}.pwa-note svg{flex:none;margin-top:1px}[data-theme=dark] .pwa-note{background:#2a2013;border-color:#4a3a1a;color:#fcd34d}.pwa-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}.pwa-steps li{display:flex;align-items:center;gap:9px;font-size:13.5px;line-height:1.45;color:#475569}.pwa-steps li svg{flex:none;color:#4f46e5}.pwa-steps-n{flex:none;width:19px;height:19px;display:grid;place-items:center;border-radius:6px;background:#f1f5f9;color:#0f172a;font-size:11px;font-weight:700}[data-theme=dark] .pwa-steps li{color:#a1a1aa}[data-theme=dark] .pwa-steps-n{background:#202020;color:#f8fafc}[data-theme=dark] .pwa-steps li svg{color:#818cf8}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;box-sizing:border-box;animation:authFadeIn .2s ease-out forwards}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal-box{background:#fff;color:#111827;border-radius:24px;width:100%;max-width:440px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000f;padding:36px 36px 30px;position:relative;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;animation:authPopIn .24s cubic-bezier(.16,1,.3,1) forwards}@keyframes authPopIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-modal-close-btn{position:absolute;top:18px;right:18px;width:32px;height:32px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.auth-modal-close-btn:hover{background:#f3f4f6;color:#111827;border-color:#d1d5db;transform:scale(1.05)}.auth-header-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}.auth-brand-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:12px;box-shadow:0 4px 14px #6366f159}.auth-title-text{font-size:21px;font-weight:800;color:#111827;letter-spacing:-.02em;margin:0 0 6px}.auth-subtitle-text{font-size:13.5px;color:#6b7280;line-height:1.45;margin:0;max-width:340px}.auth-segmented-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f3f4f6;padding:4px;border-radius:12px;gap:4px;margin-bottom:18px}.auth-segment-tab{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border-radius:9px;border:none;background:transparent;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.auth-segment-tab:hover:not(.active){color:#111827}.auth-segment-tab.active{background:#fff;color:#111827;box-shadow:0 2px 5px #00000014}.auth-social-row{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.auth-provider-btn{width:100%;height:42px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;color:#1f2937;font-size:13.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #0000000a}.auth-provider-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.auth-provider-btn:disabled{opacity:.6;cursor:not-allowed}.auth-provider-btn svg{flex-shrink:0}.auth-or-divider{display:flex;align-items:center;text-align:center;margin-bottom:18px}.auth-or-divider:before,.auth-or-divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.auth-or-divider span{padding:0 12px;font-size:11.5px;color:#9ca3af;text-transform:lowercase;font-weight:500}.auth-form-fields{display:flex;flex-direction:column;gap:14px}.auth-field-group{display:flex;flex-direction:column;gap:6px;text-align:left}.auth-field-group>span{font-size:12.5px;font-weight:600;color:#374151}.auth-password-header-row{display:flex;align-items:center;justify-content:space-between}.auth-password-header-row>span{font-size:12.5px;font-weight:600;color:#374151}.auth-forgot-btn{background:transparent;border:none;color:#6366f1;font-size:12px;font-weight:600;cursor:pointer;padding:0}.auth-forgot-btn:hover{text-decoration:underline}.auth-text-input{width:100%;height:42px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:0 14px;font-size:14px;color:#111827;outline:none;box-sizing:border-box;transition:all .15s ease}.auth-text-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.auth-password-input-wrap{position:relative;display:flex;align-items:center;width:100%}.auth-password-input-wrap input{padding-right:42px}.auth-eye-toggle-btn{position:absolute;right:8px;width:30px;height:30px;border:none;background:transparent;color:#9ca3af;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px}.auth-eye-toggle-btn:hover:not(:disabled){color:#374151;background:#e5e7eb}.auth-error-alert{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:12.5px;line-height:1.4}.auth-main-submit-btn{width:100%;height:44px;background:#000;color:#fff;border:none;border-radius:12px;font-size:14.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #0000001a;margin-top:4px}.auth-main-submit-btn:hover:not(:disabled){background:#27272a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.auth-main-submit-btn:disabled{opacity:.65;cursor:not-allowed}.auth-demo-footer{margin-top:18px;display:flex;align-items:center;justify-content:center}.auth-demo-quick-btn{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b;font-size:12px;font-weight:500;padding:7px 14px;border-radius:9999px;cursor:pointer;transition:all .15s ease}.auth-demo-quick-btn:hover{background:#eff6ff;border-color:#6366f1;color:#4f46e5}.auth-demo-quick-btn code{color:#1e293b;font-weight:600;font-family:monospace}[data-theme=dark] .auth-modal-box{background:#161616;color:#f4f4f5;box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #262626}[data-theme=dark] .auth-modal-close-btn{background:#202020;border-color:#2e2e2e;color:#a1a1aa}[data-theme=dark] .auth-modal-close-btn:hover{background:#2a2a2a;color:#fff}[data-theme=dark] .auth-title-text{color:#f4f4f5}[data-theme=dark] .auth-subtitle-text{color:#a1a1aa}[data-theme=dark] .auth-segmented-tabs{background:#0c0c0c;border-color:#262626}[data-theme=dark] .auth-segment-tab{color:#a1a1aa}[data-theme=dark] .auth-segment-tab.active{background:#161616;color:#fff;box-shadow:0 2px 8px #0006}[data-theme=dark] .auth-provider-btn{background:#161616;border-color:#262626;color:#f4f4f5}[data-theme=dark] .auth-provider-btn:hover:not(:disabled){background:#202020;border-color:#333}[data-theme=dark] .auth-provider-btn svg{color:#fff}[data-theme=dark] .auth-or-divider:before,[data-theme=dark] .auth-or-divider:after{border-color:#242424}[data-theme=dark] .auth-field-group>span,[data-theme=dark] .auth-password-header-row>span{color:#d4d4d8}[data-theme=dark] .auth-text-input{background:#161616;border-color:#262626;color:#f4f4f5}[data-theme=dark] .auth-text-input:focus{background:#0c0c0c;border-color:#6366f1}[data-theme=dark] .auth-main-submit-btn{background:#6366f1;color:#fff}[data-theme=dark] .auth-main-submit-btn:hover:not(:disabled){background:#4f46e5}[data-theme=dark] .auth-demo-quick-btn{background:#161616;border-color:#262626;color:#a1a1aa}[data-theme=dark] .auth-demo-quick-btn code{color:#e4e4e7}.auth-signin-options-row{display:flex;align-items:center;justify-content:space-between;margin:2px 0 4px}.auth-remember-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-remember-checkbox{width:15px;height:15px;border-radius:4px;accent-color:#6366f1;cursor:pointer;flex-shrink:0}.auth-remember-label span{font-size:12.5px;color:#4b5563;font-weight:500}[data-theme=dark] .auth-remember-label span{color:#a1a1aa}.auth-terms-checkbox-label{display:flex;align-items:flex-start;gap:9px;cursor:pointer;margin:4px 0 2px;text-align:left;-webkit-user-select:none;user-select:none}.auth-terms-checkbox{width:16px;height:16px;margin-top:2px;border-radius:4px;accent-color:#6366f1;cursor:pointer;flex-shrink:0}.auth-terms-checkbox-label span{font-size:12.5px;line-height:1.45;color:#6b7280}.auth-legal-link{color:#6366f1;font-weight:600;text-decoration:none;transition:all .15s ease}.auth-legal-link:hover{text-decoration:underline;color:#4f46e5}[data-theme=dark] .auth-terms-checkbox-label span{color:#9ca3af}[data-theme=dark] .auth-legal-link{color:#818cf8}[data-theme=dark] .auth-legal-link:hover{color:#a5b4fc}.auth-confirm-screen{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 4px;gap:8px}.auth-confirm-icon-circle{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:2px solid #c7d2fe;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;animation:authIconPop .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes authIconPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}[data-theme=dark] .auth-confirm-icon-circle{background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#4338ca}.spin{animation:spin .8s linear infinite}.code-page{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden;background:transparent;color:var(--text);box-sizing:border-box}.code-page .home-panel-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:850px;margin:auto;padding:24px;gap:0;box-sizing:border-box}.code-page .home-panel-inner .hero-greeting{margin-bottom:20px}.code-bar-tabs{display:inline-flex;align-self:flex-start;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:12px 12px 0 0;padding:4px 5px;margin-bottom:-1px;position:relative;z-index:2}.code-bar-tab{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--text-2);background:transparent;border:none;cursor:pointer;transition:all .15s ease;font-family:inherit}.code-bar-tab:hover{color:var(--text);background:var(--surface-hover)}.code-bar-tab.active{color:#fff;background:var(--accent, #6366f1);box-shadow:0 2px 8px #6366f159}.code-bar-tab.active svg{color:#fff}.code-tab-kbd-hint{font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;background:var(--bg);border:1px solid var(--border);color:var(--text-3);margin-left:2px;opacity:.85;transition:all .15s ease}.code-bar-tab.active .code-tab-kbd-hint{background:#fff3;border-color:#ffffff59;color:#fff}.code-template-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;font-size:10px;font-weight:800;background:#fff;color:var(--accent, #6366f1);margin-left:2px}.code-quota-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;color:var(--accent, #6366f1);background:var(--accent-bg, rgba(99, 102, 241, .1));border:1px solid var(--accent-border, rgba(99, 102, 241, .25))}.prompt-box{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card, 20px);padding:18px 20px 14px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:10px;position:relative;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.prompt-container-outer .prompt-box{border-top-left-radius:0}.prompt-box:focus-within{border-color:var(--border-hover);box-shadow:var(--shadow-float)}.prompt-textarea{width:100%;min-height:48px;max-height:240px;background:transparent;border:none;outline:none;resize:none;font-size:15px;color:var(--text);line-height:1.5;font-family:inherit;box-sizing:border-box}.prompt-textarea::placeholder{color:#64748b;font-weight:400}.staged-files-row{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 8px;border-bottom:none!important}.file-preview-chip-error{border-color:#ef4444;background:#ef444414}.file-preview-img-wrap{width:32px;height:32px;border-radius:6px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;flex-shrink:0}.template-chip-img{width:100%;height:100%;object-fit:cover;display:block}.file-preview-img{width:100%;height:100%;object-fit:cover}.file-preview-doc{display:flex;align-items:center;gap:6px;flex-shrink:0}.file-preview-doc-info{display:flex;flex-direction:column}.file-preview-doc-name{font-weight:600;color:var(--text);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-doc-type{font-size:10px;color:var(--text-3)}.file-preview-progress-bar{position:absolute;bottom:0;left:0;height:2px;background:var(--accent, #6366f1);transition:width .1s ease}.prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}.prompt-toolbar-left,.prompt-toolbar-right{display:flex;align-items:center;gap:6px}.toolbar-btn{width:32px;height:32px;border-radius:8px;background:transparent;border:1px solid transparent;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.toolbar-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.active-toolbar-btn{background:var(--accent-bg, rgba(99, 102, 241, .12));color:var(--accent, #6366f1);border-color:var(--accent-border, rgba(99, 102, 241, .3))}.code-template-dot-badge{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--accent, #6366f1);box-shadow:0 0 6px #6366f1cc}.send-btn{width:32px;height:32px;border-radius:10px;background:var(--surface-hover);border:1px solid var(--border);color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.send-btn.active{background:var(--accent, #6366f1);border-color:transparent;color:#fff;box-shadow:0 2px 8px #6366f166}.send-btn.active:hover{transform:translateY(-1px);background:var(--accent-hover, #4f46e5)}.cp-read-links-toggle{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 6px;border-radius:999px;background:var(--surface-hover);border:1px solid var(--border);color:var(--text-2);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.cp-read-links-knob{width:12px;height:12px;border-radius:50%;background:var(--text-3);transition:all .15s ease}.cp-read-links-toggle.on{background:#10b9811f;border-color:#10b98159;color:#10b981}.cp-read-links-toggle.on .cp-read-links-knob{background:#10b981;box-shadow:0 0 6px #10b98180}.optimizer-goal-menu{position:absolute;bottom:calc(100% + 8px);top:auto;animation:dropdownPop .2s cubic-bezier(.16,1,.3,1) both;left:0;width:220px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-float);padding:6px;z-index:150;display:flex;flex-direction:column;gap:2px}.optimizer-goal-menu-title{font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;padding:6px 8px 4px}.optimizer-goal-item{width:100%;padding:7px 10px;border-radius:8px;background:transparent;border:none;color:var(--text);font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background .12s;font-family:inherit}.optimizer-goal-item:hover{background:var(--surface-hover)}.optimizer-goal-plain{color:var(--text-2);border-top:1px solid var(--border);margin-top:2px;padding-top:8px}.optimizer-tooltip{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12px;color:var(--text);box-shadow:var(--shadow-md);white-space:nowrap;z-index:120}.command-suggestions-row{display:flex;flex-wrap:wrap;gap:8px;width:100%;justify-content:center}.command-suggestion-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-sm);font-family:inherit}.command-suggestion-chip:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text);transform:translateY(-1px)}.command-suggestion-icon{color:var(--accent, #6366f1)}.command-suggestions-dropdown{position:absolute;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-float);overflow:hidden;z-index:200;max-height:280px;display:flex;flex-direction:column}.command-suggestions-dropdown.direction-down{top:calc(100% + 6px)}.command-suggestions-dropdown.direction-up{bottom:calc(100% + 6px)}.command-suggestions-header{padding:8px 12px;font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.command-suggestions-menu{overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:2px}.command-suggestion-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:transparent;border:none;color:var(--text);font-size:13px;text-align:left;cursor:pointer;width:100%;font-family:inherit}.command-suggestion-item:hover,.command-suggestion-item.selected{background:var(--surface-hover);color:var(--accent, #6366f1)}.command-item-icon-wrap{width:24px;height:24px;border-radius:6px;background:var(--accent-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.command-item-content{display:flex;flex-direction:column;flex:1}.command-item-name{font-weight:600}.command-item-desc{font-size:11px;color:var(--text-3)}.template-select-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600;color:var(--text);box-shadow:var(--shadow-float);z-index:1000;display:flex;align-items:center;gap:8px}.code-workspace{display:flex;flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;background:var(--bg);color:var(--text);overflow:hidden;box-sizing:border-box}.crp-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;height:42px;padding:0 12px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;z-index:50;gap:8px;box-sizing:border-box}.crp-topbar-left{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0}.crp-topbar.preview-active .crp-topbar-left{flex:1 1 auto}.crp-topbar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;z-index:10;pointer-events:auto}.crp-topbar-right{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin-left:auto;position:relative;z-index:20}.crp-topbar-divider{width:1px;height:14px;background:var(--border);margin:0 2px;flex-shrink:0}.crp-top-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 10px!important;border-radius:7px!important;background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text-2)!important;font-size:11.5px!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;font-family:inherit!important;white-space:nowrap!important;box-sizing:border-box!important}.crp-top-action-btn:hover{background:var(--surface-hover)!important;color:var(--text)!important;border-color:var(--border-hover)!important}.crp-publish-btn{height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 12px!important;border-radius:7px!important;font-size:11.5px!important;font-weight:600!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;cursor:pointer!important;box-sizing:border-box!important}.crp-publish-btn:hover{filter:brightness(1.1);box-shadow:0 2px 10px #6366f166}.crp-body{display:flex;flex:1;width:100%;height:calc(100vh - 42px);overflow:hidden;position:relative}.crp-left{display:flex;flex-direction:column;flex:1;min-width:320px;max-width:none;background:var(--surface);border-right:1px solid var(--border);height:100%;position:relative}.crp-right{display:flex;flex-direction:column;flex:1;height:100%;background:var(--bg);position:relative;overflow:hidden}.code-editor-layout{display:flex;width:100%;height:100%;overflow:hidden}.code-file-list{width:100%;background:var(--surface);height:100%;display:flex;flex-direction:column;overflow-y:auto;flex:1}.code-file-sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;overflow:hidden;flex-shrink:0}.code-file-sidebar.explorer-collapsed .code-file-list{align-items:center;padding:4px 0;width:100%;min-width:0}.code-file-sidebar.explorer-collapsed .code-file-item{width:100%;display:flex;justify-content:center;align-items:center;padding:0}.code-file-sidebar.explorer-collapsed .code-file-btn{width:36px;height:36px;min-width:36px;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s ease}.code-file-sidebar.explorer-collapsed .code-file-btn:hover{background:var(--surface-hover)}.code-file-sidebar.explorer-collapsed .code-file-item.active .code-file-btn{background:var(--accent-bg);color:var(--accent)}.code-file-sidebar.explorer-collapsed .code-folder-children-group{display:none}.code-file-sidebar-header{display:flex!important;align-items:center!important;justify-content:space-between!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 10px!important;font-size:11px!important;font-weight:700!important;color:var(--text-3)!important;text-transform:uppercase!important;letter-spacing:.5px!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important;box-sizing:border-box!important;flex-shrink:0!important}.code-editor-pane{display:flex;flex-direction:column;flex:1;height:100%;background:var(--bg);overflow:hidden}.code-editor-tab-bar{display:flex!important;align-items:center!important;height:42px!important;min-height:42px!important;max-height:42px!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important;box-sizing:border-box!important;overflow-x:auto!important;padding:0 8px!important;gap:4px!important;flex-shrink:0!important}.code-editor-tab-main{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:0!important;font-size:12.5px!important;color:inherit!important;background:transparent!important;border:none!important;cursor:pointer!important;font-family:inherit!important}.code-editor-tab-main.active{background:transparent!important;color:inherit!important;font-weight:600!important;border:none!important}.crp-fullpreview{display:flex;flex-direction:column;width:100%;height:100%;background:#fff;position:relative}.crp-preview-urlbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--border);font-size:12px;color:var(--text-2)}.crp-fullpreview-iframe{width:100%;height:100%;border:none;flex:1;background:#fff}.modal-backdrop,.templates-modal-overlay,.template-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal-card,.templates-modal-card,.template-modal-container{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:0 24px 60px #0009;width:100%;max-width:1040px;height:86vh;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;position:relative;box-sizing:border-box}.template-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 28px 14px;border-bottom:1px solid var(--border);position:relative;flex-shrink:0}.template-modal-title-wrap{display:flex;flex-direction:column;gap:3px}.template-modal-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent, #6366f1);background:var(--accent-bg, rgba(99, 102, 241, .12));border:1px solid var(--accent-border, rgba(99, 102, 241, .25));width:fit-content;margin-bottom:2px}.template-modal-title{font-size:22px;font-weight:800;letter-spacing:-.4px;color:var(--text);margin:0}.template-modal-subtitle{font-size:13px;color:var(--text-2);margin:0}.template-modal-close{width:32px;height:32px;border-radius:9px;background:var(--surface-hover);border:1px solid var(--border);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.template-modal-close:hover{background:#ef444426;color:#ef4444;border-color:#ef44444d}.template-modal-toolbar{display:flex;flex-direction:column;gap:10px;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.template-toolbar-row-top{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}.template-toolbar-row-bottom{display:flex;align-items:center;gap:6px;width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.template-toolbar-row-bottom::-webkit-scrollbar{display:none}.template-target-switch{display:inline-flex;align-items:center;gap:4px;padding:3px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.template-switch-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--text-2);background:transparent;border:none;cursor:pointer;transition:all .15s ease;font-family:inherit}.template-switch-btn:hover{color:var(--text)}.template-switch-btn.active{background:var(--surface-hover);color:var(--accent, #6366f1);box-shadow:var(--shadow-sm)}.template-switch-count{font-size:11px;padding:1px 6px;border-radius:999px;background:var(--bg);color:var(--text-3)}.template-switch-btn.active .template-switch-count{background:var(--accent-bg);color:var(--accent)}.template-search-wrap{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:9px;width:260px;max-width:320px;transition:border-color .15s ease}.template-search-wrap:focus-within{border-color:var(--accent, #6366f1)}.template-search-icon{color:var(--text-3);flex-shrink:0}.template-search-input{width:100%;background:transparent;border:none;outline:none;font-size:12.5px;color:var(--text);font-family:inherit}.template-search-input::placeholder{color:var(--text-3)}.template-search-clear{background:transparent;border:none;color:var(--text-3);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px}.template-search-clear:hover{color:var(--text)}.template-category-pills{display:flex;align-items:center;gap:5px;flex-shrink:0}.template-cat-pill{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--text-2);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .15s ease;font-family:inherit}.template-cat-pill:hover{background:var(--surface-hover);color:var(--text)}.template-cat-pill.active{background:var(--accent-bg, rgba(99, 102, 241, .15));border-color:var(--accent-border, rgba(99, 102, 241, .4));color:var(--accent, #6366f1)}.template-grid-scroll{padding:16px 28px 24px;overflow-y:auto;flex:1;min-height:0}.template-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.template-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;height:100%}.template-card:hover{border-color:var(--border-hover, #6366f1);transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.template-card.is-selected{border-color:var(--accent, #6366f1);box-shadow:0 0 0 2px var(--accent-bg, rgba(99, 102, 241, .3))}.template-card-preview-wrap{width:100%;height:145px;background:#0f172a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.template-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.template-card:hover .template-card-img{transform:scale(1.04)}.template-card-fallback-img{display:flex;align-items:center;justify-content:center;color:var(--accent, #6366f1);opacity:.6}.template-selected-badge{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--accent, #6366f1);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006;z-index:5}.template-card-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:4}.template-card:hover .template-card-hover-overlay{opacity:1;pointer-events:auto}.template-card-quick-preview-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:11.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #00000059;transition:all .15s ease}.template-card-quick-preview-btn:hover{transform:scale(1.05);border-color:var(--accent);color:var(--accent)}.template-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1;gap:6px}.template-card-header-row{display:flex;align-items:center;justify-content:space-between}.template-card-category{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent, #6366f1)}.template-card-popular-pill{font-size:9.5px;font-weight:700;padding:1.5px 6px;border-radius:999px;background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.template-card-title{font-size:14.5px;font-weight:700;color:var(--text);margin:0;line-height:1.3}.template-card-desc{font-size:12px;color:var(--text-2);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px;flex:1}.template-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:8px;border-top:1px solid var(--border);margin-top:auto}.template-card-tags{display:flex;align-items:center;gap:3px;overflow:hidden}.template-tag-chip{font-size:10px;font-weight:500;padding:2px 5px;border-radius:5px;background:var(--bg);color:var(--text-3);border:1px solid var(--border);white-space:nowrap}.template-card-use-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:8px;background:var(--accent-bg, rgba(99, 102, 241, .12));border:1px solid var(--accent-border, rgba(99, 102, 241, .3));color:var(--accent, #6366f1);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease;flex-shrink:0}.template-card:hover .template-card-use-btn{background:var(--accent, #6366f1);color:#fff;border-color:transparent}.template-live-preview-pane{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;padding:14px 20px 18px;gap:10px;overflow:hidden;box-sizing:border-box}.template-preview-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-shrink:0}.template-preview-meta{display:flex;align-items:center;gap:10px}.template-preview-back-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--accent, #6366f1);font-size:12.5px;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.template-preview-back-btn:hover{background:var(--surface-hover)}.template-preview-divider{width:1px;height:14px;background:var(--border)}.template-preview-title{font-size:14px;font-weight:700;color:var(--text)}.template-preview-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--surface-hover);color:var(--text-3);text-transform:uppercase}.template-preview-actions{display:flex;align-items:center;gap:8px}.template-preview-vp-dropdown{position:relative;display:inline-flex;align-items:center}.template-preview-vp-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:5px 26px 5px 10px;font-size:11.5px;font-weight:600;color:var(--text);cursor:pointer;outline:none;transition:all .15s ease;font-family:inherit}.template-preview-vp-select:hover{border-color:var(--border-hover, #6366f1);background:var(--surface-hover)}.template-preview-vp-select:focus{border-color:var(--accent, #6366f1);box-shadow:0 0 0 2px #6366f133}.template-preview-vp-select-icon{position:absolute;right:8px;pointer-events:none;color:var(--text-3)}.template-preview-fullview-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:8px;background:var(--bg);border:1px solid var(--border);color:var(--text-2);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.template-preview-fullview-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--accent, #6366f1);box-shadow:0 2px 8px #0003}.template-preview-apply-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;background:var(--accent, #6366f1);color:#fff;font-size:12px;font-weight:700;border:none;cursor:pointer;box-shadow:0 2px 8px #6366f159;transition:filter .15s ease}.template-preview-apply-btn:hover{filter:brightness(1.1)}.template-modal-close-preview{width:28px;height:28px;border-radius:7px;background:var(--surface-hover);border:1px solid var(--border);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.template-modal-close-preview:hover{background:#ef444426;color:#ef4444}.template-preview-frame-wrap{flex:1;min-height:0;background:radial-gradient(circle at 50% 20%,rgba(99,102,241,.03) 0%,transparent 60%),linear-gradient(135deg,#f8fafc,#edf2f7,#e2e8f0);background-image:radial-gradient(#cbd5e1 1.2px,transparent 1.2px);background-size:20px 20px;border:1px solid var(--border);border-radius:16px;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;box-sizing:border-box;position:relative;box-shadow:inset 0 2px 10px #00000008}[data-theme=dark] .template-preview-frame-wrap{background:radial-gradient(circle at 50% 20%,rgba(99,102,241,.08) 0%,transparent 60%),linear-gradient(135deg,#090d16,#030712);background-image:radial-gradient(rgba(255,255,255,.08) 1.2px,transparent 1.2px);background-size:20px 20px;border:1px solid #1e293b;box-shadow:inset 0 2px 10px #0009}.template-preview-frame-wrap.vp-mobile-wrap{padding:20px 0}.template-preview-browser-frame{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;height:100%;border:1px solid var(--border);box-shadow:0 25px 60px -15px #00000029,0 0 0 1px #0000000a;background:var(--surface);transition:all .25s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .template-preview-browser-frame{box-shadow:0 25px 60px -15px #000c,0 0 0 1px #ffffff14}.browser-window-header{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;-webkit-user-select:none;user-select:none}.browser-traffic-lights{display:flex;align-items:center;gap:6px;width:60px}.browser-traffic-lights .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.browser-traffic-lights .dot-close{background:#ef4444}.browser-traffic-lights .dot-minimize{background:#eab308}.browser-traffic-lights .dot-maximize{background:#22c55e}.browser-address-bar{display:flex;align-items:center;gap:6px;padding:3px 14px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:11.5px;font-family:var(--font-mono, monospace);font-weight:500;color:var(--text-2);max-width:320px;width:100%;justify-content:center}.browser-lock-icon{font-size:10px;opacity:.7}.browser-viewport-tag{font-size:10.5px;font-weight:600;color:var(--text-3);font-family:var(--font-mono, monospace);width:80px;text-align:right}.template-preview-loader-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);z-index:25;pointer-events:none;animation:fadeOut .25s ease-out forwards}.template-loader-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent, #6366f1);border-radius:50%;animation:spin .7s linear infinite;margin-bottom:12px}.template-loader-text{font-size:12px;font-weight:600;color:var(--text-2)}.mobile-phone-chassis{width:385px;height:min(780px,calc(100% - 10px));background:#10141d;border-radius:48px;padding:10px;box-shadow:0 25px 60px -15px #00000059,0 0 0 1px #ffffff2e,inset 0 0 0 2px #ffffff0f;position:relative;display:flex;flex-direction:column;box-sizing:border-box;animation:phoneChassisEnter .3s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .mobile-phone-chassis{box-shadow:0 25px 60px -15px #000000e6,0 0 0 1px #ffffff24,inset 0 0 0 2px #ffffff0d}@keyframes phoneChassisEnter{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.phone-hardware-btn{position:absolute;background:#252c3c;box-shadow:inset 0 0 2px #ffffff26}.phone-hardware-btn.btn-action{left:-3px;top:105px;width:3px;height:26px;border-radius:2px 0 0 2px}.phone-hardware-btn.btn-vol-up{left:-3px;top:145px;width:3px;height:48px;border-radius:2px 0 0 2px}.phone-hardware-btn.btn-vol-down{left:-3px;top:205px;width:3px;height:48px;border-radius:2px 0 0 2px}.phone-hardware-btn.btn-power{right:-3px;top:160px;width:3px;height:68px;border-radius:0 2px 2px 0}.phone-screen-inner{background:#020617;border-radius:38px;overflow:hidden;height:100%;display:flex;flex-direction:column;position:relative;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 10px #000c}.phone-status-bar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#030712f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;z-index:10;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.phone-status-time{font-size:12px;font-weight:700;color:#f8fafc;letter-spacing:-.2px;width:44px}.phone-dynamic-island{width:94px;height:22px;background:#000;border-radius:20px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;box-shadow:0 2px 8px #0009,inset 0 0 0 1px #ffffff0f}.island-lens{width:9px;height:9px;border-radius:50%;background:#090d16;border:1.5px solid #1e293b;box-shadow:inset 0 0 3px #0284c7}.island-sensor{width:7px;height:7px;border-radius:50%;background:#1e1b4b;opacity:.7}.phone-status-icons{display:flex;align-items:center;gap:5px;width:44px;justify-content:flex-end}.phone-signal-5g{font-size:9px;font-weight:800;color:#94a3b8;letter-spacing:-.3px}.phone-signal-bars{display:flex;align-items:flex-end;gap:1.5px;height:9px}.phone-signal-bars .bar{width:2px;background:#94a3b8;border-radius:1px}.phone-signal-bars .bar-1{height:3px}.phone-signal-bars .bar-2{height:5px}.phone-signal-bars .bar-3{height:7px}.phone-signal-bars .bar-4{height:9px}.phone-battery{width:18px;height:9px;border:1.5px solid #94a3b8;border-radius:3px;padding:1px;display:flex;align-items:center;position:relative}.phone-battery:after{content:"";position:absolute;right:-3px;top:2px;width:1.5px;height:3px;background:#94a3b8;border-radius:0 1px 1px 0}.phone-battery-level{height:100%;width:80%;background:#10b981;border-radius:1px}.phone-home-indicator-bar{height:16px;background:#030712f2;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:10}.phone-home-pill{width:110px;height:4px;background:#fff6;border-radius:9999px}.mobile-app-iframe{flex:1;width:100%;height:100%;border:none;background:#030712;display:block}.template-preview-frame-container{transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;height:100%}.template-preview-frame-container.vp-tablet{width:768px;height:calc(100% - 24px);border-radius:14px;border:1px solid var(--border);box-shadow:0 10px 30px #0006}.template-preview-frame-container.vp-desktop{width:100%;height:100%;border:none;border-radius:inherit}.template-preview-iframe{width:100%;height:100%;border:none;display:block;background:#020617;border-radius:inherit}.template-multi-select-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px #0003;flex-shrink:0}.template-multi-info{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text)}.template-multi-names{color:var(--accent, #6366f1);font-weight:600}.template-multi-apply-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:8px;background:var(--accent, #6366f1);color:#fff;font-size:12.5px;font-weight:700;border:none;cursor:pointer;box-shadow:0 2px 10px #6366f159;transition:filter .15s ease}.template-multi-apply-btn:hover{filter:brightness(1.1)}.template-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:12px;color:var(--text-2)}.template-empty-icon{color:var(--text-3);margin-bottom:12px;opacity:.5}.template-empty-btn{margin-top:16px;padding:8px 18px;border-radius:10px;background:var(--accent, #6366f1);color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer}@keyframes crp-spin{to{transform:rotate(360deg)}}@keyframes crp-pop-in{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes crp-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}.animate-pop{animation:crp-pop-in .18s cubic-bezier(.16,1,.3,1)}.crp-root{display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden;background:var(--bg);color:var(--text)}.crp-preview-spin{animation:crp-spin .8s linear infinite}.crp-new-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 10px!important;border-radius:7px!important;background:var(--bg)!important;border:1px solid var(--border)!important;color:var(--text-2)!important;font-size:11.5px!important;font-weight:600!important;cursor:pointer!important;flex-shrink:0!important;font-family:inherit!important;transition:all .15s ease!important;box-sizing:border-box!important}.crp-new-btn:hover{color:var(--text)!important;border-color:var(--border-hover, var(--border))!important;background:var(--surface-hover)!important}.crp-view-pills{display:inline-flex!important;align-items:center!important;gap:2px!important;height:28px!important;padding:2px!important;background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:7px!important;flex-shrink:0!important;box-sizing:border-box!important}.crp-view-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;height:22px!important;padding:0 8px!important;border-radius:5px!important;border:none!important;background:transparent!important;color:var(--text-3)!important;font-size:11.5px!important;font-weight:500!important;cursor:pointer!important;white-space:nowrap!important;font-family:inherit!important;transition:all .15s ease!important;box-sizing:border-box!important}.crp-view-pill:hover{color:var(--text)!important}.crp-view-pill.active{background:var(--surface)!important;color:var(--accent, #6366f1)!important;font-weight:600!important;box-shadow:0 1px 2px #0000000f!important}.crp-preview-urlbar{gap:8px;padding:6px 12px;background:var(--surface);border-bottom:1px solid var(--border);min-height:40px}.crp-unified-searchbar{display:flex!important;align-items:center!important;gap:3px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 3px 0 5px!important;background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:7px!important;flex:1 1 auto!important;min-width:220px!important;box-sizing:border-box!important;transition:border-color .15s ease,box-shadow .15s ease!important;position:relative!important}.crp-unified-searchbar:focus-within{border-color:var(--accent, #6366f1);box-shadow:0 0 0 2px var(--accent-bg, rgba(99, 102, 241, .15))}.crp-url-nav-btns{display:flex;align-items:center;gap:1px;flex-shrink:0}.crp-url-icon-btn{background:transparent;border:none;width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--text-3);cursor:pointer;padding:0;transition:all .12s ease}.crp-url-icon-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.crp-url-icon-btn:disabled{opacity:.3;cursor:default}.crp-url-inner-divider{width:1px;height:14px;background:var(--border);flex-shrink:0;margin:0 2px}.crp-unified-searchbar .crp-preview-urltext{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-size:12px;font-family:inherit;padding:0 4px}.crp-url-viewport-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;height:22px;border-radius:5px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap;flex-shrink:0}.crp-url-viewport-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-hover)}.crp-url-viewport-btn.active{color:var(--accent, #6366f1);border-color:var(--accent-border, rgba(99, 102, 241, .3));background:var(--accent-bg, rgba(99, 102, 241, .12))}.crp-url-field{flex:1 1 auto;min-width:260px;display:flex;align-items:center;gap:7px;height:30px;padding:0 10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.crp-url-field:focus-within{border-color:var(--accent, #6366f1);box-shadow:0 0 0 3px var(--accent-bg, rgba(99, 102, 241, .14))}.crp-url-field .crp-preview-urltext{flex:1;min-width:0;width:auto}.crp-viewports-wrap{flex-shrink:0}.crp-viewport-toggle{white-space:nowrap}.crp-viewport-toggle.active{color:var(--accent, #6366f1);border-color:var(--accent-border, rgba(99, 102, 241, .3));background:var(--accent-bg, rgba(99, 102, 241, .12))}.crp-viewport-menu{top:calc(100% + 6px);right:0;min-width:180px}.crp-viewport-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border-radius:8px;background:transparent;border:none;color:var(--text-2);font-size:12.5px;font-weight:500;text-align:left;cursor:pointer;font-family:inherit;transition:background .12s ease}.crp-viewport-menu-item:hover{background:var(--surface-hover);color:var(--text)}.crp-viewport-menu-item.selected{color:var(--accent, #6366f1);font-weight:600}.crp-preview-urltext{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text-2);font-size:12px;font-family:inherit}.crp-save-state-chip{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;border:1px solid var(--border);color:var(--text-3);white-space:nowrap;flex-shrink:0}.crp-save-state-chip.saving{color:var(--accent, #6366f1);border-color:#6366f159}.crp-save-state-chip.saved{color:#10b981;border-color:#10b98159}.crp-save-state-chip.unsaved{color:#f59e0b;border-color:#f59e0b59}.crp-fidelity-chip{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;border:1px solid;white-space:nowrap;flex-shrink:0}.crp-fidelity-clean{color:#10b981;border-color:#10b98159}.crp-fidelity-dirty{color:#f59e0b;border-color:#f59e0b59}.crp-export-wrap{position:relative}.crp-export-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-float, 0 12px 32px rgba(0, 0, 0, .4));padding:4px;display:flex;flex-direction:column;gap:1px;z-index:10000}.crp-export-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:8px;background:transparent;border:none;color:var(--text-2);font-size:12px;font-weight:500;text-align:left;cursor:pointer;font-family:inherit;transition:background .12s ease}.crp-export-item:hover{background:var(--surface-hover);color:var(--text)}.crp-export-item:disabled,.crp-export-item-disabled{opacity:.55;cursor:default}.crp-export-item-disabled:hover{background:transparent}.crp-export-divider{height:1px;background:var(--border);margin:4px 8px}.crp-export-soon{margin-left:auto;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:1px 7px;border-radius:999px;background:var(--surface-hover);color:var(--text-3)}.crp-seo-badge{border-radius:999px;background:#f59e0b1f;border-color:#f59e0b59;color:#f59e0b}.crp-seo-badge:hover{background:#f59e0b33;color:#f59e0b;border-color:#f59e0b80}.crp-collab-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#10b981;font-size:11.5px;font-weight:700;cursor:pointer;flex-shrink:0;font-family:inherit}.crp-collab-chip:hover{background:#10b98133}.crp-collab-avatars{display:inline-flex;align-items:center}.crp-collab-avatar{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:9.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--surface);margin-left:-6px;text-transform:uppercase}.crp-collab-avatar:first-child{margin-left:0}.crp-collab-live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:crp-live-pulse 1.6s ease infinite}@keyframes crp-live-pulse{0%,to{box-shadow:0 0 #10b98173}50%{box-shadow:0 0 0 4px #10b98100}}.code-results-pane{display:flex;flex:1;min-width:0;min-height:0;overflow:hidden;background:var(--bg)}.code-editor-tabs{display:flex!important;align-items:center!important;gap:4px!important;height:100%!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important}.code-editor-tabs::-webkit-scrollbar{display:none}.code-editor-tab{display:inline-flex!important;align-items:center!important;height:30px!important;gap:4px!important;padding:0 8px!important;border-radius:6px!important;border:1px solid transparent!important;color:var(--text-3)!important;cursor:pointer!important;flex-shrink:0!important;background:transparent!important;transition:all .15s ease!important;box-sizing:border-box!important}.code-editor-tab:hover{color:var(--text-2)!important;background:var(--surface-hover)!important}.code-editor-tab.active{background:var(--bg)!important;border-color:var(--border)!important;color:var(--text)!important;font-weight:500!important;box-shadow:0 1px 2px #0000000a!important}.code-editor-tab-x{display:inline-flex;align-items:center;justify-content:center;padding:3px;border-radius:4px;background:transparent;border:none;color:var(--text-3);opacity:.55;cursor:pointer}.code-editor-tab-x:hover{opacity:1;color:#ef4444;background:#ef44441f}.code-editor-textarea{width:100%;height:100%;padding:14px 16px;background:var(--bg);color:var(--text);border:none;outline:none;resize:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;-moz-tab-size:2;tab-size:2}.code-file-sidebar-title{font-size:10.5px;font-weight:800;letter-spacing:.08em;color:var(--text-3)}.code-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:transparent;border:none;color:var(--text-3);cursor:pointer;flex-shrink:0;transition:all .12s ease}.code-icon-btn:hover{background:var(--surface-hover);color:var(--text)}.code-file-item{position:relative;display:flex;align-items:center;min-height:28px;border-radius:6px;margin:0 6px;transition:background .12s ease}.code-file-item:hover{background:var(--surface-hover)}.code-file-item.active{background:var(--accent-bg, rgba(99, 102, 241, .14))}.code-file-item.active .code-file-name{color:var(--accent, #6366f1);font-weight:600}.code-file-item.dragging{opacity:.4}.code-file-item.drop-before{box-shadow:inset 0 2px 0 var(--accent, #6366f1)}.code-file-item.drop-after{box-shadow:inset 0 -2px 0 var(--accent, #6366f1)}.code-file-btn{display:flex;align-items:center;gap:7px;flex:1;min-width:0;padding:6px 8px;background:transparent;border:none;color:var(--text-2);font-size:12.5px;text-align:left;cursor:pointer;font-family:inherit}.code-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-file-icon{flex-shrink:0;color:var(--text-3)}.code-folder-icon,.code-folder-arrow-wrap{flex-shrink:0}.code-folder-children-group{min-height:0}.code-file-rename,.code-file-download,.code-file-delete{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;background:transparent;border:none;color:var(--text-3);cursor:pointer;opacity:0;flex-shrink:0;transition:opacity .12s ease,background .12s ease,color .12s ease}.code-file-item:hover .code-file-rename,.code-file-item:hover .code-file-download,.code-file-item:hover .code-file-delete{opacity:1}.code-file-rename:hover,.code-file-download:hover{background:var(--bg);color:var(--text)}.code-file-delete:hover{background:#ef444426;color:#ef4444}.crp-bottom-panel{position:absolute;left:0;right:0;bottom:0;height:280px;display:flex;flex-direction:column;background:var(--surface);border-top:1px solid var(--border);box-shadow:none;z-index:45;transform:translateY(103%);transition:transform .22s cubic-bezier(.16,1,.3,1)}.crp-bottom-panel.open{transform:none}.crp-bottom-panel-header{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid var(--border);font-size:11px;font-weight:800;letter-spacing:.07em;color:var(--text-3);flex-shrink:0;text-transform:uppercase}.crp-bottom-panel-body{flex:1;min-height:0;overflow-y:auto;padding:8px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.crp-panel-clear-btn{font-family:inherit}.crp-panel-close-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:transparent;border:none;color:var(--text-3);cursor:pointer;flex-shrink:0}.crp-panel-close-btn:hover{background:var(--surface-hover);color:var(--text)}.code-console-line{display:flex;align-items:baseline;gap:8px;padding:2px 12px;font-size:11.5px;line-height:1.55;color:var(--text-2);word-break:break-word}.code-console-time{color:var(--text-3);opacity:.75;flex-shrink:0}.code-console-chip{font-size:10px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--bg);border:1px solid var(--border);color:var(--text-3);text-transform:none;letter-spacing:0}.crp-terminal-hint{font-size:10.5px;font-weight:500;color:var(--text-3);text-transform:none;letter-spacing:0}.crp-terminal-input-row{display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid var(--border);flex-shrink:0}.crp-terminal-prompt{color:#34d399;font-size:12px;flex-shrink:0}.crp-terminal-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.crp-problems-toggle{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-3);font-size:10.5px;font-weight:700;cursor:pointer;font-family:inherit;text-transform:none;letter-spacing:0}.crp-problems-toggle.active{color:var(--accent, #6366f1);border-color:var(--accent-border, rgba(99, 102, 241, .3));background:var(--accent-bg, rgba(99, 102, 241, .12))}.crp-problems-toggle.has-issues{color:#f59e0b}.crp-problems-count{background:#f59e0b;color:#fff;border-radius:999px;font-size:9.5px;font-weight:800;padding:0 5px;line-height:14px}.crp-problems-empty{padding:24px 16px;text-align:center;color:var(--text-3);font-size:12.5px}.crp-problem-row{display:flex;align-items:baseline;gap:8px;width:calc(100% - 24px);margin:0 12px;padding:5px 6px;background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;font-family:inherit}.crp-problem-row:hover{background:var(--surface-hover)}.crp-problem-sev{width:16px;text-align:center;flex-shrink:0;font-size:11px}.crp-problem-sev.error{color:#ef4444}.crp-problem-sev.warning{color:#f59e0b}.crp-problem-loc{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:var(--text-3);min-width:28px;text-align:right;flex-shrink:0}.crp-problem-msg{color:var(--text-2);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crp-right{display:flex;flex-direction:column;height:100%;background:var(--surface);border-left:1px solid var(--border);position:relative;overflow:hidden;box-sizing:border-box}.crp-right-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 8px!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important;box-sizing:border-box!important;flex-shrink:0!important}.crp-right-tabs-left{display:flex!important;align-items:center!important;gap:3px!important;height:100%!important;flex:1!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important}.crp-right-tabs-left::-webkit-scrollbar{display:none}.crp-right-tab{display:inline-flex!important;align-items:center!important;gap:4px!important;height:26px!important;padding:0 8px!important;border-radius:6px!important;border:1px solid transparent!important;background:transparent!important;color:var(--text-3)!important;font-size:11.5px!important;font-weight:500!important;white-space:nowrap!important;cursor:pointer!important;flex-shrink:0!important;font-family:inherit!important;transition:all .15s ease!important;box-sizing:border-box!important}.crp-right-tab:hover{background:var(--surface-hover)!important;color:var(--text)!important}.crp-right-tab.active{background:var(--accent-bg, rgba(99, 102, 241, .12))!important;border-color:var(--accent-border, rgba(99, 102, 241, .3))!important;color:var(--accent, #6366f1)!important;font-weight:600!important}.crp-tab-close-icon:hover{background:#ef44442e;color:#ef4444!important;opacity:1!important}.crp-right-header-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.crp-sidebar-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:transparent;border:none;color:var(--text-3);cursor:pointer;transition:all .12s ease}.crp-sidebar-icon-btn:hover{background:var(--surface-hover);color:var(--text)}.crp-sidebar-icon-btn.active{background:var(--accent-bg, rgba(99, 102, 241, .14));color:var(--accent, #6366f1)}.crp-sidebar-close-desktop{display:inline-flex}.crp-inspector-header{display:flex!important;align-items:center!important;justify-content:space-between!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 10px!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important;box-sizing:border-box!important;flex-shrink:0!important}.crp-right-history-view>div:first-child{height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;box-sizing:border-box!important}.crp-right-history-view{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.crp-sidebar-open-btn{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:1000;width:34px;height:48px;border-radius:8px 0 0 8px;background:var(--surface);border:1px solid var(--border);border-right:none;color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:-2px 0 12px #00000024;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .18s cubic-bezier(.16,1,.3,1)}.crp-sidebar-open-btn:hover{color:var(--accent, #6366f1);border-color:var(--accent-border, rgba(99, 102, 241, .3));background:var(--surface-hover);transform:translateY(-50%) translate(-3px);box-shadow:-4px 0 16px #6366f138}.crp-sidebar-open-btn:active{transform:translateY(-50%) translate(-1px)}.crp-right-resizer{position:absolute;top:0;left:-5px;bottom:0;width:10px;cursor:col-resize;z-index:50;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;background:transparent;outline:none;transition:background .15s ease}.crp-right-resizer:after{content:"";position:absolute;top:0;left:4px;bottom:0;width:2px;background:var(--border);transition:all .15s ease}.crp-right-resizer:hover,.crp-right-resizer:focus-visible,.crp-right-resizer.is-dragging{background:#6366f11f}.crp-right-resizer:hover:after,.crp-right-resizer:focus-visible:after,.crp-right-resizer.is-dragging:after{background:var(--accent, #6366f1);box-shadow:0 0 10px #6366f1b3;width:3px;left:3.5px}.crp-resizer-grip-dots{display:flex;flex-direction:column;gap:3px;z-index:2;padding:8px 1px;background:var(--surface);border-radius:999px;border:1px solid var(--border);transition:border-color .15s}.crp-right-resizer:hover .crp-resizer-grip-dots,.crp-right-resizer.is-dragging .crp-resizer-grip-dots{border-color:var(--accent, #6366f1)}.crp-grip-dot{width:3px;height:3px;border-radius:50%;background:var(--text-3)}.crp-right-resizer:hover .crp-grip-dot,.crp-right-resizer.is-dragging .crp-grip-dot{background:var(--accent, #6366f1)}.crp-chat-messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:14px 14px 8px;scrollbar-width:none!important;-ms-overflow-style:none!important}.crp-chat-messages::-webkit-scrollbar,.crp-right::-webkit-scrollbar,.crp-right *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.crp-right,.crp-right *{scrollbar-width:none!important;-ms-overflow-style:none!important}.crp-msg{display:flex;flex-direction:column;max-width:100%}.crp-msg-user{align-items:flex-end}.crp-msg-ai{align-items:flex-start}.crp-msg-bubble{max-width:88%;padding:10px 14px;border-radius:16px;font-size:13.5px;line-height:1.55;word-break:break-word;overflow-wrap:anywhere;box-sizing:border-box}.crp-msg-text{width:100%}.crp-msg-user .crp-msg-bubble{background:var(--accent, #6366f1);color:#fff;border-bottom-right-radius:4px}.crp-msg-ai .crp-msg-bubble{background:var(--surface);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.crp-msg-ai .crp-msg-bubble{background:transparent;border:none;box-shadow:none;padding:0;margin:0;border-radius:0;max-width:100%;color:var(--text)}.crp-msg-actions{display:flex;gap:4px;margin-top:5px;opacity:0;transition:opacity .15s ease}.crp-msg:hover .crp-msg-actions{opacity:1}.crp-msg-user .crp-msg-actions{justify-content:flex-end}.crp-msg-user .user-message-footer{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:88%;padding:2px 4px 0 6px;gap:12px;box-sizing:border-box}.crp-msg-user .user-msg-timestamp{display:flex;align-items:center}.crp-msg-user .user-msg-timestamp span{font-size:10.5px;color:var(--text-3);font-family:ui-monospace,JetBrains Mono,SFMono-Regular,monospace;opacity:.8;letter-spacing:.02em}.crp-msg-user .user-message-actions{display:flex;align-items:center;gap:3px}.crp-msg-user .user-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:3px 6px;border-radius:6px;color:var(--text-3);font-size:11.5px;cursor:pointer;transition:all .15s ease;background:transparent;border:none}.crp-msg-user .user-action-btn:hover{background:var(--surface-hover);color:var(--text)}.crp-msg-user .user-copied-badge{font-size:11px;font-weight:600;color:#22c55e;animation:fadeIn .15s ease-in-out}.crp-feedback-btn{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:22px;height:22px;padding:0 4px;border-radius:6px;background:transparent;border:none;color:var(--text-3);cursor:pointer;transition:all .12s ease}.crp-feedback-btn:hover{background:var(--surface-hover);color:var(--text)}.crp-undo-btn:hover{color:var(--accent, #6366f1)}.crp-apply-fix-btn:hover{color:#10b981}.crp-msg-brain-footer{width:100%}.crp-typing-bubble{display:inline-flex;align-items:center;gap:4px;padding:12px 14px}.crp-typing-dot{width:7px;height:7px;border-radius:50%;background:var(--text-3);animation:crp-typing-bounce 1.2s ease infinite}.crp-typing-dot:nth-child(2){animation-delay:.15s}.crp-typing-dot:nth-child(3){animation-delay:.3s}.crp-loading-panel{transition:opacity .2s ease}.crp-loading-panel:hover{opacity:.9}@keyframes crp-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.crp-streaming-pulse{animation:crp-pulse 1.5s ease infinite!important}.crp-streaming-bar{animation:crp-pop-in .3s ease}.crp-chat-empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:30px 10px;color:var(--text-3)}.crp-chat-empty p{margin:0;font-size:13px}.crp-placeholder-icon{color:var(--text-3);opacity:.65}.crp-suggestions-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:320px;margin-top:10px}.crp-suggestion-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:12.5px;text-align:left;cursor:pointer;font-family:inherit;transition:all .15s ease}.crp-suggestion-row:hover{border-color:var(--accent-border, rgba(99, 102, 241, .3));color:var(--text);transform:translateY(-1px)}.crp-suggestion-icon-wrap{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.crp-suggestion-text{flex:1}.crp-followup-chips{margin-top:10px;padding-top:8px;border-top:1px dashed var(--border)}.crp-followup-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:6px}.crp-followup-list{display:flex;flex-wrap:wrap;gap:6px}.crp-followup-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:12px;line-height:1.4;text-align:left;cursor:pointer;font-family:inherit;transition:all .15s ease}.crp-followup-chip:hover{border-color:var(--accent-border, rgba(99, 102, 241, .35));color:var(--text);background:#6366f10f}.crp-followup-chip:disabled{opacity:.5;cursor:default}.crp-gen-steps{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:11.5px}.crp-gen-step{display:flex;align-items:center;gap:6px;color:var(--text-3)}.crp-gen-step.done{color:#10b981}.crp-gen-step.failed{color:#ef4444}.crp-gen-step.warn{color:#f59e0b}.crp-gen-step.in-progress{color:var(--accent, #6366f1)}.crp-fix-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px;width:100%}.crp-fix-chips-label{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--text-3)}.crp-fix-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--accent-bg, rgba(99, 102, 241, .12));border:1px solid var(--accent-border, rgba(99, 102, 241, .3));color:var(--accent, #6366f1);font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.crp-fix-chip:hover:not(:disabled){filter:brightness(1.15)}.crp-fix-chip:disabled{opacity:.6;cursor:default}.crp-fix-chip-active{background:var(--accent, #6366f1);color:#fff}.crp-fix-chip-rank{font-size:10px}.crp-codebar-wrap{padding:6px 10px 8px;background:var(--surface);border:none!important;border-top:none!important;flex-shrink:0}.crp-codebar-box{background:var(--bg);border:1px solid var(--border);border-radius:14px!important;padding:8px 10px 6px!important;gap:4px!important;box-shadow:var(--shadow-sm)!important}.crp-codebar-box #crp-chat-textarea,.crp-codebar-box .prompt-textarea{min-height:28px!important;height:28px;font-size:13px!important;line-height:1.4!important;padding:0 2px!important}.crp-codebar-box .prompt-toolbar{margin-top:0!important;padding-top:0!important}.crp-codebar-box .prompt-toolbar-left{display:flex;align-items:center;gap:2px!important}.crp-codebar-box .toolbar-btn,.crp-codebar-box .chat-action-btn,.crp-codebar-box .brain-select-btn{padding:2px 4px!important;font-size:11.5px!important;height:26px!important;min-width:26px;display:inline-flex;align-items:center;justify-content:center}.crp-codebar-box .send-btn{width:28px!important;height:28px!important;padding:0!important;border-radius:8px!important}.crp-disclaimer{margin:3px 0 0;text-align:center;font-size:10px;color:var(--text-3)}.crp-inspector-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto;background:var(--surface)}.crp-inspector-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.crp-inspector-tag-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--accent-bg, rgba(99, 102, 241, .14));border:1px solid var(--accent-border, rgba(99, 102, 241, .3));color:var(--accent, #6366f1);font-size:11px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-width:0}.crp-inspector-tag-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crp-inspector-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:transparent;border:none;color:var(--text-3);cursor:pointer;transition:all .12s ease}.crp-inspector-icon-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.crp-inspector-icon-btn:disabled{opacity:.35;cursor:default}.crp-inspector-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:11px}.crp-inspector-breadcrumb-item{display:inline-flex;align-items:center;gap:2px;color:var(--text-3)}.crp-inspector-breadcrumb-item button{background:transparent;border:none;color:inherit;font-size:11px;padding:2px 5px;border-radius:4px;cursor:pointer;font-family:inherit}.crp-inspector-breadcrumb-item button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.crp-inspector-breadcrumb-item.current{color:var(--text);font-weight:700}.crp-inspector-section{padding:10px 12px;border-bottom:1px solid var(--border)}.crp-inspector-section-title{margin:0 0 8px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.crp-inspector-label{display:block;font-size:11px;color:var(--text-3);margin-bottom:4px}.crp-inspector-field{margin-bottom:8px}.crp-inspector-field:last-child{margin-bottom:0}.crp-inspector-input-row{display:flex;gap:6px}.crp-inspector-input-wrap{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .15s ease}.crp-inspector-input-wrap:focus-within{border-color:var(--accent, #6366f1)}.crp-inspector-input-prefix,.crp-inspector-input-suffix{padding:0 6px;font-size:10.5px;color:var(--text-3);flex-shrink:0}.crp-inspector-input-icon{display:inline-flex;align-items:center;padding-left:8px;color:var(--text-3);flex-shrink:0}.crp-inspector-input{flex:1;min-width:0;background:transparent;border:none;outline:none;padding:6px 8px;font-size:12px;color:var(--text);font-family:inherit}.crp-inspector-select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:12px;color:var(--text);font-family:inherit;cursor:pointer;outline:none}.crp-inspector-select:focus{border-color:var(--accent, #6366f1)}.crp-inspector-textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:12px;line-height:1.5;color:var(--text);font-family:inherit;resize:vertical;min-height:54px;outline:none;box-sizing:border-box}.crp-inspector-textarea:focus{border-color:var(--accent, #6366f1)}.crp-inspector-color-row{display:flex;align-items:center;gap:8px}.crp-inspector-color-swatch{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:transparent;padding:2px;cursor:pointer;flex-shrink:0}.crp-inspector-box-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.crp-inspector-box-row{display:flex;gap:6px}.crp-inspector-alignment{display:flex;gap:4px}.crp-inspector-align-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text-3);cursor:pointer;transition:all .12s ease}.crp-inspector-align-btn:hover{color:var(--text);border-color:var(--border-hover, var(--border))}.crp-inspector-align-btn.active{background:var(--accent-bg, rgba(99, 102, 241, .14));border-color:var(--accent-border, rgba(99, 102, 241, .3));color:var(--accent, #6366f1)}.crp-inspector-footer{position:sticky;bottom:0;display:flex;gap:8px;padding:10px 12px;background:var(--surface);border-top:1px solid var(--border);margin-top:auto;flex-shrink:0}.crp-inspector-save-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;background:var(--accent, #6366f1);color:#fff;border:none;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:filter .15s ease}.crp-inspector-save-btn:hover{filter:brightness(1.1)}.crp-inspector-discard-btn{padding:8px 12px;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit}.crp-inspector-discard-btn:hover{background:var(--surface-hover);color:var(--text)}.crp-visual-edit-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:99999;display:flex;align-items:flex-start;gap:8px;max-width:min(560px,calc(100vw - 32px));padding:10px 14px;border-radius:10px;background:var(--surface);border:1px solid rgba(217,119,6,.45);box-shadow:0 8px 28px #00000047;color:var(--text);font-size:12.5px;line-height:1.5;animation:crpToastIn .18s ease-out}.crp-visual-edit-toast svg{flex-shrink:0;margin-top:2px;color:#d97706}.crp-visual-edit-toast--success{border-color:#22c55e73}.crp-visual-edit-toast--success svg{color:#22c55e}@keyframes crpToastIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.crp-inspector-unwritable-banner{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;background:#d9770617;border-bottom:1px solid rgba(217,119,6,.35);color:var(--text);font-size:12px;line-height:1.5;flex-shrink:0}.crp-inspector-unwritable-banner svg{color:#d97706}.crp-inspector-link-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--accent, #6366f1);font-size:11.5px;font-weight:600;cursor:pointer;padding:2px 0;font-family:inherit}.crp-inspector-link-btn:hover{text-decoration:underline}.crp-inspector-empty{padding:40px 16px;text-align:center;color:var(--text-3);font-size:12.5px;line-height:1.6}.crp-inspector-enable-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;border-radius:10px;background:var(--accent, #6366f1);color:#fff;border:none;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit}.crp-inspector-enable-btn:hover{filter:brightness(1.1)}.crp-project-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.crp-project-search-modal{width:min(640px,92vw);max-height:70vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px #00000080;overflow:hidden}.crp-project-search-input-row{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--border)}.crp-project-search-replace-row{display:flex;align-items:center;gap:8px;padding:0 12px 10px;border-bottom:1px solid var(--border)}.crp-project-search-replace-toggle{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-3);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.crp-project-search-replace-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;border:1px solid var(--border);background:var(--bg);color:var(--text-2);font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.crp-project-search-replace-btn:hover:not(:disabled){color:var(--text);border-color:var(--border-hover, var(--border))}.crp-project-search-replace-btn:disabled{opacity:.5;cursor:default}.crp-project-search-count{padding:6px 12px;font-size:11px;color:var(--text-3);border-bottom:1px solid var(--border);flex-shrink:0}.crp-project-search-results{flex:1;min-height:0;overflow-y:auto}.crp-project-search-result{display:block;width:100%;padding:8px 14px;background:transparent;border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;font-family:inherit}.crp-project-search-result:hover{background:var(--surface-hover)}.crp-project-search-result-file{font-size:11.5px;font-weight:700;color:var(--accent, #6366f1);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.crp-project-search-result-line{font-size:12px;color:var(--text-2);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.crp-project-search-result-text mark{background:#f59e0b59;color:inherit;border-radius:2px;padding:0 1px}.crp-project-search-empty{padding:28px 16px;text-align:center;color:var(--text-3);font-size:12.5px}.crp-project-search-close{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:transparent;border:none;color:var(--text-3);cursor:pointer;flex-shrink:0}.crp-project-search-close:hover{background:var(--surface-hover);color:var(--text)}.crp-shortcuts-modal kbd{font-family:inherit}.crp-shortcuts-wrap{position:relative}.save-project-modal{max-width:430px}.modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:var(--surface-hover);border:none;color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.modal-close:hover{background:#ef444426;color:#ef4444}.spm-header{display:flex;align-items:flex-start;gap:12px;padding:22px 22px 14px}.spm-header-icon{width:38px;height:38px;border-radius:12px;background:var(--accent-bg, rgba(99, 102, 241, .14));color:var(--accent, #6366f1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.spm-title{margin:0;font-size:16.5px;font-weight:800;color:var(--text)}.spm-sub{margin:2px 0 0;font-size:12.5px;color:var(--text-3)}.spm-label{display:block;padding:8px 22px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.spm-input{display:block;width:calc(100% - 44px);margin:0 22px;padding:10px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:13.5px;font-family:inherit;outline:none;transition:border-color .15s ease;box-sizing:border-box}.spm-input:focus{border-color:var(--accent, #6366f1)}.spm-meta{display:flex;gap:14px;padding:10px 22px 0}.spm-meta-item{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-3)}.spm-actions{display:flex;justify-content:flex-end;gap:8px;padding:18px 22px 22px;margin-top:auto}.spm-cancel-btn{padding:9px 14px;border-radius:9px;background:transparent;border:1px solid var(--border);color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.spm-cancel-btn:hover{background:var(--surface-hover)}.spm-save-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:9px;background:var(--accent, #6366f1);color:#fff;border:none;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:filter .15s ease}.spm-save-btn:hover:not(:disabled){filter:brightness(1.1)}.spm-save-btn:disabled{opacity:.5;cursor:default}.spm-success{display:flex;flex-direction:column;align-items:center;gap:4px;padding:48px 32px;text-align:center}.spm-success-icon{width:52px;height:52px;border-radius:50%;background:#10b98124;border:1px solid rgba(16,185,129,.35);color:#10b981;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.spm-success-title{margin:0;font-size:17px;font-weight:800;color:var(--text)}.spm-success-sub{margin:0;font-size:12.5px;color:var(--text-3)}.code-templates-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.code-templates-modal{width:min(900px,94vw);max-height:86vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px #0000008c}.templates-modal-toolbar{display:flex;align-items:center;gap:10px;padding:12px 22px;border-bottom:1px solid var(--border);flex-wrap:wrap}.templates-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 0}.templates-modal-title{margin:0;font-size:17px;font-weight:800;color:var(--text)}.templates-modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--surface-hover);border:none;color:var(--text-2);cursor:pointer}.templates-modal-close-btn:hover{background:#ef444426;color:#ef4444}.templates-modal-tabs{display:flex;align-items:center;gap:6px;padding:12px 22px 0;overflow-x:auto;scrollbar-width:none}.templates-modal-tabs::-webkit-scrollbar{display:none}.templates-modal-tab{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text-2);font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;font-family:inherit}.templates-modal-tab:hover{color:var(--text)}.templates-modal-tab.active{background:var(--accent-bg, rgba(99, 102, 241, .14));border-color:var(--accent-border, rgba(99, 102, 241, .3));color:var(--accent, #6366f1)}.templates-modal-tab-count{font-size:10px;font-weight:700;padding:0 6px;border-radius:999px;background:var(--surface-hover);color:var(--text-3)}.templates-modal-search-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;max-width:340px;padding:7px 12px;background:var(--bg);border:1px solid var(--border);border-radius:10px}.templates-modal-search-wrap:focus-within{border-color:var(--accent, #6366f1)}.templates-modal-search-icon{color:var(--text-3);display:flex;flex-shrink:0}.templates-modal-search-label{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-size:12.5px;font-family:inherit}.templates-modal-search-label::placeholder{color:var(--text-3)}.templates-modal-search-clear{display:flex;background:transparent;border:none;color:var(--text-3);cursor:pointer;padding:2px;border-radius:4px}.templates-modal-search-clear:hover{color:var(--text)}.templates-modal-sort{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3)}.templates-modal-sort-select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:4px 8px;color:var(--text);font-size:12px;cursor:pointer;font-family:inherit}.templates-modal-kbd-hint{margin:0;padding:0 22px 10px;font-size:11px;color:var(--text-3)}.templates-modal-clear-recents{background:transparent;border:none;color:var(--accent, #6366f1);font-size:12px;font-weight:600;cursor:pointer;padding:2px 6px;font-family:inherit}.templates-modal-clear-recents:hover{text-decoration:underline}.templates-modal-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;padding:14px 22px 22px;align-content:start}.template-card-check{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:50%;background:var(--accent, #6366f1);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006}.template-card-info{padding:10px 12px}.template-card-name{font-size:13px;font-weight:700;color:var(--text)}.template-card-preview-btn{position:absolute;bottom:8px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#000000a6;color:#fff;border:1px solid rgba(255,255,255,.25);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-card-preview-btn:hover{background:#000000d9}.template-fav-btn,.template-hide-btn{position:absolute;top:8px;width:24px;height:24px;border-radius:50%;background:#0000008c;border:none;color:#e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-fav-btn{right:38px}.template-hide-btn{right:8px}.template-fav-btn:hover{color:#f59e0b}.template-hide-btn:hover{color:#ef4444}.templates-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 20px;text-align:center}.templates-empty-title{margin:0;font-size:15px;font-weight:800;color:var(--text)}.templates-empty-sub{margin:0;font-size:12.5px;color:var(--text-3)}.templates-empty-reset{margin-top:12px;padding:7px 16px;border-radius:999px;background:var(--accent, #6366f1);color:#fff;border:none;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit}.templates-empty-reset:hover{filter:brightness(1.1)}.template-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000000d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.template-lightbox{position:relative;width:min(920px,100%);max-height:88vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 32px 80px #0009}.template-lightbox-preview{flex:1;min-height:320px;display:flex;background:#0b1020;position:relative;overflow:hidden}.template-lightbox-img{flex:1;width:100%;object-fit:contain;min-height:0}.template-lightbox-mobile-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;min-height:0}.template-lightbox-mobile-wrap .template-mobile-frame{width:250px;max-height:100%}.template-lightbox-close{position:absolute;top:12px;right:12px;z-index:5;width:32px;height:32px;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-lightbox-close:hover{background:#ef4444b3}.template-lightbox-tabs{display:flex;align-items:center;gap:6px;padding:10px 16px;border-bottom:1px solid var(--border)}.template-lightbox-tab{padding:4px 12px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.template-lightbox-tab.active{background:var(--accent-bg, rgba(99, 102, 241, .14));border-color:var(--accent-border, rgba(99, 102, 241, .3));color:var(--accent, #6366f1)}.template-lightbox-name{margin:0;padding:12px 16px 0;font-size:16px;font-weight:800;color:var(--text)}.template-lightbox-short-desc{margin:0;padding:2px 16px 0;font-size:12.5px;color:var(--text-2)}.template-lightbox-desc{margin:0;padding:6px 16px 0;font-size:12px;line-height:1.55;color:var(--text-3);max-height:90px;overflow-y:auto}.template-lightbox-prompt-details{padding:8px 16px 0}.template-lightbox-prompt-details summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--accent, #6366f1);-webkit-user-select:none;user-select:none}.template-lightbox-prompt-details pre{margin:8px 0 0;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:11px;line-height:1.5;color:var(--text-2);white-space:pre-wrap;word-break:break-word;max-height:140px;overflow-y:auto}.template-lightbox-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-top:1px solid var(--border);margin-top:12px}.template-lightbox-use-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:10px;background:var(--accent, #6366f1);color:#fff;border:none;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.template-lightbox-use-btn:hover{filter:brightness(1.1)}.template-live-demo-frame{width:100%;height:100%;border:none;background:#fff}.template-mobile-frame{aspect-ratio:9 / 19;border-radius:24px;border:6px solid #1f2937;background:#fff;overflow:hidden;position:relative;flex-shrink:0;box-sizing:border-box}.template-mobile-frame svg,.template-mobile-frame iframe{width:100%;height:100%;display:block}.template-mobile-frame-lg{width:260px}.template-mobile-frame-chip{width:46px;aspect-ratio:9 / 19;border-radius:10px;border:3px solid #1f2937;overflow:hidden;pointer-events:none}.file-preview-doc-icon{display:flex;align-items:center;justify-content:center}.file-preview-ready{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}.crp-browser-drawer{position:fixed;bottom:0;right:0;width:min(480px,100vw);height:62vh;background:var(--surface);border:1px solid var(--border);border-right:none;border-bottom:none;border-radius:16px 0 0;box-shadow:-12px -8px 40px #0006;z-index:250;display:flex;flex-direction:column;overflow:hidden}.crp-browser-drawer iframe{flex:1;width:100%;border:none;background:#fff}.crp-fullpreview-viewport-wrap>iframe,.crp-fullpreview-viewport-wrap .crp-fullpreview{flex:1;min-height:0}.crp-mobile-bottom-nav{display:none;align-items:stretch;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;z-index:70}.crp-mobile-topbar-export{display:none}.crp-mobile-export-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:28px;min-height:28px;max-height:28px;padding:0 10px;border-radius:7px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:11.5px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap;box-sizing:border-box}.crp-mobile-export-btn:hover,.crp-mobile-export-btn:active{background:var(--surface-hover);color:var(--text);border-color:var(--border-hover)}.crp-mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 4px;background:transparent;border:none;color:var(--text-3);font-size:10.5px;font-weight:600;cursor:pointer;font-family:inherit}.crp-mobile-nav-btn.active{color:var(--accent, #6366f1)}@media(max-width:900px){.crp-root{height:calc(100vh - 52px)!important;max-height:calc(100vh - 52px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.crp-body{flex-direction:column!important;flex:1 1 0%!important;min-height:0!important;height:100%!important;max-height:100%!important;position:relative!important;overflow:hidden!important;width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.crp-code-tab-wrap,.crp-left,.crp-fullpreview{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important;height:100%!important;max-height:100%!important;min-height:0!important;border-right:none!important;border-left:none!important;position:relative!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.crp-right{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important;height:100%!important;max-height:100%!important;min-height:0!important;position:relative!important;inset:auto!important;border-left:none!important;border-right:none!important;border-top:none!important;background:var(--surface)!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.crp-right-resizer,.crp-sidebar-open-btn{display:none!important}.crp-root.crp-mobile-panel-code .crp-code-tab-wrap,.crp-root.crp-mobile-panel-code .crp-left{display:flex!important;flex:1 1 100%!important;height:100%!important;max-height:100%!important}.crp-root.crp-mobile-panel-code .crp-fullpreview,.crp-root.crp-mobile-panel-code .crp-right{display:none!important;height:0!important;max-height:0!important;min-height:0!important;flex:0 0 0!important;margin:0!important;padding:0!important;border:none!important;overflow:hidden!important}.crp-root.crp-mobile-panel-preview .crp-fullpreview{display:flex!important;flex:1 1 100%!important;height:100%!important;max-height:100%!important}.crp-root.crp-mobile-panel-preview .crp-code-tab-wrap,.crp-root.crp-mobile-panel-preview .crp-left,.crp-root.crp-mobile-panel-preview .code-explorer-panel,.crp-root.crp-mobile-panel-preview .crp-right,.crp-root.crp-mobile-panel-assistant .crp-code-tab-wrap,.crp-root.crp-mobile-panel-assistant .crp-left,.crp-root.crp-mobile-panel-assistant .code-explorer-panel,.crp-root.crp-mobile-panel-assistant .crp-fullpreview,.crp-root.crp-mobile-panel-chat .crp-code-tab-wrap,.crp-root.crp-mobile-panel-chat .crp-left,.crp-root.crp-mobile-panel-chat .code-explorer-panel,.crp-root.crp-mobile-panel-chat .crp-fullpreview{display:none!important;height:0!important;max-height:0!important;min-height:0!important;flex:0 0 0!important;margin:0!important;padding:0!important;border:none!important;overflow:hidden!important}.crp-root.crp-mobile-panel-assistant .crp-right,.crp-root.crp-mobile-panel-chat .crp-right{display:flex!important;flex:1 1 100%!important;height:100%!important;max-height:100%!important;min-height:0!important;width:100%!important;max-width:100%!important;min-width:0!important;border:none!important}.crp-root.crp-mobile-panel-assistant .crp-topbar-left,.crp-root.crp-mobile-panel-chat .crp-topbar-left,.crp-root.crp-mobile-panel-code .crp-topbar-left,.crp-root.crp-mobile-panel-preview .crp-topbar-left{display:flex!important;align-items:center!important;gap:6px!important}.crp-root.crp-mobile-panel-assistant .crp-new-btn,.crp-root.crp-mobile-panel-chat .crp-new-btn,.crp-root.crp-mobile-panel-code .crp-new-btn,.crp-root.crp-mobile-panel-preview .crp-new-btn{display:inline-flex!important}.crp-root.crp-mobile-panel-assistant .crp-view-pills,.crp-root.crp-mobile-panel-chat .crp-view-pills,.crp-root.crp-mobile-panel-code .crp-view-pills,.crp-root.crp-mobile-panel-preview .crp-view-pills,.crp-root.crp-mobile-panel-assistant .crp-unified-searchbar,.crp-root.crp-mobile-panel-chat .crp-unified-searchbar,.crp-root.crp-mobile-panel-code .crp-unified-searchbar,.crp-root.crp-mobile-panel-preview .crp-unified-searchbar,.crp-unified-searchbar{display:none!important}.crp-root.crp-mobile-panel-assistant .crp-topbar,.crp-root.crp-mobile-panel-chat .crp-topbar,.crp-root.crp-mobile-panel-code .crp-topbar,.crp-root.crp-mobile-panel-preview .crp-topbar{display:flex!important;justify-content:space-between!important;align-items:center!important;height:42px!important;min-height:42px!important;max-height:42px!important;padding:0 10px!important;box-sizing:border-box!important;flex-shrink:0!important}.crp-root.crp-mobile-panel-code .crp-topbar-center{position:static!important;transform:none!important;display:flex!important;align-items:center!important;gap:4px!important;margin-left:auto!important}.crp-root.crp-mobile-panel-code .crp-code-run-btn,.crp-root.crp-mobile-panel-code .crp-code-console-btn,.crp-root.crp-mobile-panel-code .crp-code-terminal-btn{display:inline-flex!important}.crp-root.crp-mobile-panel-code .crp-code-save-btn,.crp-root.crp-mobile-panel-code .crp-save-state-chip,.crp-root.crp-mobile-panel-code .crp-topbar-right,.crp-root.crp-mobile-panel-code .crp-publish-btn,.crp-root.crp-mobile-panel-preview .crp-topbar-center{display:none!important}.crp-root.crp-mobile-panel-preview .crp-topbar-right{display:flex!important;align-items:center!important;gap:4px!important;margin-left:auto!important}.crp-root.crp-mobile-panel-preview .crp-preview-edit-btn,.crp-root.crp-mobile-panel-preview .crp-preview-open-btn,.crp-root.crp-mobile-panel-preview .crp-preview-save-btn{display:inline-flex!important}.crp-root.crp-mobile-panel-preview .crp-publish-btn,.crp-root.crp-mobile-panel-preview .crp-topbar-divider,.crp-root.crp-mobile-panel-preview .crp-collab-btn,.crp-root.crp-mobile-panel-preview .crp-collab-chip,.crp-root.crp-mobile-panel-preview .crp-seo-badge,.crp-root.crp-mobile-panel-preview .crp-export-wrap,.crp-root.crp-mobile-panel-assistant .crp-topbar-center,.crp-root.crp-mobile-panel-chat .crp-topbar-center,.crp-root.crp-mobile-panel-assistant .crp-topbar-right .crp-top-action-btn,.crp-root.crp-mobile-panel-assistant .crp-topbar-right .crp-topbar-divider,.crp-root.crp-mobile-panel-assistant .crp-topbar-right .crp-collab-btn,.crp-root.crp-mobile-panel-assistant .crp-topbar-right .crp-seo-badge,.crp-root.crp-mobile-panel-chat .crp-topbar-right .crp-top-action-btn,.crp-root.crp-mobile-panel-chat .crp-topbar-right .crp-topbar-divider,.crp-root.crp-mobile-panel-chat .crp-topbar-right .crp-collab-btn,.crp-root.crp-mobile-panel-chat .crp-topbar-right .crp-export-wrap,.crp-root.crp-mobile-panel-chat .crp-topbar-right .crp-seo-badge{display:none!important}.crp-root.crp-mobile-panel-assistant .crp-topbar-right,.crp-root.crp-mobile-panel-chat .crp-topbar-right{margin-left:auto!important;display:flex!important;align-items:center!important;gap:6px!important}.crp-root.crp-mobile-panel-assistant .crp-publish-btn,.crp-root.crp-mobile-panel-chat .crp-publish-btn{display:inline-flex!important}.crp-root.crp-mobile-panel-assistant .crp-mobile-topbar-export{display:inline-flex!important;align-items:center!important;position:relative!important}.crp-root.crp-mobile-panel-assistant .crp-mobile-export-btn{display:inline-flex!important}.crp-mobile-topbar-export .crp-export-dropdown{min-width:200px!important;max-width:calc(100vw - 16px)!important;right:0!important;left:auto!important;top:calc(100% + 6px)!important}.crp-right-header{height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 10px!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important;flex-shrink:0!important;display:flex!important;align-items:center!important}.crp-chat-messages{flex:1 1 auto!important;min-height:0!important;height:100%!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:12px 10px 6px!important;gap:12px!important;box-sizing:border-box!important}.crp-msg-bubble{max-width:92%!important}.crp-codebar-wrap{flex-shrink:0!important;padding:6px 10px 8px!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;box-sizing:border-box!important}.crp-codebar-box{width:100%!important;box-sizing:border-box!important}.crp-sidebar-close-desktop{display:none!important}.crp-mobile-bottom-nav{display:flex!important;height:52px!important;min-height:52px!important;max-height:52px!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;flex-shrink:0!important;z-index:70}.crp-mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;background:transparent;border:none;color:var(--text-3);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;transition:color .15s ease,background .15s ease}.crp-mobile-nav-btn:active{background:var(--surface-hover)}.crp-mobile-nav-btn.active{color:var(--accent, #6366f1)}.crp-topbar{padding:0 8px;overflow-x:auto}.crp-root.crp-mobile-panel-code .crp-top-action-btn,.crp-root.crp-mobile-panel-preview .crp-top-action-btn{padding:0 7px!important;font-size:11px!important;gap:4px!important;height:26px!important}}.code-editor-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.crp-inspector-body{flex:1;min-height:0;padding-bottom:8px}.crp-viewport-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:26px;padding:0 9px;border-radius:7px;border:none;background:transparent;color:var(--text-3);font-size:11px;font-weight:600;cursor:pointer;flex-shrink:0;font-family:inherit;transition:all .15s ease}.crp-viewport-btn:hover{color:var(--text)}.crp-viewport-btn.active{background:var(--surface);color:var(--accent, #6366f1);box-shadow:var(--shadow-sm)}.crp-pages-add-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:calc(100% - 20px);margin:4px 10px;padding:7px;border-radius:8px;border:1px dashed var(--border-hover, var(--border));background:transparent;color:var(--text-3);font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.crp-pages-add-btn:hover{color:var(--accent, #6366f1);border-color:var(--accent-border, rgba(99, 102, 241, .35))}.crp-share-btn,.crp-browser-btn.active,.crp-preview-edit-btn.active,.crp-preview-lens-btn.active{color:var(--accent, #6366f1)}.crp-browser-btn.active,.crp-preview-edit-btn.active,.crp-preview-lens-btn.active{background:var(--accent-bg, rgba(99, 102, 241, .14));border-color:var(--accent-border, rgba(99, 102, 241, .3))}.crp-gate-status{font-family:inherit}.crp-gate-spinner{display:inline-block}.crp-api-chip{line-height:1}.crp-msg-brain-badge{white-space:nowrap}.crp-generated-image-card{max-width:100%}.crp-insert-img-btn,.crp-copy-img-btn,.crp-marketing-apply-btn,.crp-research-apply-btn,.crp-fix-error-btn{font-family:inherit}.crp-chat-action-bar,.crp-marketing-action-bar{width:100%}.crp-chat-drag-overlay{pointer-events:none}.crp-ai-suggestions{width:100%;box-sizing:border-box}.crp-ai-thinking{margin-top:12px}.crp-ai-thinking>summary::-webkit-details-marker{display:none}.crp-preview-crash-overlay,.crp-preview-storage-warning{animation:modalFadeIn .18s ease}.app-root.has-site-navbar{height:100vh;padding-top:52px;box-sizing:border-box;overflow:hidden}.app-root.has-site-navbar .crp-root{height:calc(100vh - 52px)}.app-root.has-site-navbar .crp-sidebar-open-btn{top:50%;transform:translateY(-50%)}.crp-navbar-export-slot{display:flex;align-items:center;height:100%;margin-right:4px;position:relative;z-index:1001}.crp-export-wrap-navbar{height:100%;display:flex;align-items:center;position:relative;z-index:1001}.crp-export-wrap-navbar .crp-top-action-btn{padding:0 10px!important;font-size:11.5px!important;height:28px!important;min-height:28px!important;max-height:28px!important}.crp-navbar-export-slot .crp-export-dropdown{top:58px}.code-page .connections-dropdown-menu{bottom:calc(100% + 8px);top:auto;left:0;width:320px;max-height:260px;border-radius:14px;box-shadow:0 12px 36px #00000073;animation:dropdownPop .2s cubic-bezier(.16,1,.3,1) both}.crp-codebar-box .connections-dropdown-menu,.crp-sidebar .connections-dropdown-menu,.code-results-page .connections-dropdown-menu{position:absolute!important;bottom:calc(100% + 10px)!important;top:auto!important;left:0!important;right:auto!important;width:275px!important;max-width:calc(100vw - 32px)!important;max-height:310px!important;border-radius:14px!important;box-shadow:0 12px 36px #0006!important;animation:dropdownPop .2s cubic-bezier(.16,1,.3,1) both!important;z-index:150!important}.crp-codebar-box .connections-dropdown-header,.crp-sidebar .connections-dropdown-header,.code-results-page .connections-dropdown-header{padding:10px 12px 8px!important}.crp-codebar-box .connections-dropdown-title-row,.crp-sidebar .connections-dropdown-title-row,.code-results-page .connections-dropdown-title-row{margin-bottom:6px!important}.crp-codebar-box .connections-title-text,.crp-sidebar .connections-title-text,.code-results-page .connections-title-text{font-size:12px!important;font-weight:700!important}.crp-codebar-box .connections-search-input,.crp-sidebar .connections-search-input,.code-results-page .connections-search-input{padding:5px 24px 5px 26px!important;font-size:11px!important;border-radius:6px!important}.crp-codebar-box .connections-search-icon,.crp-sidebar .connections-search-icon,.code-results-page .connections-search-icon{left:8px!important;width:11px!important;height:11px!important}.crp-codebar-box .connections-list-body,.crp-sidebar .connections-list-body,.code-results-page .connections-list-body{max-height:155px!important;padding:4px 6px!important}.crp-codebar-box .connections-item-row,.crp-sidebar .connections-item-row,.code-results-page .connections-item-row{padding:5px 8px!important;gap:8px!important;border-radius:8px!important}.crp-codebar-box .connection-logo-wrap,.crp-sidebar .connection-logo-wrap,.code-results-page .connection-logo-wrap{width:26px!important;height:26px!important;border-radius:6px!important}.crp-codebar-box .connection-item-name,.crp-sidebar .connection-item-name,.code-results-page .connection-item-name{font-size:11.5px!important;font-weight:600!important}.crp-codebar-box .connection-item-desc,.crp-sidebar .connection-item-desc,.code-results-page .connection-item-desc{font-size:10px!important;max-width:130px!important}.crp-codebar-box .connection-toggle-btn,.crp-sidebar .connection-toggle-btn,.code-results-page .connection-toggle-btn{padding:3px 8px!important;font-size:10px!important}.crp-codebar-box .connections-dropdown-footer,.crp-sidebar .connections-dropdown-footer,.code-results-page .connections-dropdown-footer{padding:6px 8px!important;border-top:1px solid var(--border)!important}.crp-codebar-box .connections-more-btn,.crp-sidebar .connections-more-btn,.code-results-page .connections-more-btn{padding:5px 8px!important;border-radius:8px!important;gap:6px!important}.crp-codebar-box .more-btn-icon-stack,.crp-sidebar .more-btn-icon-stack,.code-results-page .more-btn-icon-stack{width:20px!important;height:20px!important;border-radius:6px!important}.crp-codebar-box .more-btn-title,.crp-sidebar .more-btn-title,.code-results-page .more-btn-title{font-size:11px!important;font-weight:600!important}.crp-codebar-box .more-btn-sub,.crp-sidebar .more-btn-sub,.code-results-page .more-btn-sub{display:none!important}@media(max-width:768px){.code-page .home-panel-inner{padding:16px 12px;max-width:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.code-page .prompt-container-outer{width:100%;max-width:100%;box-sizing:border-box}.code-page .code-bar-tabs{padding:3px 4px;margin-bottom:-1px;gap:4px}.code-page .code-bar-tab{padding:4px 10px;font-size:11.5px;height:28px;gap:4px}.code-page .prompt-box{padding:12px 12px 8px;border-radius:16px;width:100%;box-sizing:border-box;gap:6px}.code-page .prompt-container-outer .prompt-box{border-top-left-radius:0}.code-page .prompt-textarea{font-size:14px;min-height:40px;line-height:1.4;padding:0}.code-page .prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-top:2px;box-sizing:border-box;width:100%}.code-page .prompt-toolbar-left{display:flex;align-items:center;gap:4px;min-width:0;flex-shrink:1;flex-wrap:wrap}.code-page .prompt-toolbar-right{display:flex;align-items:center;gap:5px;flex-shrink:0}.code-page .toolbar-btn{width:28px;height:28px;min-width:28px;border-radius:8px;padding:0;display:flex;align-items:center;justify-content:center}.code-page .toolbar-btn svg{width:15px;height:15px}.code-page .send-btn{width:28px;height:28px;min-width:28px;border-radius:8px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.code-page .send-btn svg{width:15px;height:15px}.code-page .cp-read-links-toggle{padding:3px 7px;font-size:10.5px;height:24px;gap:4px}}@media(max-width:480px){.code-page .home-panel-inner{padding:12px 8px}.code-page .prompt-box{padding:10px 10px 6px;border-radius:14px}.code-page .code-bar-tab{padding:3px 8px;font-size:11px;height:26px}.code-page .prompt-textarea{font-size:13.5px;min-height:38px}.code-page .cp-read-links-label{display:none}}.mktg-template-modal-container{max-width:1100px}.mktg-template-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.template-modal-body{flex:1;overflow-y:auto;padding:18px 24px 28px;min-height:0}.mktg-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.mktg-template-card{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:16px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.mktg-template-card:hover{border-color:var(--accent-border, rgba(99,102,241,.4));box-shadow:0 6px 24px #0000001f;transform:translateY(-2px)}.mktg-template-card.selected{border-color:var(--accent, #6366f1);box-shadow:0 0 0 3px var(--accent-bg, rgba(99,102,241,.15)),0 8px 28px #6366f133}.mktg-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mktg-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mktg-card-title{font-size:14px;font-weight:700;color:var(--text);margin:0;line-height:1.3}.mktg-card-desc{font-size:12px;color:var(--text-2);margin:0;line-height:1.5;flex:1}.mktg-card-deliverables{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.mktg-deliverable-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:10.5px;font-weight:600;color:var(--text-2);background:var(--bg);border:1px solid var(--border);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.mktg-deliverable-more{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:10.5px;font-weight:600;color:var(--accent, #6366f1);background:var(--accent-bg, rgba(99,102,241,.08));border:1px solid var(--accent-border, rgba(99,102,241,.2))}.mktg-card-footer{display:flex;align-items:center;gap:8px;margin-top:2px;padding-top:10px;border-top:1px solid var(--border)}.mktg-card-preview-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;color:var(--text-2);background:transparent;border:1px solid var(--border);cursor:pointer;transition:all .14s ease;font-family:inherit}.mktg-card-preview-btn:hover{border-color:var(--accent-border, rgba(99,102,241,.5));color:var(--text);background:var(--surface-hover)}.mktg-card-use-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:8px;font-size:12px;font-weight:700;color:var(--text-2);background:var(--surface-hover);border:1.5px solid var(--border);cursor:pointer;transition:all .14s ease;font-family:inherit;margin-left:auto}.mktg-card-use-btn:hover{background:var(--accent, #6366f1);color:#fff;border-color:transparent;box-shadow:0 2px 10px #6366f166}.mktg-card-use-btn.active{background:var(--accent, #6366f1);color:#fff;border-color:transparent}.mktg-preview-pane{display:flex;flex-direction:column;flex:1;min-height:0}.mktg-preview-body{display:flex;flex:1;min-height:0;gap:0;overflow:hidden}.mktg-preview-sidebar{width:280px;min-width:240px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;padding:20px 18px;display:flex;flex-direction:column;gap:20px}.mktg-preview-main{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px;min-width:0}.mktg-preview-section{display:flex;flex-direction:column;gap:8px}.mktg-preview-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);margin:0}.mktg-preview-desc{font-size:12.5px;color:var(--text-2);line-height:1.55;margin:0}.mktg-preview-audience-tag{display:inline-flex;align-items:flex-start;gap:7px;padding:8px 10px;border-radius:10px;background:var(--bg);border:1px solid var(--border);font-size:12px;color:var(--text-2);line-height:1.4}.mktg-preview-deliverables-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.mktg-preview-deliverables-list li{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-2);line-height:1.4}.mktg-preview-deliverables-list li svg{flex-shrink:0;margin-top:1px}.mktg-preview-metrics-list{display:flex;flex-direction:column;gap:6px}.mktg-preview-metric-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:8px;background:#10b9810f;border:1px solid rgba(16,185,129,.2);font-size:11.5px;font-weight:600;color:#10b981}.mktg-preview-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.mktg-preview-card-header{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;color:var(--text-2);background:var(--bg)}.mktg-preview-card-body{padding:16px;display:flex;flex-direction:column;gap:12px}.mktg-sample-tagline{font-size:14px;font-weight:700;color:var(--text);line-height:1.4;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-style:italic}.mktg-sample-hook{font-size:12.5px;color:var(--text-2);line-height:1.55;padding:10px 14px;background:#6366f10a;border:1px solid var(--accent-border, rgba(99,102,241,.2));border-radius:10px}.mktg-sample-hook strong{color:var(--text)}.mktg-prompt-preview-box{padding:14px 16px;overflow:auto;max-height:320px}.mktg-prompt-preview-box pre{font-size:12px;color:var(--text-2);font-family:JetBrains Mono,Fira Code,Courier New,monospace;white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.65}.mktg-template-active-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;font-size:11.5px;font-weight:600;color:var(--accent, #6366f1);background:var(--accent-bg, rgba(99,102,241,.08));border:1px solid var(--accent-border, rgba(99,102,241,.25));cursor:pointer;transition:background .12s ease}.mktg-template-active-chip:hover{background:#6366f124}@media(max-width:740px){.mktg-template-modal-container{max-width:100%;height:95vh;max-height:95vh;border-radius:16px 16px 0 0;margin:auto auto 0}.mktg-templates-grid{grid-template-columns:1fr}.mktg-preview-body{flex-direction:column}.mktg-preview-sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border);max-height:220px}}.flex{display:flex}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-1{flex:1;min-width:0}.w-full{width:100%}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-2\.5{gap:10px}.gap-3{gap:12px}.gap-4{gap:16px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.pt-2{padding-top:8px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.rounded-lg{border-radius:10px}.rounded-xl{border-radius:14px}.rounded-full{border-radius:999px}.text-xs{font-size:11px;line-height:1.5}.text-sm{font-size:13px;line-height:1.55}.text-lg{font-size:17px;line-height:1.4}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.outline-none{outline:none}.overflow-y-auto{overflow-y:auto}.max-h-72{max-height:18rem}.bg-transparent{background:transparent}.transition{transition:all .15s ease}.inline-flex{display:inline-flex}.justify-center{justify-content:center}.text-center{text-align:center}.text-left{text-align:left}.mx-auto{margin-left:auto;margin-right:auto}.h-12{height:48px}.w-12{width:48px}.py-4{padding-top:16px;padding-bottom:16px}.rounded-md{border-radius:8px}.text-white,.text-slate-200{color:var(--text)}.text-slate-300{color:var(--text-2)}.text-slate-400{color:var(--text-3)}.text-slate-500{color:var(--text-3);opacity:.8}.text-indigo-400{color:var(--accent, #6366f1)}.text-purple-400{color:#a78bfa}.text-rose-400{color:#fb7185}.text-amber-400{color:#f59e0b}.text-emerald-400{color:#34d399}.bg-slate-900{background:var(--surface)}.bg-slate-800{background:var(--surface-hover)}.border-slate-800{border-color:var(--border)}.bg-indigo-600{background:var(--accent, #6366f1)}.hover\:bg-indigo-500:hover{filter:brightness(1.12)}.bg-purple-600{background:#8b5cf6}.hover\:bg-purple-500:hover{filter:brightness(1.12)}.bg-rose-600{background:#e11d48}.hover\:bg-rose-500:hover{filter:brightness(1.12)}.bg-emerald-600{background:#059669}.hover\:bg-emerald-500:hover{filter:brightness(1.12)}.hover\:text-white:hover{color:var(--text)}.hover\:bg-slate-800\/80:hover{background:var(--surface-hover)}.border{border-width:1px;border-style:solid}.border-b{border-bottom:1px solid var(--border)}.border-purple-500\/30{border-color:#a855f759}.custom-code-editor-root{display:flex;align-items:stretch;width:100%;height:100%;min-height:0;background:var(--bg);overflow:hidden}.code-editor-gutter{flex-shrink:0;width:48px;padding:14px 0;background:var(--surface);border-right:1px solid var(--border);text-align:right;-webkit-user-select:none;user-select:none;overflow:hidden}.gutter-line-number{padding-right:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:21px;color:var(--text-3);opacity:.65}.preview-viewport-wrapper{position:relative;display:flex;flex-direction:column;width:100%;max-width:100%;margin:0 auto;height:100%;min-height:0}.preview-viewport-wrapper.mode-tablet{width:768px;transition:width .3s ease}.preview-viewport-wrapper.mode-mobile{width:390px;transition:width .3s ease}.sandboxed-preview-iframe{flex:1;width:100%;height:100%;border:none;background:#fff;min-height:0}.webdev-preview-animation-container{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 20px;min-height:0}.webdev-anim-card{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:36px 44px;border-radius:22px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);max-width:420px;width:100%}.webdev-anim-icon-wrap{width:64px;height:64px;border-radius:18px;background:var(--accent-bg, rgba(99, 102, 241, .14));border:1px solid var(--accent-border, rgba(99, 102, 241, .3));color:var(--accent, #6366f1);display:flex;align-items:center;justify-content:center}.webdev-anim-icon-wrap.pulse{animation:webdev-icon-pulse 2s ease infinite}@keyframes webdev-icon-pulse{0%,to{box-shadow:0 0 #6366f159}50%{box-shadow:0 0 0 12px #6366f100}}.webdev-anim-title{margin:0;font-size:17px;font-weight:800;letter-spacing:-.2px;color:var(--text)}.webdev-anim-step{margin:0;font-size:12.5px;color:var(--text-3)}.webdev-anim-progress-track{width:100%;height:6px;border-radius:999px;background:var(--bg);border:1px solid var(--border);overflow:hidden}.webdev-anim-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .4s ease}.webdev-anim-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.webdev-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-3);font-size:11px;font-weight:700}.webdev-pill.active{background:var(--accent-bg, rgba(99, 102, 241, .14));border-color:var(--accent-border, rgba(99, 102, 241, .3));color:var(--accent, #6366f1)}.modal-dialog{width:min(420px,92vw);max-height:86vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 60px #0000008c;overflow:hidden;box-sizing:border-box;animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--border)}.modal-title{margin:0;font-size:15px;font-weight:800;color:var(--text)}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--surface-hover);border:none;color:var(--text-2);cursor:pointer;flex-shrink:0;transition:all .15s ease}.modal-close-btn:hover{background:#ef444426;color:#ef4444}.modal-body{padding:16px 18px 18px;overflow-y:auto;font-size:13px;color:var(--text-2)}.modal-body input{display:block;width:100%;padding:9px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none;box-sizing:border-box;transition:border-color .15s ease}.modal-body input:focus{border-color:var(--accent, #6366f1)}.modal-body button{font-family:inherit}.fix-diff-summary-card{padding:12px 14px;border-radius:12px;background:var(--surface-hover);border:1px solid var(--border)}.fix-diff-title{margin:0;font-size:13.5px;font-weight:700;color:var(--text)}.fix-diff-desc{margin:6px 0 0;font-size:12px;color:var(--text-2);line-height:1.5}.fix-diff-file-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.fix-diff-file-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;background:var(--bg);border:1px solid var(--border);color:var(--text-2)}.fix-diff-file-name{flex:1;font-size:12.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fix-diff-file-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:2px 7px;border-radius:999px;background:var(--accent-bg);color:var(--accent);flex-shrink:0}.fix-diff-tag-new{background:#22c55e24;color:#22c55e}.fix-diff-tag-deleted{background:#ef444424;color:#ef4444}.fix-diff-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px}.fix-diff-cancel-btn{padding:8px 16px;border-radius:10px;background:transparent;border:none;color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;transition:color .15s ease}.fix-diff-cancel-btn:hover{color:var(--text)}.fix-diff-apply-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;background:var(--accent);border:none;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s ease}.fix-diff-apply-btn:hover{opacity:.9}.workspace-type-selector{display:flex;gap:8px;padding:2px 0}.workspace-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:8px;background:var(--bg);border:1px solid var(--border);color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.workspace-type-btn:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text)}.workspace-type-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.workspace-type-btn svg{flex-shrink:0}.workspace-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:8px}.workspace-modal-btn-secondary,.workspace-modal-btn-primary,.workspace-modal-btn-danger{padding:10px 24px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;outline:none}.workspace-modal-btn-secondary{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-2)}.workspace-modal-btn-secondary:hover{background:var(--bg);border-color:var(--border-hover);color:var(--text)}.workspace-modal-btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #6366f140}.workspace-modal-btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px #6366f159;transform:translateY(-1px)}.workspace-modal-btn-danger{background:#dc2626;color:#fff;box-shadow:0 2px 8px #dc262640}.workspace-modal-btn-danger:hover{background:#b91c1c;box-shadow:0 4px 12px #dc262659;transform:translateY(-1px)}.quick-file-switcher-dialog{width:min(520px,92vw);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px #0000008c;overflow:hidden;animation:modalFadeIn .18s ease}.quick-file-switcher-dialog>div:first-child{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}.quick-file-switcher-dialog input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.quick-file-switcher-dialog button{background:none;border:none;color:var(--text-3);cursor:pointer;display:inline-flex;padding:2px;border-radius:5px}.quick-file-switcher-dialog>div:last-child{max-height:18rem;overflow-y:auto;padding:8px}.quick-file-switcher-dialog>div:last-child button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-radius:10px;color:var(--text-2);font-size:13px;text-align:left}.quick-file-switcher-dialog>div:last-child button:hover{background:var(--surface-hover);color:var(--text)}.quick-file-switcher-dialog span.font-mono{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-read-card{margin-top:10px;padding:14px;border-radius:14px;background:var(--surface);border:1px solid rgba(168,85,247,.35);display:flex;flex-direction:column;gap:10px}.design-read-card h4{margin:0;font-size:13px;font-weight:700;color:#a78bfa}.design-read-card p{margin:0;font-size:11.5px;line-height:1.55;color:var(--text-2)}.design-read-card button{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;background:#8b5cf6;color:#fff;border:none;font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit}.design-read-card button:hover{filter:brightness(1.12)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fade-in-up{animation:fadeInUp .25s cubic-bezier(.16,1,.3,1)}.fade-in-left{animation:fadeInLeft .25s cubic-bezier(.16,1,.3,1)}.fade-in-scale{animation:fadeInScale .2s cubic-bezier(.16,1,.3,1)}.attach-cap-notice{margin:0 0 8px;padding:6px 10px;border-radius:8px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#f59e0b;font-size:11.5px;font-weight:600}.cp-read-links-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-3);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .15s ease}.cp-read-links-toggle.on{background:var(--accent-bg, rgba(99, 102, 241, .14));border-color:var(--accent-border, rgba(99, 102, 241, .3));color:var(--accent, #6366f1)}.cp-read-links-knob{width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.85;flex-shrink:0}.cp-read-links-label{white-space:nowrap}.history-loading,.history-error{padding:20px 14px;text-align:center;font-size:12.5px;color:var(--text-3)}.history-error{color:#ef4444}.browser-pane-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 16px;text-align:center;color:var(--text-3);font-size:12.5px;background:var(--bg)}.browser-pane-error{padding:10px 14px;border-radius:8px;margin:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:12px;line-height:1.5}.workspace-toggle-label{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.perspective-current-label{font-size:11px;font-weight:700;color:var(--accent, #6366f1)}.ticker-text-label{display:inline-block;white-space:nowrap}.custom-agent-starters-wrap{display:flex;flex-direction:column;gap:8px;padding:10px 0 0}.agents-catalog-container{display:flex;flex-direction:column;gap:16px;width:100%}.agent-preview-card-wrap{border:1px dashed var(--border-hover, var(--border));border-radius:14px;padding:12px;background:var(--bg)}.profile-section--dna,.profile-section--memory{border-top:1px dashed var(--border)}.template-badge-icon{display:inline-flex;align-items:center;flex-shrink:0}.template-card-element-wrap{position:relative;width:100%;height:140px;background:#0f172a;overflow:hidden;display:flex;align-items:center;justify-content:center}.crp-code-chip-action:hover{border-color:var(--accent-border, rgba(99, 102, 241, .35))!important}.search-clear-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:transparent;border:none;color:var(--text-3);cursor:pointer;flex-shrink:0}.search-clear-btn:hover{background:var(--surface-hover);color:var(--text)}.design-workspace-page{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden;background:transparent;color:var(--text);box-sizing:border-box}.de-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.de-btn:hover{color:var(--text);border-color:var(--border-hover, var(--border))}.de-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.de-btn-primary:hover{filter:brightness(1.1);color:#fff}.de-btn:disabled{opacity:.5;cursor:default}.design-option-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease;white-space:nowrap}.design-option-chip:hover{border-color:var(--border-hover, var(--border));color:var(--text)}.design-option-chip.active,.design-option-chip.selected{background:var(--accent-bg, rgba(99, 102, 241, .14));border-color:var(--accent-border, rgba(99, 102, 241, .35));color:var(--accent, #6366f1)}.file-preview-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:12px;position:relative;max-width:260px;transition:border-color .15s ease}.file-preview-remove-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;border-radius:50%;border:1px solid var(--border);background:var(--surface-hover, var(--surface));color:var(--text-2);cursor:pointer;padding:0;margin-left:4px;opacity:1!important;visibility:visible!important;box-shadow:0 1px 2px #00000014;transition:all .15s ease;flex-shrink:0}.file-preview-remove-btn:hover{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important;transform:scale(1.08)}.quota-text-desktop,.quota-text-mobile{font-size:11px;font-weight:600;color:var(--text-3)}.quota-text-mobile{display:none}@media(max-width:640px){.quota-text-desktop{display:none}.quota-text-mobile{display:inline}}.assumption-strip{width:100%;display:flex;align-items:center;gap:10px;padding:9px 14px;margin-bottom:14px;border-radius:12px;background:var(--accent-bg, rgba(99, 102, 241, .1));border:1px solid var(--accent-border, rgba(99, 102, 241, .25));box-sizing:border-box}.assumption-strip-label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent, #6366f1);flex-shrink:0}.assumption-strip-text{flex:1;min-width:0;font-size:12.5px;line-height:1.45;color:var(--text-2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.assumption-strip-actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.assumption-strip-edit,.assumption-strip-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:7px;border:1px solid var(--accent-border, rgba(99, 102, 241, .3));background:transparent;color:var(--accent, #6366f1);font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .12s ease}.assumption-strip-btn:hover,.assumption-strip-edit:hover{background:var(--accent-bg, rgba(99, 102, 241, .14))}.ghost{opacity:0;pointer-events:none}.recent-designs-rail{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;width:100%}.design-template-preview-card{position:relative;display:flex;flex-direction:column;border-radius:14px;background:var(--surface);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);text-align:left;font-family:inherit;padding:0}.design-template-preview-card:hover{transform:translateY(-2px);border-color:var(--accent-border, rgba(99, 102, 241, .35));box-shadow:0 8px 22px #00000040}.template-preview-thumb{height:110px;display:flex;align-items:center;justify-content:center;background:#0f172a;overflow:hidden}.template-preview-info{padding:10px 12px;display:flex;flex-direction:column;gap:3px}.template-category-chip{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--accent, #6366f1)}.template-desc{font-size:11.5px;line-height:1.45;color:var(--text-3)}.design-templates-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.design-canvas-modal,.design-templates-modal-large{width:min(720px,94vw);max-height:88vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px #0000008c}.design-templates-modal-large{width:min(980px,94vw);max-height:88vh}.design-templates-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}.design-templates-filter-bar{padding:14px 24px 10px;display:flex;flex-direction:column;gap:10px;background:var(--surface);flex-shrink:0;border-bottom:1px solid var(--border)}.design-templates-search-wrap{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg);border:1px solid var(--border);border-radius:12px;transition:all .15s ease}.design-templates-search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}.design-templates-search-input{background:transparent;border:none;outline:none;font-size:13px;color:var(--text);width:100%;font-family:inherit}.design-templates-search-clear{background:transparent;border:none;color:var(--text-3);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px}.design-templates-search-clear:hover{color:var(--text)}.templates-modal-my-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);cursor:pointer;transition:all .15s ease;white-space:nowrap}.templates-modal-my-btn:hover{background:var(--accent);color:#fff}.templates-modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface-hover);color:var(--text-2);cursor:pointer;transition:all .15s ease;flex-shrink:0}.templates-modal-close-btn:hover{background:var(--border);color:var(--text)}.templates-modal-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.templates-modal-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-2);background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:inherit}.templates-modal-tab:hover{color:var(--text);border-color:var(--border-hover)}.templates-modal-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.templates-modal-tab-count{font-size:10px;padding:1px 6px;border-radius:999px;background:#00000014}.templates-modal-tab.active .templates-modal-tab-count{background:#ffffff40;color:#fff}.design-templates-grid-large{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;padding:20px 24px 24px;align-content:start}.canva-subfilter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:4px}.canva-format-pills{display:flex;align-items:center;gap:6px;overflow-x:auto}.canva-format-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:11.5px;font-weight:600;color:var(--text-2);background:var(--surface-2, rgba(255, 255, 255, .05));border:1px solid var(--border);cursor:pointer;transition:all .15s ease;white-space:nowrap}.canva-format-pill:hover{color:var(--text);border-color:var(--border-hover);background:var(--surface-hover)}.canva-format-pill.active{background:var(--accent-bg, rgba(99, 102, 241, .15));color:var(--accent, #6366f1);border-color:var(--accent-border, rgba(99, 102, 241, .4))}.canva-tag-chips{display:flex;align-items:center;gap:5px;overflow-x:auto}.canva-tag-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:500;color:var(--text-3);background:transparent;border:1px solid var(--border);cursor:pointer;transition:all .15s ease;white-space:nowrap}.canva-tag-chip:hover{color:var(--text-2);border-color:var(--border-hover)}.canva-tag-chip.active{background:var(--surface-hover);color:var(--accent, #6366f1);border-color:var(--accent-border, rgba(99, 102, 241, .35));font-weight:600}.canva-template-card{position:relative;display:flex;flex-direction:column;border-radius:16px;background:var(--surface);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);text-align:left;font-family:inherit;box-shadow:0 2px 8px #00000014}.canva-template-card:hover{transform:translateY(-4px);border-color:var(--accent-border, rgba(99, 102, 241, .5));box-shadow:0 14px 30px #00000059,0 0 0 1px var(--accent-border, rgba(99, 102, 241, .3))}.canva-template-card.selected{border-color:var(--accent, #6366f1)!important;box-shadow:0 0 0 2px var(--accent, #6366f1),0 10px 24px #6366f140!important}.canva-badge-pill{position:absolute;top:10px;right:10px;z-index:10;padding:3px 8px;border-radius:6px;font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6);box-shadow:0 2px 8px #00000059}.canva-preview-thumb{position:relative;width:100%;background:#090d16;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}.canva-template-card.aspect-square .canva-preview-thumb{height:220px}.canva-template-card.aspect-story .canva-preview-thumb{height:270px}.canva-template-card.aspect-slide .canva-preview-thumb{height:165px}.canva-template-card.aspect-a4 .canva-preview-thumb{height:250px}.canva-svg-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.canva-template-card:hover .canva-svg-stage{transform:scale(1.02)}.canva-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#090d16a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:5}.canva-use-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:999px;background:#fff;color:#0f172a;font-size:12px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 14px #0000004d;transition:transform .15s ease,background .15s ease}.canva-use-btn:hover{background:#f8fafc;transform:scale(1.05)}.canva-hover-size{font-size:11px;font-weight:600;color:#cbd5e1;background:#0006;padding:2px 8px;border-radius:4px}.canva-card-info{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;background:var(--surface)}.canva-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.canva-card-title{margin:0;font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canva-ratio-tag{font-size:10px;font-weight:700;color:var(--text-3);background:var(--surface-2, rgba(255, 255, 255, .06));border:1px solid var(--border);padding:2px 6px;border-radius:4px;flex-shrink:0}.canva-card-desc{margin:0;font-size:11.5px;line-height:1.45;color:var(--text-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.canva-card-palette{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:8px;border-top:1px solid var(--border)}.canva-palette-dots{display:flex;align-items:center;gap:4px}.canva-palette-dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.15);box-shadow:0 1px 2px #00000026}.canva-category-pill{font-size:10.5px;font-weight:600;color:var(--accent, #6366f1)}.canvas-presets-body{flex:1;min-height:0;overflow-y:auto;padding:18px 24px 24px;display:flex;flex-direction:column}.canvas-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.canvas-preset-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border-radius:14px;background:var(--bg);border:1px solid var(--border);cursor:pointer;font-family:inherit;transition:all .15s ease}.canvas-preset-card:hover{border-color:var(--accent-border, rgba(99, 102, 241, .35));transform:translateY(-1px)}.canvas-preset-card.selected{border-color:var(--accent, #6366f1);box-shadow:0 0 0 2px var(--accent-bg, rgba(99, 102, 241, .25))}.canvas-preset-name{font-size:13px;font-weight:700;color:var(--text)}.canvas-preset-check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--accent, #6366f1);color:#fff;display:flex;align-items:center;justify-content:center}.canvas-preset-size{font-size:11px;color:var(--text-3);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.brandkit-modal{width:min(560px,94vw);max-height:88vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px #0000008c}.brandkit-body{flex:1;min-height:0;overflow-y:auto;padding:16px 22px;display:flex;flex-direction:column;gap:18px}.brandkit-section{display:flex;flex-direction:column;gap:8px}.brandkit-section-head{display:flex;align-items:center;justify-content:space-between}.brandkit-section-title{margin:0;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.brandkit-add-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:7px;border:1px dashed var(--border-hover, var(--border));background:transparent;color:var(--text-3);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit}.brandkit-add-btn:hover{color:var(--accent, #6366f1);border-color:var(--accent-border, rgba(99, 102, 241, .35))}.brandkit-swatches{display:flex;flex-wrap:wrap;gap:8px}.brandkit-swatch{position:relative;width:34px;height:34px;border-radius:9px;border:1px solid var(--border);cursor:pointer;padding:0;overflow:hidden}.brandkit-swatch-x{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;opacity:0;border:none;cursor:pointer}.brandkit-swatch:hover .brandkit-swatch-x{opacity:1}.brandkit-empty{font-size:12px;color:var(--text-3)}.brandkit-palettes{display:flex;flex-wrap:wrap;gap:8px}.brandkit-palette{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text-2);font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit}.brandkit-palette:hover{color:var(--text)}.brandkit-fonts{display:flex;flex-direction:column;gap:6px}.brandkit-font-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg)}.brandkit-font-preview{font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brandkit-logo{max-width:100%;max-height:120px;border-radius:10px;border:1px solid var(--border)}.brandkit-logo-remove{margin-left:auto}.brandkit-logo-upload{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;background:var(--accent-bg, rgba(99, 102, 241, .12));border:1px solid var(--accent-border, rgba(99, 102, 241, .3));color:var(--accent, #6366f1);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.brandkit-tone{width:100%;min-height:64px;padding:8px 10px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:12.5px;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box}.brandkit-tone:focus{border-color:var(--accent, #6366f1)}.brandkit-count{font-size:10.5px;color:var(--text-3);text-align:right}.brandkit-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 22px;border-top:1px solid var(--border);flex-shrink:0}.brandkit-clear{background:transparent;border:none;color:var(--text-3);font-size:12px;cursor:pointer;font-family:inherit}.brandkit-clear:hover{color:#ef4444}.drp-root{display:flex;flex-direction:column;width:100%;height:calc(100vh - 52px);overflow:hidden;background:var(--bg);color:var(--text)}.app-root:not(.has-site-navbar) .drp-root{height:100vh}.drp-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;height:42px;min-height:42px;max-height:42px;padding:0 12px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;z-index:100;gap:8px;box-sizing:border-box}.drp-topbar.has-publish-open,.drp-topbar:has(.design-publish-popup){z-index:1000}.drp-topbar::-webkit-scrollbar{display:none}.drp-topbar-left{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0}.drp-topbar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;z-index:10;pointer-events:auto}.drp-topbar-right{display:flex;align-items:center;gap:6px;flex:1;min-width:0;margin-left:12px;position:relative;z-index:100}.drp-new-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 10px!important;border-radius:7px!important;background:var(--bg)!important;border:1px solid var(--border)!important;color:var(--text-2)!important;font-size:11.5px!important;font-weight:600!important;cursor:pointer!important;flex-shrink:0!important;font-family:inherit!important;transition:all .15s ease!important;box-sizing:border-box!important}.drp-new-btn:hover{color:var(--text)!important;border-color:var(--border-hover, var(--border))!important;background:var(--surface-hover)!important}.drp-canvas-tabs{display:inline-flex!important;align-items:center!important;gap:2px!important;height:28px!important;padding:2px!important;background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:7px!important;flex-shrink:0!important;box-sizing:border-box!important}.drp-canvas-tab{display:inline-flex!important;align-items:center!important;gap:5px!important;height:22px!important;padding:0 8px!important;border-radius:5px!important;border:none!important;background:transparent!important;color:var(--text-3)!important;font-size:11.5px!important;font-weight:600!important;cursor:pointer!important;white-space:nowrap!important;font-family:inherit!important;transition:all .12s ease!important}.drp-canvas-tab:hover{color:var(--text)!important}.drp-canvas-tab.active{background:var(--surface)!important;color:var(--accent, #6366f1)!important;box-shadow:0 1px 2px #00000014!important}.drp-title-input{height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 12px!important;border-radius:7px!important;border:1px solid var(--border)!important;background:var(--surface-hover)!important;color:var(--text)!important;font-size:12.5px!important;font-weight:600!important;flex:1!important;min-width:0!important;max-width:none!important;width:100%!important;outline:none!important;transition:all .15s ease!important;box-sizing:border-box!important}.drp-title-input:focus{background:var(--surface)!important;border-color:var(--accent, #6366f1)!important;box-shadow:0 0 0 2px #6366f121!important}.drp-body{display:flex;flex:1;min-height:0;overflow:hidden;position:relative}.drp-canvas-panel{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--bg)}.drp-canvas-area{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;position:relative}.drp-canvas-viewport{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;padding:20px 24px 56px 64px;background-color:#f1f3f7;background-image:linear-gradient(45deg,rgba(0,0,0,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.04) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.04) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.04) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;transition:background-color .2s ease}[data-theme=dark] .drp-canvas-viewport{background-color:#121318;background-image:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 75%)}.drp-poster-transform{display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .08s ease-out}.drp-poster-frame{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;outline:1.5px dashed rgba(99,102,241,.35);outline-offset:6px;box-shadow:0 4px 12px #00000014,0 16px 36px #0000001f,0 0 0 1px #0000000f;transition:box-shadow .25s ease,outline-color .25s ease}[data-theme=dark] .drp-poster-frame{outline:1.5px dashed rgba(129,140,248,.45);box-shadow:0 4px 14px #0006,0 20px 48px #0000008c,0 0 0 1px #ffffff14}.drp-poster-frame:hover{outline-color:var(--accent, #6366f1);box-shadow:0 6px 16px #0000001f,0 24px 48px #00000029,0 0 0 1px #00000014}[data-theme=dark] .drp-poster-frame:hover{box-shadow:0 6px 18px #00000080,0 28px 60px #000000a6,0 0 0 1px #ffffff1f}.drp-poster-img{display:block;max-width:min(84vw,820px);max-height:calc(100vh - 200px);min-height:280px;width:auto;height:auto;object-fit:contain;border-radius:6px;-webkit-user-select:none;user-select:none;pointer-events:none}.drp-poster-under-bar{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:12px;background:#fffffff2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px #0000001a;max-width:100%;flex-wrap:wrap;z-index:15;pointer-events:auto;margin-top:14px}[data-theme=dark] .drp-poster-under-bar{background:#12141ceb;border:1px solid rgba(255,255,255,.1);box-shadow:0 6px 24px #00000080}.drp-under-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;border-radius:8px;font-size:12px;font-weight:600;color:var(--text-2, #475569);background:var(--surface-hover, rgba(0, 0, 0, .04));border:1px solid var(--border, rgba(0, 0, 0, .06));cursor:pointer;transition:all .16s cubic-bezier(.16,1,.3,1);text-decoration:none;font-family:inherit;white-space:nowrap}.drp-under-btn:hover{background:#00000014;color:var(--text, #0f172a);border-color:#0000001f;transform:translateY(-1px)}[data-theme=dark] .drp-under-btn{color:#ffffffd9;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .drp-under-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff29;transform:translateY(-1px)}.drp-under-btn-primary{background:var(--accent, #6366f1)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 2px 8px #6366f14d}.drp-under-btn-primary:hover{opacity:.95;box-shadow:0 4px 14px #6366f173;transform:translateY(-1px)}.drp-under-btn.active{background:var(--accent-bg, rgba(99, 102, 241, .12));color:var(--accent, #6366f1)!important;border-color:var(--accent-border, rgba(99, 102, 241, .3))}.drp-under-tooltip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px);background:#0f172af0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #00000040;z-index:100;letter-spacing:.01em;border:1px solid rgba(255,255,255,.12)}[data-theme=dark] .drp-under-tooltip{background:#1e293bf0;border:1px solid rgba(255,255,255,.16);box-shadow:0 4px 16px #00000080}.drp-under-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:rgba(15,23,42,.94) transparent transparent transparent}[data-theme=dark] .drp-under-tooltip:after{border-color:rgba(30,41,59,.94) transparent transparent transparent}.drp-under-btn:hover .drp-under-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.drp-canvas-toolbar{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:2px;padding:4px 6px;border-radius:10px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px #00000014;z-index:20}[data-theme=dark] .drp-canvas-toolbar{background:#12141ce0;border-color:#ffffff17;box-shadow:0 4px 20px #00000073}.drp-toolbar-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 8px;border-radius:7px;border:none;background:transparent;color:var(--text-2, #475569);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}[data-theme=dark] .drp-toolbar-btn{color:#ffffffbf}.drp-toolbar-btn:hover .drp-under-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}[data-theme=dark] .drp-toolbar-divider{background:#ffffff1a}.drp-canvas-quick-tools{position:absolute;left:14px;top:14px;display:flex;flex-direction:column;gap:5px;padding:8px 6px;border-radius:14px;background:#fffffff2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 24px #00000014;z-index:20;pointer-events:auto;width:44px;box-sizing:border-box;align-items:center}[data-theme=dark] .drp-canvas-quick-tools{background:#12141ceb;border-color:#ffffff1a;box-shadow:0 8px 30px #00000080}.drp-canvas-quick-header{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;padding:2px 2px 6px;font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--accent, #6366f1);border-bottom:1px solid rgba(0,0,0,.06);cursor:default;width:100%}[data-theme=dark] .drp-canvas-quick-header{border-bottom-color:#ffffff14}.drp-canvas-quick-list{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%}.drp-canvas-quick-item{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:2px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;font-size:12px;font-weight:500;color:var(--text, #1e293b);text-align:left;font-family:inherit;transition:all .15s cubic-bezier(.16,1,.3,1);white-space:nowrap;width:auto;box-sizing:border-box}.drp-canvas-quick-item:hover{background:var(--surface-hover, rgba(0, 0, 0, .04));border-color:var(--border, rgba(0, 0, 0, .06));transform:scale(1.05)}.drp-canvas-quick-item:active{transform:translate(0) scale(.98)}[data-theme=dark] .drp-canvas-quick-item{color:var(--text, #e2e8f0)}[data-theme=dark] .drp-canvas-quick-item:hover{background:#ffffff0f;border-color:#ffffff14}.drp-canvas-quick-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;flex-shrink:0;transition:transform .15s ease}.drp-canvas-quick-item:hover .drp-canvas-quick-icon-wrap{transform:scale(1.08)}.drp-canvas-status-badge{position:absolute;bottom:14px;left:12px;display:flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);box-shadow:0 3px 12px #00000014;font-size:11px;color:var(--text-2, #475569);z-index:20;pointer-events:auto;white-space:nowrap}[data-theme=dark] .drp-canvas-status-badge{background:#12141ce0;border-color:#ffffff17;box-shadow:0 4px 18px #00000073;color:#ffffffa6}.drp-canvas-status-item{display:inline-flex;align-items:center;gap:0;font-size:11px}.drp-canvas-status-item strong{font-weight:700;color:var(--text, #0f172a)}[data-theme=dark] .drp-canvas-status-item strong{color:#ffffffe6}.drp-canvas-status-sep{color:#0003;font-size:13px;line-height:1;-webkit-user-select:none;user-select:none}[data-theme=dark] .drp-canvas-status-sep{color:#ffffff26}.drp-status-ready{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#10b981}.drp-canvas-details-popover{position:absolute;bottom:44px;left:12px;width:240px;background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.09);border-radius:14px;box-shadow:0 8px 28px #0000001f,0 2px 8px #0000000f;z-index:30;pointer-events:auto;animation:drp-fade-in .18s ease;overflow:hidden}[data-theme=dark] .drp-canvas-details-popover{background:#161924f5;border-color:#ffffff17;box-shadow:0 10px 36px #0000008c,0 3px 10px #0000004d}.drp-details-popover-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;border-bottom:1px solid rgba(0,0,0,.07)}[data-theme=dark] .drp-details-popover-header{border-bottom-color:#ffffff12}.drp-details-title{font-size:11.5px;font-weight:700;color:var(--text, #0f172a)}[data-theme=dark] .drp-details-title{color:#fffffff2}.drp-details-close-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:none;background:#0000000d;color:var(--text-3, #94a3b8);cursor:pointer;transition:background .12s,color .12s}.drp-details-close-btn:hover{background:#ef44441f;color:#ef4444}[data-theme=dark] .drp-details-close-btn{background:#ffffff12;color:#ffffff80}[data-theme=dark] .drp-details-close-btn:hover{background:#ef444433;color:#f87171}.drp-details-popover-body{padding:8px 14px 12px;display:flex;flex-direction:column;gap:6px}.drp-details-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:3px 0;border-bottom:1px solid rgba(0,0,0,.04)}[data-theme=dark] .drp-details-row{border-bottom-color:#ffffff0a}.drp-details-row:last-child{border-bottom:none}.drp-details-row span{color:var(--text-3, #94a3b8)}.drp-details-row strong{font-weight:600;color:var(--text, #0f172a)}[data-theme=dark] .drp-details-row strong{color:#ffffffe6}[data-theme=dark] .drp-canvas-toolbar{background:#12141cd9;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #00000073}.drp-toolbar-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:7px;background:transparent;border:none;color:var(--text-2, #475569);font-size:11.5px;font-weight:600;cursor:pointer;transition:background .12s,color .12s;font-family:inherit}.drp-toolbar-btn:hover{background:#0000000f;color:var(--text, #0f172a)}[data-theme=dark] .drp-toolbar-btn{color:#ffffffd1}[data-theme=dark] .drp-toolbar-btn:hover{background:#ffffff1a;color:#fff}.drp-toolbar-btn.active{background:var(--accent-bg, rgba(99, 102, 241, .12));color:var(--accent, #6366f1)}.drp-toolbar-divider{width:1px;height:16px;background:#00000014;margin:0 2px}[data-theme=dark] .drp-toolbar-divider{background:#ffffff1f}.drp-zoom-pill{position:absolute;bottom:14px;right:16px;display:flex;align-items:center;gap:1px;padding:4px 6px;border-radius:10px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 18px #0000001a;z-index:20;white-space:nowrap}[data-theme=dark] .drp-zoom-pill{background:#12141ce0;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #00000073}.drp-zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:transparent;border:none;color:var(--text-2, #475569);cursor:pointer;transition:background .12s,color .12s}.drp-zoom-btn:hover{background:#0000000f;color:var(--text, #0f172a)}[data-theme=dark] .drp-zoom-btn{color:#ffffffbf}[data-theme=dark] .drp-zoom-btn:hover{background:#ffffff1a;color:#fff}.drp-zoom-pct{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;height:26px;border-radius:6px;background:transparent;border:none;color:var(--text, #0f172a);font-size:11.5px;font-weight:700;cursor:pointer;min-width:46px;transition:background .12s;font-family:inherit}.drp-zoom-pct:hover{background:#0000000d}[data-theme=dark] .drp-zoom-pct{color:#ffffffe6}[data-theme=dark] .drp-zoom-pct:hover{background:#ffffff14}.drp-zoom-divider{width:1px;height:16px;background:#00000014;margin:0 4px}[data-theme=dark] .drp-zoom-divider{background:#ffffff1f}.drp-zoom-mode-btn{display:inline-flex;align-items:center;padding:0 8px;height:26px;border-radius:6px;background:transparent;border:none;color:var(--text-2, #475569);font-size:11px;font-weight:700;cursor:pointer;transition:background .12s,color .12s;font-family:inherit}.drp-zoom-mode-btn:hover{background:#0000000f;color:var(--text, #0f172a)}[data-theme=dark] .drp-zoom-mode-btn{color:#ffffffa6}[data-theme=dark] .drp-zoom-mode-btn:hover{background:#ffffff14;color:#fffffff2}.drp-zoom-mode-btn.active{background:var(--accent-bg, rgba(99, 102, 241, .12));color:var(--accent, #6366f1)}[data-theme=dark] .drp-zoom-mode-btn.active{background:#6366f138;color:#818cf8}.drp-canvas-hint{position:absolute;bottom:54px;left:50%;transform:translate(-50%);padding:4px 12px;border-radius:999px;font-size:11px;background:#ffffffe6;color:var(--text, #0f172a);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #00000014;pointer-events:none;white-space:nowrap;z-index:20}[data-theme=dark] .drp-canvas-hint{background:#12141cd9;color:#ffffffd9;border-color:#ffffff14;box-shadow:0 2px 12px #00000059}.drp-thumb-strip{width:86px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 6px 18px;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto}.drp-thumb-strip-label{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-bottom:2px}.drp-thumb-item-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.drp-thumb-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;background:transparent;border:none;cursor:pointer;width:100%;border-radius:8px;transition:opacity .15s;opacity:.72}.drp-thumb-item:hover{opacity:.95}.drp-thumb-item-wrapper.active .drp-thumb-item{opacity:1}.drp-thumb-img-wrap{position:relative;width:66px;height:66px;border-radius:8px;overflow:hidden;border:2px solid var(--border);background:var(--bg);flex-shrink:0;transition:border-color .15s,box-shadow .15s}.drp-thumb-item-wrapper.active .drp-thumb-img-wrap{border-color:var(--accent, #6366f1);box-shadow:0 0 0 2px #6366f140}.drp-thumb-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.drp-thumb-active-dot{position:absolute;bottom:3px;right:3px;width:7px;height:7px;border-radius:50%;background:var(--accent, #6366f1);border:1.5px solid var(--surface)}.drp-thumb-num{font-size:9.5px;font-weight:700;color:var(--text-3)}.drp-thumb-item-wrapper.active .drp-thumb-num{color:var(--accent, #6366f1)}.drp-thumb-icons{display:flex;align-items:center;justify-content:center;gap:4px;width:100%}.drp-thumb-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:var(--bg);border:1px solid var(--border);color:var(--text-3);cursor:pointer;transition:all .12s ease;text-decoration:none}.drp-thumb-icon-btn:hover{background:var(--surface-hover, var(--surface));color:var(--accent, #6366f1);border-color:var(--accent-border, rgba(99, 102, 241, .3))}.drp-status-bar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:34px;flex-shrink:0;background:var(--surface);border-top:1px solid var(--border)}.drp-status-left{display:flex;align-items:center;gap:16px}.drp-status-right{display:flex;align-items:center;gap:8px}.drp-status-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-2)}.drp-status-chip strong{font-weight:700;color:var(--text)}.drp-status-ready{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#10b981}.drp-status-dot-green{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b98199}.drp-actions-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 16px;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.drp-action-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:all .15s ease;text-decoration:none;font-family:inherit}.drp-action-btn:hover{background:var(--surface-hover, var(--surface));border-color:var(--border-hover, var(--border))}.drp-action-btn.drp-action-primary{background:var(--accent, #6366f1);color:#fff;border-color:transparent}.drp-action-btn.drp-action-primary:hover{opacity:.88}.drp-details-card{padding:14px 18px;background:var(--bg);border-top:1px solid var(--border);flex-shrink:0;animation:drp-fade-in .2s ease}.drp-details-title{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-bottom:10px}.drp-details-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;padding:3px 0;color:var(--text-3)}.drp-details-row strong{font-weight:600;color:var(--text)}.drp-var-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.drp-var-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card, 0 4px 18px rgba(0, 0, 0, .08));border-color:var(--accent-border, rgba(99, 102, 241, .3))}.drp-var-img-wrap{position:relative;cursor:pointer;width:100%;aspect-ratio:1 / 1;background:var(--bg);overflow:hidden}.drp-var-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.drp-var-img-wrap:hover img{transform:scale(1.03)}.drp-var-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.drp-var-img-wrap:hover .drp-var-overlay{opacity:1}.drp-var-use-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:#fffffff2;color:#0f172a;font-size:11.5px;font-weight:700;box-shadow:0 4px 12px #0003}.drp-var-info{padding:8px 10px 6px;flex:1}.drp-var-prompt{font-size:11.5px;font-weight:500;color:var(--text-2);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drp-var-time{font-size:10px;color:var(--text-3);margin:3px 0 0}.drp-var-action-icons{display:flex;align-items:center;gap:4px;padding:6px 10px 10px;border-top:1px solid var(--border)}.drp-var-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 8px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid var(--border);background:var(--bg);color:var(--text-2);cursor:pointer;transition:all .12s ease;text-decoration:none;font-family:inherit}.drp-var-icon-btn:hover{background:var(--surface-hover, var(--surface));color:var(--text);border-color:var(--border-hover, var(--border))}.drp-var-icon-btn.primary{background:var(--accent, #6366f1);color:#fff;border-color:transparent;flex:1}.drp-var-icon-btn.primary:hover{opacity:.9}.drp-var-icon-btn.rejected{background:#ef44441f;color:#ef4444;border-color:#ef44444d}.drp-asset-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.drp-asset-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.drp-asset-title{font-size:10.5px;color:var(--text-3);margin:6px 8px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drp-asset-actions{display:flex;align-items:center;gap:4px;padding:4px 8px 8px}.drp-asset-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:600;border:1px solid var(--border);background:var(--bg);color:var(--text-2);cursor:pointer;text-decoration:none;transition:all .12s}.drp-asset-action-btn:hover{background:var(--surface-hover);color:var(--accent);border-color:var(--accent-border)}.drp-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-3);text-align:center;padding:32px}.drp-chat-messages{width:380px;min-width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:14px;background:var(--surface);border-left:1px solid var(--border)}.drp-msg{display:flex;flex-direction:column;gap:6px}.drp-msg-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.drp-msg-ai{align-items:flex-start}.drp-refine-section{display:flex;flex-direction:column;gap:6px;margin-top:8px}.drp-refine-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3)}.drp-chat-input-area{padding:8px 12px 12px;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.drp-chat-input-box{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:8px 10px 6px;transition:border-color .15s ease}.drp-chat-input-box:focus-within{border-color:var(--accent, #6366f1)}.drp-chat-textarea{width:100%;min-height:40px;max-height:160px;background:transparent;border:none;outline:none;resize:none;color:var(--text);font-size:13px;line-height:1.5;font-family:inherit;padding:4px 2px;box-sizing:border-box}.drp-chat-textarea::placeholder{color:var(--text-3)}.drp-chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.drp-chat-toolbar-left,.drp-chat-toolbar-right{display:flex;align-items:center;gap:2px}.drp-chat-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:transparent;border:none;color:var(--text-3);cursor:pointer;transition:all .12s ease}.drp-chat-tool-btn:hover{background:var(--surface-hover);color:var(--text)}.drp-chat-send{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--accent, #6366f1);color:#fff;border:none;cursor:pointer;transition:filter .15s ease}.drp-chat-send:hover{filter:brightness(1.12)}.drp-chat-send:disabled{opacity:.45;cursor:default}.drp-chat-stop-btn{background:#ef4444}.drp-chat-stop-btn:hover{filter:brightness(1.08)}.drp-topbar .crp-export-btn{font-family:inherit}.drp-publish-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:transparent}.design-publish-popup{position:absolute;top:calc(100% + 8px);right:0;width:384px;max-width:calc(100vw - 20px);background:var(--surface, #1e1e24)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 48px #00000073,0 0 0 1px #ffffff0d;overflow:hidden;z-index:10000!important;animation:drp-publish-in .16s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes drp-publish-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.drp-publish-header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px 10px}.drp-publish-title-wrap{display:flex;align-items:center;gap:8px}.drp-publish-title-icon{width:26px;height:26px;border-radius:7px;background:#6366f124;color:var(--accent, #6366f1);display:flex;align-items:center;justify-content:center}.drp-publish-title{font-size:13.5px;font-weight:700;color:var(--text);letter-spacing:-.01em}.drp-publish-close-btn{width:26px;height:26px;border-radius:6px;background:transparent;border:none;cursor:pointer;color:var(--text-3);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.drp-publish-close-btn:hover{background:var(--surface-hover);color:var(--text)}.drp-publish-tabs{display:flex;gap:3px;margin:0 14px 10px;padding:3px;background:var(--bg);border:1px solid var(--border);border-radius:9px}.drp-publish-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 4px;font-size:11.5px;font-weight:600;cursor:pointer;background:transparent;border:none;border-radius:7px;color:var(--text-3);transition:all .15s ease;font-family:inherit;white-space:nowrap}.drp-publish-tab-btn:hover{color:var(--text)}.drp-publish-tab-btn.active{background:var(--surface);color:var(--accent, #6366f1);box-shadow:0 2px 6px #00000024}.drp-publish-body{padding:0 14px 14px;max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.drp-publish-section-head{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;padding:2px;margin-top:2px;margin-bottom:2px}.drp-publish-connected-count{font-size:10.5px;font-weight:600;color:var(--text-3);text-transform:none;letter-spacing:normal}.drp-publish-providers-list{display:flex;flex-direction:column;gap:6px}.drp-publish-provider-row{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:9px;background:var(--bg);border:1px solid var(--border);transition:border-color .15s ease,background .15s ease}.drp-publish-provider-row:hover{border-color:var(--border-hover, var(--border))}.drp-publish-provider-row.is-connected{border-color:#6366f159;background:#6366f10a}.drp-publish-provider-left{display:flex;align-items:center;gap:9px}.drp-publish-provider-badge{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.drp-publish-provider-info{display:flex;flex-direction:column;gap:1px}.drp-publish-provider-name{font-size:12px;font-weight:600;color:var(--text);line-height:1.2}.drp-publish-provider-status{font-size:10px;font-weight:500;line-height:1.2}.drp-publish-provider-status.connected{color:#10b981}.drp-publish-provider-status.disconnected{color:var(--text-3)}.drp-publish-connect-btn{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;background:var(--accent, #6366f1);color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:4px;border:none;cursor:pointer;transition:opacity .15s ease;font-family:inherit}.drp-publish-connect-btn:hover{opacity:.9}.drp-publish-signin-btn{padding:4px 9px;border-radius:6px;font-size:10.5px;font-weight:600;background:var(--surface-hover);border:1px solid var(--border);color:var(--text-2);cursor:pointer;font-family:inherit;transition:all .15s ease}.drp-publish-signin-btn:hover{background:var(--surface);color:var(--text)}.drp-publish-active-badge{padding:3px 9px;border-radius:6px;font-size:10.5px;font-weight:600;background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25);display:inline-flex;align-items:center;gap:4px}.drp-publish-schedule-box{display:flex;flex-direction:column;gap:6px;margin-top:4px}.drp-publish-schedule-label{font-size:10.5px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.drp-publish-datetime-input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:12.5px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .15s ease}.drp-publish-datetime-input:focus{border-color:var(--accent, #6366f1)}.drp-publish-schedule-help{font-size:11px;color:var(--text-3);margin:0;line-height:1.4}.drp-publish-notice{padding:8px 11px;border-radius:8px;font-size:11.5px;font-weight:500;line-height:1.4}.drp-publish-notice.success{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}.drp-publish-notice.error{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.drp-publish-notice.info{background:#6366f11f;color:var(--accent, #6366f1);border:1px solid rgba(99,102,241,.25)}.drp-publish-results-list{display:flex;flex-direction:column;gap:5px}.drp-publish-result-item{display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:7px;font-size:11.5px}.drp-publish-result-item.success{background:#10b98114;color:var(--text)}.drp-publish-result-item.error{background:#ef444414;color:var(--text)}.drp-publish-result-provider{font-weight:600}.drp-publish-result-status{margin-left:auto;font-size:10.5px;color:var(--text-3)}.drp-publish-submit-btn{width:100%;padding:9px 0;height:38px;border-radius:9px;font-size:12.5px;font-weight:600;background:var(--accent, #6366f1);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease;font-family:inherit;margin-top:4px}.drp-publish-submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 4px 14px #6366f159}.drp-publish-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.drp-publish-campaign-box{text-align:center;padding:16px 8px 10px;display:flex;flex-direction:column;align-items:center}.drp-publish-campaign-icon{width:44px;height:44px;border-radius:12px;background:#ec48991f;color:#ec4899;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.drp-publish-campaign-title{font-size:13.5px;font-weight:700;color:var(--text);margin:0 0 6px}.drp-publish-campaign-desc{font-size:12px;color:var(--text-2);margin:0 0 14px;line-height:1.45;max-width:300px}.drp-publish-campaign-btn{padding:8px 18px;border-radius:9px;font-size:12px;font-weight:600;background:var(--accent, #6366f1);color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;font-family:inherit}.drp-publish-campaign-btn:hover{opacity:.92;transform:translateY(-1px)}.drp-mobile-bottom-nav{display:none;align-items:stretch;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;z-index:70}.drp-mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 4px;background:transparent;border:none;color:var(--text-3);font-size:10.5px;font-weight:600;cursor:pointer;font-family:inherit}.drp-mobile-nav-btn.active{color:var(--accent, #6366f1)}.drp-gen-loading{align-items:center;justify-content:center;overflow:hidden}.drp-gen-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;pointer-events:none}.drp-gen-blob-1{width:260px;height:260px;background:#6366f1;top:-40px;left:-40px;animation:drp-float 7s ease-in-out infinite}.drp-gen-blob-2{width:300px;height:300px;background:#8b5cf6;bottom:-80px;right:-60px;animation:drp-float 9s ease-in-out infinite reverse}.drp-gen-blob-3{width:200px;height:200px;background:#ec4899;top:40%;left:60%;animation:drp-float 8s ease-in-out 1s infinite}@keyframes drp-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(24px,-18px) scale(1.08)}}.drp-gen-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px}.drp-gen-orbit{position:relative;width:130px;height:130px}.drp-gen-orbit-outer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px dashed rgba(99,102,241,.4);animation:drp-spin 14s linear infinite}.drp-gen-orbit-mid{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;border:1.5px solid rgba(139,92,246,.45);animation:drp-spin 9s linear infinite reverse}.drp-gen-orb{position:absolute;top:-7px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#6366f1;box-shadow:0 0 12px #6366f1cc}.drp-gen-orb-mid{position:absolute;top:50%;right:-6px;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 10px #8b5cf6cc}@keyframes drp-spin{to{transform:rotate(360deg)}}.drp-gen-core{position:absolute;top:38px;right:38px;bottom:38px;left:38px;border-radius:50%;background:linear-gradient(135deg,#6366f140,#8b5cf640);border:1px solid rgba(99,102,241,.5);display:flex;align-items:center;justify-content:center;color:var(--accent, #6366f1);animation:drp-core-pulse 2s ease infinite}@keyframes drp-core-pulse{0%,to{box-shadow:0 0 #6366f159}50%{box-shadow:0 0 0 14px #6366f100}}.drp-gen-core-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.drp-gen-core-ring-1{border-top:2px solid rgba(99,102,241,.9);animation:drp-spin 2.4s linear infinite}.drp-gen-core-ring-2{border-bottom:2px solid rgba(139,92,246,.7);animation:drp-spin 3.2s linear infinite reverse}.drp-gen-core-inner{font-size:20px}.drp-gen-canvas-mock{width:min(420px,80%);aspect-ratio:4 / 3;border-radius:14px;background:var(--surface);border:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.drp-gen-shimmer-row{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--surface-hover) 25%,var(--border) 50%,var(--surface-hover) 75%);background-size:200% 100%;animation:drp-shimmer 1.4s ease infinite}.drp-gen-shimmer-full{flex:1}@keyframes drp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.drp-gen-status{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-2)}.drp-gen-status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent, #6366f1);animation:crp-live-pulse 1.6s ease infinite}.drp-gen-status-label{font-family:inherit}.drp-root .crp-right{display:flex!important;flex-direction:column!important;height:100%!important;background:var(--surface)!important;border-left:1px solid var(--border)!important;position:relative!important;overflow:hidden!important;box-sizing:border-box!important}.drp-root .crp-right-header{height:42px!important;min-height:42px!important;max-height:42px!important;padding:0 10px!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;flex-shrink:0!important;box-sizing:border-box!important}.drp-root .crp-right-tab{height:28px!important;padding:0 10px!important;font-size:12px!important;font-weight:500!important;border-radius:7px!important;gap:5px!important}.drp-root .crp-right-tab.active{font-weight:600!important}.drp-root .crp-right-header-actions{display:flex!important;align-items:center!important;gap:2px!important;flex-shrink:0!important}.drp-root .crp-sidebar-icon-btn{width:28px!important;height:28px!important;border-radius:7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:background .13s ease,color .13s ease!important}.drp-root .crp-codebar-wrap{padding:8px 10px 10px!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;flex-shrink:0!important}.drp-root .crp-codebar-box{background:var(--bg)!important;border:1.5px solid var(--border)!important;border-radius:14px!important;padding:10px 12px 8px!important;gap:6px!important;display:flex!important;flex-direction:column!important;box-shadow:0 1px 4px #0000000f!important;transition:border-color .15s ease,box-shadow .15s ease!important}.drp-root .crp-codebar-box:focus-within{border-color:var(--accent, #6366f1)!important;box-shadow:0 0 0 2.5px #6366f11f,0 1px 4px #0000000f!important}.drp-root .crp-codebar-box .prompt-textarea{font-size:13.5px!important;line-height:1.45!important;min-height:32px!important;height:auto!important;max-height:120px!important;padding:0!important;background:transparent!important;border:none!important;outline:none!important;resize:none!important;color:var(--text)!important;width:100%!important;font-family:inherit!important}.drp-root .crp-codebar-box .prompt-textarea::placeholder{color:var(--text-3)!important;font-size:13.5px!important}.drp-root .crp-codebar-box .prompt-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;margin-top:2px!important;padding-top:0!important}.drp-root .crp-codebar-box .prompt-toolbar-left{display:flex!important;align-items:center!important;gap:3px!important;flex:1!important;min-width:0!important}.drp-root .crp-codebar-box .prompt-toolbar-right{display:flex!important;align-items:center!important;gap:4px!important;flex-shrink:0!important}.drp-root .crp-codebar-box .toolbar-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;height:28px!important;min-width:28px!important;padding:0 6px!important;border-radius:7px!important;border:none!important;background:transparent!important;color:var(--text-3)!important;font-size:12px!important;font-weight:500!important;font-family:inherit!important;cursor:pointer!important;transition:background .13s ease,color .13s ease!important;white-space:nowrap!important}.drp-root .crp-codebar-box .toolbar-btn:hover:not(:disabled){background:var(--surface-hover)!important;color:var(--text)!important}.drp-root .crp-codebar-box .toolbar-btn:disabled{opacity:.4!important;cursor:not-allowed!important}.drp-root .crp-codebar-box .toolbar-btn.active-toolbar-btn{background:#ef44441a!important;color:#ef4444!important}.drp-root .crp-codebar-box .toolbar-btn[aria-label="Reference strength"]{gap:3px!important;padding:0 8px!important;font-size:11.5px!important}.drp-root .crp-codebar-box .send-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;min-width:30px!important;border-radius:9px!important;border:none!important;background:var(--surface-hover)!important;color:var(--text-3)!important;cursor:not-allowed!important;transition:background .15s ease,color .15s ease!important;flex-shrink:0!important}.drp-root .crp-codebar-box .send-btn.active{background:var(--accent, #6366f1)!important;color:#fff!important;cursor:pointer!important;box-shadow:0 2px 8px #6366f14d!important}.drp-root .crp-codebar-box .send-btn.active:hover{filter:brightness(1.1)!important}.drp-root .crp-codebar-box .send-btn.generating{background:#ef4444!important;color:#fff!important;cursor:pointer!important;box-shadow:0 2px 8px #ef44444d!important}.drp-root .crp-disclaimer{text-align:center!important;font-size:10px!important;color:var(--text-3)!important;margin:4px 0 0!important;letter-spacing:.01em!important}.drp-root .crp-chat-messages{flex:1!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:14px 12px 8px!important;display:flex!important;flex-direction:column!important;gap:14px!important;box-sizing:border-box!important}.drp-root .crp-chat-empty{margin:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;text-align:center!important;padding:30px 10px!important;color:var(--text-3)!important}.drp-root .crp-chat-empty p{font-size:13px!important;font-weight:600!important;margin:0!important;color:var(--text-2)!important}.drp-root .crp-placeholder-icon{color:var(--accent, #6366f1)!important;opacity:.5!important}.drp-root .crp-suggestions-list{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;max-width:340px!important;margin-top:6px!important}.drp-root .crp-suggestion-row{display:flex!important;align-items:center!important;gap:10px!important;padding:9px 12px!important;border-radius:12px!important;background:var(--surface)!important;border:1px solid var(--border)!important;font-size:12.5px!important;font-weight:500!important;color:var(--text-2)!important;cursor:pointer!important;text-align:left!important;font-family:inherit!important;transition:all .15s ease!important;width:100%!important}.drp-root .crp-suggestion-row:hover{border-color:var(--accent-border, rgba(99,102,241,.3))!important;color:var(--text)!important;transform:translateY(-1px)!important}.drp-root .crp-suggestion-icon-wrap{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;border-radius:8px!important;flex-shrink:0!important}.drp-root .crp-suggestion-text{flex:1!important;min-width:0!important;white-space:normal!important;line-height:1.35!important}.drp-root .crp-msg{display:flex!important;flex-direction:column!important}.drp-root .crp-msg-user{align-items:flex-end!important}.drp-root .crp-msg-assistant{align-items:flex-start!important}.drp-root .crp-msg-bubble{max-width:88%!important;border-radius:12px!important;padding:9px 12px!important;font-size:13px!important;line-height:1.5!important}.drp-root .crp-msg-user .crp-msg-bubble{background:var(--accent, #6366f1)!important;color:#fff!important;border-bottom-right-radius:4px!important}.drp-root .crp-msg-assistant .crp-msg-bubble{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-bottom-left-radius:4px!important}.drp-root .file-preview-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px 8px 4px 6px!important;border-radius:8px!important;background:var(--surface)!important;border:1px solid var(--border)!important;font-size:11.5px!important;color:var(--text-2)!important;max-width:160px!important}.drp-root .file-preview-doc{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important}.drp-root .file-preview-doc-name{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-weight:500!important}.drp-root .file-preview-doc-type{font-size:10px!important;color:var(--text-3)!important}.drp-root .file-preview-remove-btn{display:inline-flex!important;align-items:center!important;background:transparent!important;border:none!important;color:var(--text-3)!important;cursor:pointer!important;padding:2px!important;border-radius:4px!important;flex-shrink:0!important}.drp-root .file-preview-remove-btn:hover{color:#ef4444!important;background:#ef44441a!important}@media(max-width:900px){.drp-root{height:calc(100vh - 52px)!important;max-height:calc(100vh - 52px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.app-root:not(.has-site-navbar) .drp-root{height:100vh!important;max-height:100vh!important}.drp-body{flex-direction:column!important;flex:1 1 0%!important;min-height:0!important;height:100%!important;max-height:100%!important;position:relative!important;overflow:hidden!important;width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.drp-canvas-panel{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important;height:100%!important;max-height:100%!important;min-height:0!important;border-right:none!important;border-left:none!important;position:relative!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.drp-root .crp-right{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important;height:100%!important;max-height:100%!important;min-height:0!important;position:relative!important;inset:auto!important;border:none!important;background:var(--surface)!important;margin:0!important;padding:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important}.drp-root .crp-right-resizer,.drp-root .crp-sidebar-open-btn,.drp-root .crp-sidebar-close-desktop,.drp-canvas-quick-tools{display:none!important}.drp-root.drp-mobile-panel-canvas .drp-canvas-panel,.drp-root.drp-mobile-panel-variations .drp-canvas-panel,.drp-root.drp-mobile-panel-assets .drp-canvas-panel{display:flex!important;flex:1 1 100%!important;height:100%!important;max-height:100%!important}.drp-root.drp-mobile-panel-canvas .crp-right,.drp-root.drp-mobile-panel-variations .crp-right,.drp-root.drp-mobile-panel-assets .crp-right,.drp-root.drp-mobile-panel-assistant .drp-canvas-panel,.drp-root.drp-mobile-panel-chat .drp-canvas-panel{display:none!important;height:0!important;max-height:0!important;min-height:0!important;flex:0 0 0!important;overflow:hidden!important}.drp-root.drp-mobile-panel-assistant .crp-right,.drp-root.drp-mobile-panel-chat .crp-right{display:flex!important;flex:1 1 100%!important;height:100%!important;max-height:100%!important;min-height:0!important;width:100%!important;max-width:100%!important;min-width:0!important;border:none!important}.drp-root .crp-right-header{height:42px!important;min-height:42px!important;max-height:42px!important;padding:0 10px!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important;flex-shrink:0!important;display:flex!important;align-items:center!important}.drp-root .crp-chat-messages{flex:1 1 auto!important;min-height:0!important;height:100%!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:12px 10px 6px!important;gap:12px!important;box-sizing:border-box!important}.drp-root .crp-msg-bubble{max-width:92%!important}.drp-root .crp-codebar-wrap{flex-shrink:0!important;padding:6px 10px 8px!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;box-sizing:border-box!important}.drp-root .crp-codebar-box{width:100%!important;box-sizing:border-box!important}.drp-root .prompt-textarea{font-size:14px!important;min-height:38px!important}.drp-root .crp-disclaimer{margin-top:5px!important;font-size:11px!important}.drp-mobile-bottom-nav{display:flex!important;height:52px!important;min-height:52px!important;max-height:52px!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;flex-shrink:0!important;z-index:70!important}.drp-mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;background:transparent;border:none;color:var(--text-3);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;transition:color .15s ease,background .15s ease}.drp-mobile-nav-btn:active{background:var(--surface-hover)}.drp-mobile-nav-btn.active{color:var(--accent, #6366f1)}.drp-topbar{display:flex!important;justify-content:space-between!important;align-items:center!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 10px!important;box-sizing:border-box!important;flex-shrink:0!important;overflow-x:hidden!important;gap:6px!important}.drp-topbar-left{flex:0 0 auto!important;gap:6px!important}.drp-canvas-tabs{display:none!important}.drp-topbar-right{flex:1!important;gap:4px!important;min-width:0!important;margin-left:8px!important}.drp-title-input{font-size:12px!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:0 8px!important;min-width:60px!important}.drp-topbar .crp-top-action-btn span,.drp-topbar .crp-publish-btn span,.drp-topbar .drp-new-btn span{display:none!important}.drp-topbar .crp-top-action-btn,.drp-topbar .crp-publish-btn,.drp-topbar .drp-new-btn{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;flex-shrink:0!important}.drp-topbar .crp-top-action-btn svg,.drp-topbar .crp-publish-btn svg,.drp-topbar .drp-new-btn svg{margin:0!important}.drp-canvas-viewport{padding:14px 14px 64px!important}.drp-poster-under-bar{gap:4px!important;padding:5px 8px!important;margin-top:10px!important}.drp-under-btn{padding:5px 8px!important;font-size:11px!important;gap:4px!important}.drp-poster-frame{max-width:calc(100vw - 28px)!important}}@media(max-width:768px){.design-workspace-page .home-panel-inner{padding:16px 12px;max-width:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.design-workspace-page .prompt-container-outer{width:100%;max-width:100%;box-sizing:border-box}.design-workspace-page .code-bar-tabs{padding:3px 4px;margin-bottom:-1px;gap:4px}.design-workspace-page .code-bar-tab{padding:4px 10px;font-size:11.5px;height:28px;gap:4px}.design-workspace-page .prompt-box{padding:12px 12px 8px;border-radius:16px;width:100%;box-sizing:border-box;gap:6px}.design-workspace-page .prompt-container-outer .prompt-box{border-top-left-radius:0}.design-workspace-page .prompt-textarea{font-size:14px;min-height:40px;line-height:1.4;padding:0}.design-workspace-page .prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-top:2px;box-sizing:border-box;width:100%}.design-workspace-page .prompt-toolbar-left{display:flex;align-items:center;gap:4px;min-width:0;flex-shrink:1;flex-wrap:wrap}.design-workspace-page .prompt-toolbar-right{display:flex;align-items:center;gap:5px;flex-shrink:0}.design-workspace-page .toolbar-btn{width:28px;height:28px;min-width:28px;border-radius:8px;padding:0;display:flex;align-items:center;justify-content:center}.design-workspace-page .toolbar-btn svg{width:15px;height:15px}.design-workspace-page .send-btn{width:28px;height:28px;min-width:28px;border-radius:8px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.design-workspace-page .send-btn svg{width:15px;height:15px}.drp-chat-input-row{padding:8px 10px!important}.drp-chat-textarea{font-size:14px!important;min-height:36px!important}.drp-publish-backdrop{background:#0000008c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:9999!important}.design-publish-popup{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(390px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;max-height:85vh!important;border-radius:16px!important;box-shadow:0 24px 64px #0009!important;z-index:10000!important}.crp-export-dropdown{min-width:200px!important;max-width:calc(100vw - 16px)!important;right:0!important;left:auto!important}.drp-poster-under-bar button{width:28px!important;height:28px!important}.drp-variations-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px!important}}@media(max-width:480px){.design-workspace-page .home-panel-inner{padding:12px 8px}.design-workspace-page .prompt-box{padding:10px 10px 6px;border-radius:14px}.design-workspace-page .code-bar-tab{padding:3px 8px;font-size:11px;height:26px}.design-workspace-page .prompt-textarea{font-size:13.5px;min-height:38px}.drp-topbar{padding:0 6px!important;height:40px!important;min-height:40px!important;max-height:40px!important;gap:4px!important}.drp-title-input{font-size:11.5px!important;height:24px!important;min-height:24px!important;max-height:24px!important;padding:0 6px!important;border-radius:5px!important}.drp-mobile-bottom-nav{height:52px!important;min-height:52px!important;max-height:52px!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;flex-shrink:0!important;z-index:70!important}.drp-mobile-nav-btn{font-size:11px!important;gap:2px!important;padding:6px 4px!important;font-weight:600!important}.drp-canvas-viewport{padding:10px 10px 56px!important}.drp-poster-frame{max-width:calc(100vw - 20px)!important}.drp-msg-bubble{max-width:96%!important}.drp-topbar .crp-top-action-btn,.drp-topbar .crp-publish-btn{width:28px!important;min-width:28px!important;padding:0!important;height:26px!important}.drp-variations-grid{grid-template-columns:1fr!important;gap:8px!important}}.drp-editor-sidebar{display:flex;flex-direction:column;height:100%;width:100%;background:var(--surface);-webkit-user-select:none;user-select:none;box-sizing:border-box}.drp-editor-scroll-body{flex:1;min-height:0;overflow-y:auto;padding:0}.drp-editor-btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.drp-editor-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:8px;background:var(--bg);border:1px solid var(--border);color:var(--text-2, #475569);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;white-space:nowrap}.drp-editor-tool-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--accent, #6366f1)}.drp-editor-tool-btn.active{background:var(--accent-bg, rgba(99, 102, 241, .12));color:var(--accent, #6366f1);border-color:var(--accent, #6366f1)}.drp-editor-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.drp-editor-preset-chip{display:inline-flex;align-items:center;justify-content:center;padding:5px 6px;border-radius:6px;background:var(--bg);border:1px solid var(--border);color:var(--text-2, #475569);font-size:10.5px;font-weight:600;cursor:pointer;transition:all .13s ease;font-family:inherit;text-align:center}.drp-editor-preset-chip:hover{background:var(--surface-hover);color:var(--text);border-color:#6366f166}.drp-editor-preset-chip.active{background:var(--accent, #6366f1);color:#fff;border-color:var(--accent, #6366f1);box-shadow:0 2px 6px #6366f159}.drp-slider-field{margin-bottom:11px}.drp-slider-field:last-child{margin-bottom:0}.drp-slider-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.drp-slider-label{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--text-2, #475569)}.drp-slider-icon{color:var(--text-3, #94a3b8)}.drp-slider-val{font-size:11px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--accent, #6366f1)}.drp-range-input{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:999px;outline:none;cursor:pointer;transition:background .15s ease}.drp-range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent, #6366f1);box-shadow:0 0 0 2px #fffc,0 2px 5px #00000040;cursor:pointer;transition:transform .12s ease}.drp-range-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.drp-range-input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent, #6366f1);box-shadow:0 0 0 2px #fffc,0 2px 5px #00000040;border:none;cursor:pointer}.drp-editor-footer{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.drp-editor-footer-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s ease}.drp-editor-footer-btn.cancel{background:var(--bg);border:1px solid var(--border);color:var(--text-2, #475569)}.drp-editor-footer-btn.cancel:hover{background:var(--surface-hover);color:var(--text)}.drp-editor-footer-btn.apply{background:var(--accent, #6366f1);border:1px solid transparent;color:#fff;box-shadow:0 2px 8px #6366f159}.drp-editor-footer-btn.apply:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 4px 12px #6366f173}.drp-editor-footer-btn.apply:disabled{opacity:.5;cursor:not-allowed}.drp-canvas-editing-badge{position:absolute;top:14px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--accent, #6366f1);color:#fff;font-size:11.5px;font-weight:700;box-shadow:0 4px 16px #6366f159;z-index:25;animation:drp-fade-in .2s ease}[data-theme=dark] .drp-editor-tool-btn{background:#ffffff0d;border-color:#ffffff14;color:#fffc}[data-theme=dark] .drp-editor-tool-btn:hover{background:#ffffff1a;color:#fff;border-color:var(--accent, #6366f1)}[data-theme=dark] .drp-editor-preset-chip{background:#ffffff0d;border-color:#ffffff14;color:#fffc}[data-theme=dark] .drp-editor-preset-chip:hover{background:#ffffff1a;color:#fff}[data-theme=dark] .drp-editor-footer-btn.cancel{background:#ffffff0f;border-color:#ffffff14;color:#fffc}[data-theme=dark] .drp-editor-footer-btn.cancel:hover{background:#ffffff1f;color:#fff}.drp-layers-stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:6px;z-index:10}.drp-canvas-layer{position:absolute;pointer-events:auto;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;cursor:default;transition:box-shadow .12s ease}.drp-canvas-layer.editable{cursor:grab}.drp-canvas-layer.editable:active{cursor:grabbing}.drp-canvas-layer.selected{outline:2px solid var(--accent, #6366f1);outline-offset:4px;border-radius:4px}.drp-layer-selection-box{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;pointer-events:none;border:2px solid var(--accent, #6366f1);border-radius:5px;box-shadow:0 0 0 1px #6366f140,0 0 12px #6366f126}.drp-handle{position:absolute;width:9px;height:9px;background:#fff;border:2px solid var(--accent, #6366f1);border-radius:2px;box-shadow:0 1px 4px #0000004d;pointer-events:auto}.drp-handle-tl{top:-5px;left:-5px;cursor:nwse-resize}.drp-handle-tr{top:-5px;right:-5px;cursor:nesw-resize}.drp-handle-bl{bottom:-5px;left:-5px;cursor:nesw-resize}.drp-handle-br{bottom:-5px;right:-5px;cursor:nwse-resize}.drp-layer-floating-toolbar{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:2px;padding:3px 4px;border-radius:8px;background:#0f172aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 14px #00000059;pointer-events:auto;z-index:50;white-space:nowrap}.drp-layer-pill-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;background:transparent;border:none;color:#cbd5e1;cursor:pointer;transition:all .12s ease}.drp-layer-pill-btn:hover{background:#ffffff26;color:#fff}.drp-layer-pill-btn.delete:hover{background:#ef44444d;color:#ef4444}.drp-editor-nav-tabs{display:flex;align-items:center;gap:3px;padding:6px 10px;border-bottom:1px solid var(--border);background:var(--surface)}.drp-editor-nav-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;border-radius:7px;background:transparent;border:1px solid transparent;color:var(--text-2, #475569);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;white-space:nowrap}.drp-editor-nav-tab:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.drp-editor-nav-tab.active{background:var(--accent-bg, rgba(99, 102, 241, .12));color:var(--accent, #6366f1);border-color:var(--accent-border, rgba(99, 102, 241, .25))}.drp-editor-nav-tab:disabled{opacity:.45;cursor:default}.drp-editor-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.drp-editor-add-card{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;background:var(--bg);border:1px solid var(--border);cursor:pointer;text-align:left;font-family:inherit;transition:all .15s ease}.drp-editor-add-card:hover{border-color:var(--accent, #6366f1);background:var(--surface-hover);transform:translateY(-1px)}.drp-editor-add-card strong{display:block;font-size:11.5px;color:var(--text);font-weight:700}.drp-editor-add-card span{display:block;font-size:10px;color:var(--text-3)}.drp-editor-add-card.heading{border-color:#6366f147;background:#6366f10a}.drp-editor-add-card.badge-btn{border-color:#f59e0b47;background:#f59e0b0a}.drp-editor-stickers-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.drp-sticker-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px 6px;border-radius:8px;background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:all .13s ease;font-family:inherit}.drp-sticker-btn span{font-size:9.5px;font-weight:600;color:var(--text-2, #475569)}.drp-sticker-btn:hover{border-color:var(--accent, #6366f1);background:var(--surface-hover);transform:scale(1.05)}.drp-sticker-btn.active{border-color:var(--accent, #6366f1);background:var(--accent-bg, rgba(99, 102, 241, .14))}.drp-empty-layers-hint{padding:16px 12px;text-align:center;border:1px dashed var(--border);border-radius:8px;background:var(--bg)}.drp-empty-layers-hint p{margin:0 0 4px;font-size:12px;font-weight:700;color:var(--text-2)}.drp-empty-layers-hint span{font-size:10.5px;color:var(--text-3);line-height:1.4}.drp-layers-list{display:flex;flex-direction:column;gap:4px}.drp-layer-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:all .15s ease}.drp-layer-row:hover{background:var(--surface-hover);border-color:#6366f166}.drp-layer-row.selected{background:var(--accent-bg, rgba(99, 102, 241, .12));border-color:var(--accent, #6366f1)}.drp-layer-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#0000000d;flex-shrink:0}[data-theme=dark] .drp-layer-icon-badge{background:#ffffff14}.drp-layer-info{flex:1;min-width:0;display:flex;flex-direction:column}.drp-layer-label{font-size:11.5px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drp-layer-sub{font-size:9.5px;color:var(--text-3)}.drp-layer-actions{display:flex;align-items:center;gap:2px}.drp-layer-mini-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:transparent;border:none;color:var(--text-3);cursor:pointer;transition:all .12s ease}.drp-layer-mini-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.drp-layer-mini-btn.delete:hover{color:#ef4444;background:#ef444426}.drp-layer-mini-btn:disabled{opacity:.25;cursor:default}.drp-color-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.drp-color-swatch{width:100%;aspect-ratio:1;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform .12s ease;box-shadow:0 1px 3px #00000026}.drp-color-swatch:hover{transform:scale(1.15)}.drp-color-swatch.active{border-color:var(--accent, #6366f1);transform:scale(1.15);box-shadow:0 0 0 2px #fff,0 2px 6px #00000040}.design-filter-modal{width:min(740px,94vw);max-height:86vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px #0000008c}.design-filter-tabs-bar{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg);border-bottom:1px solid var(--border);overflow-x:auto}.design-filter-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;color:var(--text-2);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .18s ease;white-space:nowrap;font-family:inherit}.design-filter-tab-btn:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border)}.design-filter-tab-btn.active{color:var(--accent, #6366f1);background:var(--accent-bg, rgba(99, 102, 241, .12));border-color:var(--accent-border, rgba(99, 102, 241, .35));box-shadow:0 2px 8px #6366f11a}.design-filter-tab-badge{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--accent, #6366f1);color:#fff;letter-spacing:.02em}.design-filter-tab-badge.brand-active{background:#10b981}.design-filter-modal-body{flex:1;min-height:0;overflow-y:auto;padding:18px 24px 20px}.design-filter-pane{display:flex;flex-direction:column;gap:16px}.design-filter-pane-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.design-filter-pane-title{margin:0;font-size:15px;font-weight:700;color:var(--text)}.design-filter-pane-desc{margin:3px 0 0;font-size:12px;color:var(--text-3);line-height:1.4}.design-filter-clear-btn{padding:4px 10px;border-radius:6px;font-size:11.5px;font-weight:600;color:var(--text-3);background:var(--surface-hover);border:1px solid var(--border);cursor:pointer;transition:all .15s ease;white-space:nowrap}.design-filter-clear-btn:hover{color:#ef4444;border-color:#ef444466;background:#ef444414}.design-filter-custom-size-box{margin-top:14px;padding:14px 16px;border-radius:12px;background:var(--surface-hover);border:1px solid var(--border)}.design-filter-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.marketing-page-root{display:flex;flex-direction:column;min-height:100vh;background:var(--bg);color:var(--text);position:relative}.marketing-page-body{display:flex;flex:1;position:relative;width:100%}.marketing-center-content{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden;transition:margin-right .25s cubic-bezier(.16,1,.3,1)}.marketing-center-content.with-right-bar{margin-right:340px}@media(max-width:1100px){.marketing-center-content.with-right-bar{margin-right:0}}.marketing-right-bar-toggle{position:fixed;right:20px;top:70px;z-index:40;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9999px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 4px 16px #00000026;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s ease}.marketing-right-bar-toggle:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-1px)}.marketing-right-bar-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.marketing-right-sidebar{position:fixed;top:56px;right:0;bottom:0;width:340px;background:var(--surface);border-left:1px solid var(--border);z-index:35;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000001f;overflow-y:auto;transform:translate(100%);transition:transform .28s cubic-bezier(.16,1,.3,1)}.marketing-right-sidebar.open{transform:translate(0)}.mktg-sidebar-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.mktg-sidebar-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text)}.mktg-sidebar-close{background:none;border:none;color:var(--text-3);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center}.mktg-sidebar-close:hover{background:var(--surface-hover);color:var(--text)}.mktg-sidebar-body{padding:16px;display:flex;flex-direction:column;gap:20px}.mktg-tool-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.mktg-tool-title-row{display:flex;align-items:center;justify-content:space-between}.mktg-tool-title{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;color:var(--text)}.mktg-audit-input-wrap{display:flex;gap:6px}.mktg-audit-input{flex:1;padding:6px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:12px;outline:none}.mktg-audit-btn{padding:6px 12px;border-radius:8px;background:var(--accent);color:#fff;border:none;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:opacity .2s}.mktg-audit-btn:hover{opacity:.9}.mktg-audit-result{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:12px}.mktg-score-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-weight:600;font-size:12px;margin-bottom:6px}.mktg-score-badge.high{background:#22c55e26;color:#22c55e}.mktg-score-badge.mid{background:#f59e0b26;color:#f59e0b}.mktg-score-badge.low{background:#ef444426;color:#ef4444}.mktg-results-root{display:flex;flex-direction:column;height:100vh;width:100%;background:var(--bg);color:var(--text);overflow:hidden}.app-root.has-site-navbar .mktg-results-root{height:100%;margin-top:0}.mktg-results-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:42px;min-height:42px;max-height:42px;padding:0 12px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;z-index:50;gap:8px;box-sizing:border-box}.mktg-results-header-left{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.mktg-back-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 10px!important;border-radius:7px!important;background:var(--bg)!important;border:1px solid var(--border)!important;color:var(--text-2)!important;font-size:11.5px!important;font-weight:600!important;cursor:pointer!important;flex-shrink:0!important;font-family:inherit!important;transition:all .15s ease!important;box-sizing:border-box!important}.mktg-back-btn:hover{background:var(--surface-hover)!important;color:var(--text)!important;border-color:var(--border-hover, var(--border))!important}.mktg-project-title-input{height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 10px!important;border-radius:7px!important;border:1px solid var(--border)!important;background:var(--surface-hover)!important;color:var(--text)!important;font-size:12px!important;font-weight:600!important;max-width:260px!important;outline:none!important;transition:all .15s ease!important;box-sizing:border-box!important}.mktg-project-title-input:hover,.mktg-project-title-input:focus{border-color:var(--accent, #6366f1)!important;background:var(--surface)!important}.mktg-results-header-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin-left:auto;position:relative;z-index:20}.mktg-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 10px!important;border-radius:7px!important;background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text-2)!important;font-size:11.5px!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;font-family:inherit!important;white-space:nowrap!important;box-sizing:border-box!important}.mktg-action-btn:hover{background:var(--surface-hover)!important;color:var(--text)!important;border-color:var(--border-hover, var(--border))!important}.mktg-action-btn.primary{background:var(--accent, #6366f1)!important;color:#fff!important;border-color:var(--accent, #6366f1)!important}.mktg-score-badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.mktg-results-body{display:flex;flex:1 1 auto;min-height:0;overflow:hidden;position:relative;width:100%;box-sizing:border-box}.mktg-chat-col-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.mktg-chat-msg{display:flex;flex-direction:column;gap:4px;max-width:92%}.mktg-chat-msg.user{align-self:flex-end;background:var(--accent);color:#fff;padding:10px 14px;border-radius:14px 14px 2px;font-size:13px}.mktg-chat-msg.assistant{align-self:flex-start;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:14px 14px 14px 2px;font-size:13px;line-height:1.5}.mktg-chat-input-box{padding:12px 16px;border-top:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:8px}.mktg-chat-input-row{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:6px 10px}.mktg-chat-input-row:focus-within{border-color:var(--accent)}.mktg-chat-input-field{flex:1;background:transparent;border:none;outline:none;font-size:13px;color:var(--text)}.mktg-chat-chips-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.mktg-quick-chip{padding:4px 8px;border-radius:9999px;background:var(--bg);border:1px solid var(--border);font-size:11px;color:var(--text-2);cursor:pointer;white-space:nowrap;transition:all .15s}.mktg-quick-chip:hover{background:var(--surface-hover);color:var(--accent);border-color:var(--accent)}.design-option-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:12.5px;font-weight:600;cursor:default;font-family:inherit;transition:all .15s ease;white-space:nowrap}.design-option-chip button{background:var(--surface-hover, var(--surface));border:1px solid var(--border);color:var(--text-2);cursor:pointer;width:20px;height:20px;min-width:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;margin-left:4px;opacity:1!important;visibility:visible!important;box-shadow:0 1px 2px #00000014;transition:all .15s ease}.design-option-chip button:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;transform:scale(1.08)}.mktg-canvas-col{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.mktg-canvas-tabs-bar{display:flex;align-items:center;gap:4px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto}.mktg-canvas-tab-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-3);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s}.mktg-canvas-tab-btn:hover{color:var(--text);background:var(--surface-hover)}.mktg-canvas-tab-btn.active{color:var(--accent);background:var(--bg);border-color:var(--border);font-weight:600}.mktg-canvas-scroll-content{flex:1;overflow-y:auto;padding:24px}.mktg-toolkit-col{width:320px;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:16px;gap:16px}.mktg-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:16px;transition:border-color .2s}.mktg-card:hover{border-color:var(--accent)}.mktg-card-title{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.mktg-copy-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;background:var(--bg);border:1px solid var(--border);font-size:11px;color:var(--text-2);cursor:pointer}.mktg-social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.mktg-social-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.mktg-social-header{display:flex;align-items:center;justify-content:space-between}.mktg-platform-badge{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.mktg-social-text{font-size:13px;line-height:1.6;color:var(--text);white-space:pre-wrap;background:var(--bg);padding:10px 12px;border-radius:8px;border:1px solid var(--border)}.mktg-hashtags{display:flex;flex-wrap:wrap;gap:4px}.mktg-hashtag{font-size:11px;color:var(--accent);background:#6366f114;padding:2px 6px;border-radius:4px}.mktg-seo-tags-grid{display:grid;grid-template-columns:1fr;gap:12px}.mktg-tag-value{padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--text)}.mktg-metric-ring-row{display:flex;align-items:center;justify-content:space-around;padding:12px 0;background:var(--bg);border-radius:10px;border:1px solid var(--border)}.mktg-metric-val{font-size:18px;font-weight:700;color:var(--accent)}.mktg-metric-lbl{font-size:11px;color:var(--text-3)}@media(max-width:1024px){.mktg-results-body{flex-direction:column}.mktg-chat-col{width:100%;height:280px}.mktg-toolkit-col{width:100%}}@media(max-width:768px){.marketing-page-body{flex-direction:column}.marketing-center-content{width:100%;max-width:100%}.marketing-center-content .home-panel-inner{padding:16px 12px;max-width:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.marketing-center-content .prompt-container-outer{width:100%;max-width:100%;box-sizing:border-box}.marketing-center-content .prompt-box{padding:12px 12px 8px;border-radius:16px;width:100%;box-sizing:border-box;gap:6px}.marketing-center-content .prompt-textarea{font-size:14px;min-height:40px;line-height:1.4;padding:0}.marketing-center-content .prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-top:2px;box-sizing:border-box;width:100%}.marketing-center-content .prompt-toolbar-left{display:flex;align-items:center;gap:4px;min-width:0;flex-shrink:1;flex-wrap:wrap}.marketing-center-content .prompt-toolbar-right{display:flex;align-items:center;gap:5px;flex-shrink:0}.marketing-center-content .toolbar-btn{width:28px;height:28px;min-width:28px;border-radius:8px;padding:0;display:flex;align-items:center;justify-content:center}.marketing-center-content .toolbar-btn svg{width:15px;height:15px}.marketing-center-content .send-btn{width:28px;height:28px;min-width:28px;border-radius:8px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.marketing-center-content .send-btn svg{width:15px;height:15px}}@media(max-width:480px){.marketing-center-content .home-panel-inner{padding:12px 8px}.marketing-center-content .prompt-box{padding:10px 10px 6px;border-radius:14px}.marketing-center-content .prompt-textarea{font-size:13.5px;min-height:38px}}.mktg-results-body{display:flex;flex:1;width:100%;height:calc(100vh - 42px);overflow:hidden;position:relative}.mktg-icons-col{display:flex;flex-direction:column;align-items:center;width:78px;min-width:78px;max-width:78px;background:var(--surface);border-right:1px solid var(--border);padding:10px 4px;gap:6px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-shrink:0}.mktg-icons-col::-webkit-scrollbar{width:3px}.mktg-icons-col::-webkit-scrollbar-track{background:transparent}.mktg-icons-col::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.mktg-icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:68px;min-height:56px;padding:6px 3px;border-radius:10px;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .16s ease;gap:4px;position:relative;box-sizing:border-box}.mktg-icon-btn:hover{background:var(--surface-hover, rgba(255, 255, 255, .05));border-color:var(--border, rgba(255, 255, 255, .08))}.mktg-icon-btn:hover .mktg-icon-label{color:var(--text-2, #9ca3af)}.mktg-icon-btn.active{background:#8b5cf61f;border-color:#8b5cf652;box-shadow:0 1px 6px #8b5cf614}.mktg-icon-wrapper{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .16s ease}.mktg-icon-btn:hover .mktg-icon-wrapper{transform:translateY(-1px)}.mktg-icon-label{font-size:9.5px;font-weight:500;color:var(--text-3, #6b7280);line-height:1.15;text-align:center;max-width:100%;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;transition:color .15s ease}.mktg-icon-btn.active .mktg-icon-label{color:var(--text, #ffffff);font-weight:600}.mktg-dashboard-col{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;background:var(--bg);overflow:hidden}.mktg-dashboard-scroll{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.mktg-chat-col{display:flex;flex-direction:column;width:380px;min-width:320px;height:100%;background:var(--surface);border-left:1px solid var(--border);position:relative;overflow:hidden}.mktg-chat-col-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);min-height:48px;background:var(--surface)}.mktg-chat-messages-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.mktg-chat-msg{padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.6;max-width:95%}.mktg-chat-msg.user{background:var(--accent);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.mktg-chat-msg.assistant{background:var(--bg);color:var(--text);align-self:flex-start;border-bottom-left-radius:4px;border:1px solid var(--border)}.mktg-chat-input-box{border-top:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:8px}.mktg-chat-chips-row{display:flex;gap:6px;flex-wrap:wrap}.mktg-chat-input-row{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:6px 8px}.mktg-chat-input-field{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:13px;padding:4px 8px}.mktg-chat-input-field::placeholder{color:var(--text-3)}.mktg-quick-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;font-size:11px;font-weight:600;color:var(--text-2);background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:all .15s;white-space:nowrap}.mktg-quick-chip:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent)}.mktg-canvas-tabs-bar{display:flex;gap:0;padding:0 12px;border-bottom:1px solid var(--border);background:var(--surface);min-height:38px;overflow-x:auto;flex-shrink:0}.mktg-canvas-tab-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;font-size:11.5px;font-weight:500;color:var(--text-3);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap}.mktg-canvas-tab-btn:hover{color:var(--text-2)}.mktg-canvas-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.mktg-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.mktg-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mktg-card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text)}.mktg-copy-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;color:var(--text-3);background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:all .15s}.mktg-copy-badge:hover{color:var(--accent);border-color:var(--accent)}.mktg-social-grid{display:flex;flex-direction:column;gap:12px}.mktg-social-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.mktg-social-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mktg-platform-badge{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.mktg-social-text{font-size:13px;line-height:1.6;color:var(--text-2);white-space:pre-wrap}.mktg-hashtags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.mktg-hashtag{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;color:var(--accent);background:#8b5cf61a}.mktg-seo-tags-grid{display:flex;flex-direction:column;gap:12px}.mktg-tag-row{display:flex;flex-direction:column;gap:4px}.mktg-tag-label{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase}.mktg-tag-value{font-size:13px;line-height:1.5}.mktg-score-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700}.mktg-score-badge.high{background:#10b9811f;color:#10b981}.mktg-score-badge.mid{background:#f59e0b1f;color:#f59e0b}.mktg-metric-ring-row{display:flex;gap:16px}.mktg-metric-item{display:flex;flex-direction:column;align-items:center;gap:4px}.mktg-metric-val{font-size:22px;font-weight:800;color:var(--accent)}.mktg-metric-lbl{font-size:11px;color:var(--text-3);font-weight:600}.mktg-audit-input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:12px;outline:none}.mktg-audit-input:focus{border-color:var(--accent)}.mktg-audit-btn{padding:8px 16px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px}.mktg-audit-btn:disabled{opacity:.5;cursor:not-allowed}.mktg-audit-result{padding:12px;border-radius:8px;background:var(--bg);border:1px solid var(--border)}.mktg-action-btn{display:inline-flex;align-items:center;gap:5px;height:28px;min-height:28px;max-height:28px;padding:0 10px;border-radius:7px;font-size:11.5px;font-weight:500;color:var(--text-2);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .15s;white-space:nowrap}.mktg-action-btn:hover{border-color:var(--accent);color:var(--accent)}.mktg-action-btn.primary{background:#10b9811f;color:#10b981;border-color:#10b9814d}.mktg-back-btn{display:inline-flex;align-items:center;gap:5px;height:28px;min-height:28px;max-height:28px;padding:0 10px;border-radius:7px;font-size:11.5px;font-weight:500;color:var(--text-2);background:var(--surface);border:1px solid var(--border);cursor:pointer;white-space:nowrap;transition:all .15s}.mktg-back-btn:hover{color:var(--text);border-color:var(--text-3)}.mktg-project-title-input{background:transparent;border:none;outline:none;color:var(--text);font-size:13px;font-weight:700;padding:2px 8px;border-radius:6px;min-width:120px;max-width:200px;height:28px;text-overflow:ellipsis}.mktg-project-title-input:focus{background:var(--surface-hover)}.mktg-navbar-export-slot{display:contents}.mktg-results-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:42px;min-height:42px;max-height:42px;padding:0 12px;border-bottom:1px solid var(--border);background:var(--surface);gap:8px;flex-shrink:0;z-index:50}.mktg-results-header-left{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:0;z-index:2}.mktg-results-header-tabs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:3px;background:var(--bg);border:1px solid var(--border);padding:2px 3px;border-radius:999px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:calc(100% - 320px);z-index:10;pointer-events:auto}.mktg-results-header-tabs::-webkit-scrollbar{display:none}.mktg-header-tab{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;height:24px;border-radius:999px;background:transparent;border:none;color:var(--text-3);font-family:inherit;font-size:11.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .16s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.mktg-header-tab:hover{color:var(--text);background:var(--surface-hover)}.mktg-header-tab.active{color:var(--text);background:var(--surface);font-weight:600;box-shadow:0 1px 3px #00000014,0 0 0 1px var(--border)}.mktg-header-tab-icon{flex-shrink:0;color:currentColor;transition:color .15s ease}.mktg-header-tab.active .mktg-header-tab-icon{color:var(--accent, #6366f1)}.mktg-header-tab-label{line-height:1}.mktg-results-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.mktg-results-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.mktg-biz-selector-header-btn{display:inline-flex;align-items:center;gap:7px;height:28px;padding:2px 10px 2px 5px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:all .2s cubic-bezier(.16,1,.3,1);line-height:1}.mktg-biz-selector-header-btn:hover,.mktg-biz-selector-header-btn.active{background:var(--surface-hover);border-color:var(--accent);box-shadow:0 2px 8px #3b82f61f}.mktg-biz-selector-header-btn .mktg-biz-btn-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:#3b82f61f;color:#3b82f6;flex-shrink:0}.mktg-biz-selector-header-btn .mktg-biz-btn-name{font-weight:700;color:var(--text);letter-spacing:-.2px;font-size:12.5px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mktg-biz-selector-header-btn .mktg-biz-btn-industry{font-size:10.5px;font-weight:500;color:var(--text-3);padding:1.5px 6px;border-radius:4px;background:var(--bg);border:1px solid var(--border);line-height:1.2}.mktg-biz-selector-header-btn .mktg-biz-chevron{color:var(--text-3);margin-left:-1px}.mktg-biz-dropdown.mktg-biz-dropdown-header-menu{left:0;right:auto;top:calc(100% + 6px);z-index:600}.mktg-results-header-divider{width:1px;height:18px;background:var(--border);flex-shrink:0;margin:0 2px}.mktg-export-dropdown-wrap{position:relative;overflow:visible}.mktg-export-btn{display:flex;align-items:center;gap:5px}.mktg-export-menu{position:absolute;top:calc(100% + 6px);right:0;width:220px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #00000059,0 2px 8px #0000002e;padding:6px;z-index:999;display:flex;flex-direction:column;gap:2px;animation:mktgExportMenuIn .15s cubic-bezier(.16,1,.3,1)}@keyframes mktgExportMenuIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mktg-export-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;border:none;background:transparent;cursor:pointer;transition:background .12s ease;color:var(--text-2);text-align:left;font-family:inherit}.mktg-export-menu-item:hover:not(:disabled){background:var(--surface-hover, rgba(255, 255, 255, .06));color:var(--text)}.mktg-export-menu-item:disabled{opacity:.5;cursor:not-allowed}.mktg-export-menu-item svg{flex-shrink:0;color:var(--text-3)}.mktg-export-menu-item:hover:not(:disabled) svg{color:var(--accent, #8B5CF6)}.mktg-export-menu-item-title{font-size:12.5px;font-weight:600;color:var(--text);line-height:1.2}.mktg-export-menu-item-desc{font-size:10.5px;color:var(--text-3);line-height:1.3;margin-top:1px}.mktg-export-menu-divider{height:1px;background:var(--border);margin:4px 0}.mktg-share-icon-btn{width:30px!important;min-width:30px!important;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:8px}.marketing-mode-toggle{display:flex;gap:12px;margin-bottom:20px;width:100%}.marketing-mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;border-radius:16px;border:2px solid var(--border);background:var(--surface);cursor:pointer;transition:all .2s;color:var(--text-3)}.marketing-mode-btn:hover{border-color:var(--accent);color:var(--text)}.marketing-mode-btn.active{border-color:var(--accent);background:#8b5cf614;color:var(--text)}.marketing-mode-btn span:first-of-type{font-size:15px;font-weight:700}.marketing-mode-desc{font-size:11px;color:var(--text-3)}.marketing-mode-btn.active .marketing-mode-desc{color:var(--accent)}.marketing-mode-content{display:flex;flex-direction:column;gap:16px;width:100%}.marketing-section{display:flex;flex-direction:column;gap:10px}.marketing-section-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text)}.marketing-section-header span{flex:1}.marketing-refresh-btn{background:none;border:none;color:var(--text-3);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center}.marketing-refresh-btn:hover{color:var(--accent);background:var(--surface-hover)}.marketing-loading-row,.marketing-empty-row{display:flex;align-items:center;gap:8px;padding:16px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--text-3);font-size:12px}.marketing-empty-row{flex-direction:column;text-align:center;padding:24px}.marketing-empty-row p{margin:0;font-size:12px;color:var(--text-3)}.marketing-project-grid{display:flex;flex-direction:column;gap:8px}.marketing-project-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .15s;text-align:left;width:100%}.marketing-project-card:hover{border-color:var(--accent)}.marketing-project-card.selected{border-color:var(--accent);background:#8b5cf60f}.marketing-project-icon{width:40px;height:40px;border-radius:10px;background:#3b82f61a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.marketing-project-info{flex:1;min-width:0}.marketing-project-info h4{margin:0;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marketing-project-info p{margin:2px 0 0;font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marketing-project-check{width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.marketing-url-input-row{width:100%}.marketing-url-input-wrap{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.marketing-url-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:13px}.marketing-url-input::placeholder{color:var(--text-3)}.marketing-audit-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:12px;font-weight:600;cursor:pointer}.marketing-audit-btn:disabled{opacity:.5;cursor:not-allowed}.marketing-audit-preview{padding:16px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.marketing-audit-preview-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.marketing-audit-title{font-size:13px;font-weight:600;color:var(--text)}.marketing-audit-details{font-size:12px;color:var(--text-2);margin:0;line-height:1.5}.marketing-audit-improvements{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.marketing-improvement-chip{padding:4px 10px;border-radius:6px;font-size:11px;background:#f59e0b14;color:#f59e0b}.marketing-improvement-more{padding:4px 10px;border-radius:6px;font-size:11px;color:var(--text-3)}.marketing-designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.marketing-design-card{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:2px solid var(--border);background:var(--surface);cursor:pointer;transition:all .15s;padding:0}.marketing-design-card:hover{border-color:var(--accent)}.marketing-design-card.selected{border-color:#10b981}.marketing-design-thumb{width:100%;height:120px;object-fit:cover}.marketing-design-thumb-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg)}.marketing-design-label{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-size:11px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marketing-platforms-row{display:flex;flex-wrap:wrap;gap:8px}.marketing-platform-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;color:var(--text-2)}.marketing-platform-chip:hover{border-color:var(--accent)}.marketing-platform-chip.selected{background:#10b9810f}.marketing-platform-dot{width:8px;height:8px;border-radius:50%}.marketing-datetime-input{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;width:100%}.marketing-datetime-input:focus{border-color:var(--accent);outline:none}.marketing-caption-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;resize:vertical;min-height:80px;font-family:inherit}.marketing-caption-input:focus{border-color:var(--accent);outline:none}.marketing-schedule-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:12px;border:none;background:var(--accent);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.marketing-schedule-submit-btn:hover{opacity:.9}.marketing-schedule-platforms{padding:3px 8px;border-radius:6px;background:#fff3;font-size:11px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease}@media(max-width:900px){.mktg-icons-col{width:52px;min-width:52px;max-width:52px;padding:8px 3px}.mktg-icon-btn{width:44px;min-height:44px;height:44px;padding:0}.mktg-icon-label{display:none}.mktg-chat-col{width:300px;min-width:260px}}@media(max-width:680px){.mktg-chat-col{display:none}.mktg-icons-col{width:46px;min-width:46px;max-width:46px;padding:6px 2px}.mktg-icon-btn{width:40px;min-height:40px;height:40px}}.mktg-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-bottom:20px}.mktg-category-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);text-align:left;overflow:hidden;min-height:160px}.mktg-category-card:hover{border-color:var(--cat-color, var(--accent));background:var(--cat-bg, rgba(139, 92, 246, .04));transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.mktg-category-card.active{border-color:var(--cat-color, var(--accent));background:var(--cat-bg, rgba(139, 92, 246, .06));box-shadow:0 4px 16px color-mix(in srgb,var(--cat-color, var(--accent)) 15%,transparent)}.mktg-category-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mktg-category-card-info{display:flex;flex-direction:column;gap:4px;z-index:1}.mktg-category-card-info h4{margin:0;font-size:14px;font-weight:700;color:var(--text);line-height:1.2}.mktg-category-card-info p{margin:0;font-size:11.5px;color:var(--text-3);line-height:1.4}.mktg-category-card.active .mktg-category-card-info h4{color:var(--cat-color, var(--accent))}.mktg-category-check{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;background:var(--cat-color, var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;z-index:2}.mktg-category-card-preview{position:absolute;bottom:0;right:0;width:110px;opacity:.12;pointer-events:none;z-index:0;transition:opacity .2s}.mktg-category-card:hover .mktg-category-card-preview{opacity:.2}.mktg-category-card.active .mktg-category-card-preview{opacity:.25}.mktg-active-section{display:flex;flex-direction:column;gap:14px;width:100%;margin-bottom:16px}.mktg-section-title-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.mktg-section-title-left{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.mktg-section-close{background:none;border:none;color:var(--text-3);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center}.mktg-section-close:hover{color:var(--text);background:var(--surface-hover)}.mktg-category-content{display:flex;flex-direction:column;gap:14px}.mktg-url-input-row{width:100%}.mktg-url-input-wrap{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border);transition:border-color .15s}.mktg-url-input-wrap:focus-within{border-color:var(--accent)}.mktg-url-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:13px;font-family:inherit}.mktg-url-input::placeholder{color:var(--text-3)}.mktg-audit-btn-inline{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.mktg-audit-btn-inline:hover{opacity:.9}.mktg-audit-btn-inline:disabled{opacity:.5;cursor:not-allowed}.mktg-subsection{display:flex;flex-direction:column;gap:10px}.mktg-subsection-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.mktg-subsection-header span{flex:1}.mktg-refresh-btn{background:none;border:none;color:var(--text-3);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .15s}.mktg-refresh-btn:hover{color:var(--accent);background:var(--surface-hover)}.mktg-loading-row{display:flex;align-items:center;gap:8px;padding:14px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--text-3);font-size:12px}.mktg-empty-row{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;border-radius:10px;background:var(--surface);border:1px solid var(--border);text-align:center}.mktg-empty-row p{margin:0;font-size:12px;color:var(--text-3)}.mktg-deploy-grid{display:flex;flex-direction:column;gap:6px}.mktg-deploy-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .15s;text-align:left;width:100%}.mktg-deploy-card:hover{border-color:#3b82f6;background:#3b82f60a}.mktg-deploy-card.selected{border-color:#3b82f6;background:#3b82f60f}.mktg-deploy-card-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.mktg-deploy-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mktg-deploy-url{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mktg-audit-preview{padding:14px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.mktg-audit-preview-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mktg-audit-title-text{font-size:13px;font-weight:600;color:var(--text)}.mktg-audit-details-text{font-size:12px;color:var(--text-2);margin:0;line-height:1.5}.mktg-audit-improvements{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.mktg-improvement-chip{padding:4px 10px;border-radius:6px;font-size:11px;background:#f59e0b14;color:#f59e0b}.mktg-improvement-more{padding:4px 10px;border-radius:6px;font-size:11px;color:var(--text-3)}.mktg-social-subtabs{display:flex;gap:4px;padding:4px;border-radius:10px;background:var(--bg);border:1px solid var(--border)}.mktg-social-subtab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;border:none;background:transparent;font-size:12px;font-weight:600;color:var(--text-3);cursor:pointer;transition:all .15s}.mktg-social-subtab:hover{color:var(--text);background:var(--surface)}.mktg-social-subtab.active{color:var(--text);background:var(--surface);box-shadow:0 1px 4px #0000000f}.mktg-social-content{display:flex;flex-direction:column;gap:12px}.mktg-tip-card{display:flex;gap:10px;padding:14px 16px;border-radius:10px;background:var(--surface);border:1px solid var(--border);font-size:12.5px;line-height:1.6;color:var(--text-2)}.mktg-tip-card strong{color:var(--text)}.mktg-tip-card svg{flex-shrink:0;margin-top:2px}.mktg-designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.mktg-design-card{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;transition:all .15s;padding:0}.mktg-design-card:hover{border-color:var(--accent)}.mktg-design-card.selected{border-color:#10b981}.mktg-design-thumb{width:100%;height:100px;object-fit:cover}.mktg-design-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg)}.mktg-design-label{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;font-size:11px;font-weight:600;color:var(--text)}.mktg-platforms-row{display:flex;flex-wrap:wrap;gap:6px}.mktg-platform-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;color:var(--text-2)}.mktg-platform-chip:hover{border-color:var(--plat-color, var(--accent))}.mktg-platform-chip.selected{border-color:var(--plat-color, var(--accent));color:var(--plat-color, var(--accent));background:color-mix(in srgb,var(--plat-color, var(--accent)) 6%,transparent)}.mktg-platform-dot{width:8px;height:8px;border-radius:50%}.mktg-schedule-row{display:flex;flex-direction:column;gap:10px}.mktg-schedule-field{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.mktg-datetime-input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:12px;font-family:inherit}.mktg-datetime-input:focus{border-color:var(--accent);outline:none}.mktg-caption-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:12px;resize:vertical;min-height:60px;font-family:inherit;box-sizing:border-box}.mktg-caption-input:focus{border-color:var(--accent);outline:none}.mktg-schedule-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.mktg-schedule-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.mktg-biz-context-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:860px;margin-bottom:24px;gap:12px;position:relative;z-index:30}.mktg-biz-selector-wrapper{position:relative}.mktg-biz-selector-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.16,1,.3,1)}.mktg-biz-selector-btn:hover,.mktg-biz-selector-btn.active{background:var(--surface-hover);border-color:var(--accent);box-shadow:0 4px 12px #3b82f61f}.mktg-biz-btn-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#3b82f61f;color:#3b82f6}.mktg-biz-btn-name{font-weight:700;color:var(--text);letter-spacing:-.2px}.mktg-biz-btn-industry{font-size:11px;font-weight:500;color:var(--text-3);padding:2px 7px;border-radius:6px;background:var(--bg);border:1px solid var(--border)}.mktg-biz-chevron{color:var(--text-3);transition:transform .2s ease}.mktg-biz-selector-btn.active .mktg-biz-chevron{transform:rotate(180deg)}.mktg-biz-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:320px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 32px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:8px;z-index:100;display:flex;flex-direction:column;gap:4px}.mktg-biz-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);border-bottom:1px solid var(--border)}.mktg-biz-count{padding:1px 6px;border-radius:999px;background:var(--bg);color:var(--text-2)}.mktg-biz-dropdown-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:4px 0}.mktg-biz-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .15s ease}.mktg-biz-dropdown-item:hover{background:var(--surface-hover)}.mktg-biz-dropdown-item.selected{background:#3b82f61a;border:1px solid rgba(59,130,246,.25)}.mktg-biz-item-info{display:flex;flex-direction:column;gap:2px;width:100%}.mktg-biz-item-title-row{display:flex;align-items:center;justify-content:space-between}.mktg-biz-item-name{font-size:13px;font-weight:700;color:var(--text)}.mktg-biz-item-check{color:#3b82f6}.mktg-biz-item-sub{font-size:11px;color:var(--text-3)}.mktg-biz-dropdown-actions{border-top:1px solid var(--border);padding-top:6px;display:flex;flex-direction:column;gap:2px}.mktg-biz-action-link{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:transparent;border:none;color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease;text-align:left}.mktg-biz-action-link:hover{background:var(--surface-hover);color:var(--text)}.mktg-biz-action-link.primary{color:var(--accent, #6366f1)}.mktg-biz-action-link.primary:hover{background:#6366f11a}.mktg-biz-summary-chip{display:flex;align-items:center;gap:8px;overflow:hidden}.mktg-biz-summary-tag{font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:20px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:260px}.mktg-biz-summary-tag.tone{background:#8b5cf614;border-color:#8b5cf633;color:#8b5cf6}.mktg-prompt-biz-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;background:#3b82f61a;color:#3b82f6;font-size:11px;font-weight:700}.mktg-staged-files-row{display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px 8px}.mktg-staged-file-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;background:var(--surface-hover);border:1px solid var(--border);font-size:11px;color:var(--text-2)}.mktg-staged-file-chip button{background:transparent;border:none;cursor:pointer;color:var(--text-3);display:flex;align-items:center}.mktg-recipes-section{width:100%;max-width:100%;margin-top:22px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.mktg-recipes-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-2)}.mktg-recipes-grid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;width:100%;padding:2px 2px 8px;box-sizing:border-box;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.mktg-recipes-grid::-webkit-scrollbar{height:4px}.mktg-recipes-grid::-webkit-scrollbar-track{background:transparent}.mktg-recipes-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.mktg-recipes-grid::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.mktg-recipe-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px 12px;border-radius:11px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);position:relative;font-family:inherit;flex:0 0 200px;min-width:200px;max-width:200px;box-sizing:border-box}.mktg-recipe-card:hover{border-color:var(--accent);background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.mktg-recipe-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:6px}.mktg-recipe-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px}.mktg-recipe-badge{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.mktg-recipe-title{font-size:11.5px;font-weight:700;color:var(--text);margin:0 0 3px;letter-spacing:-.15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.mktg-recipe-desc{font-size:10.5px;line-height:1.35;color:var(--text-3);margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:28px}.mktg-recipe-footer{display:flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:var(--accent, #6366f1);margin-top:auto}.mktg-recipe-card:hover .mktg-recipe-footer{gap:6px}.mktg-biz-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.mktg-biz-modal-card{width:100%;max-width:580px;max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 48px #00000052;display:flex;flex-direction:column}.mktg-biz-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.mktg-biz-modal-title-row{display:flex;align-items:flex-start;gap:12px}.mktg-biz-modal-icon{width:36px;height:36px;border-radius:10px;background:#3b82f61f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mktg-biz-modal-title{font-size:16px;font-weight:700;color:var(--text);margin:0 0 4px}.mktg-biz-modal-sub{font-size:12px;color:var(--text-3);margin:0}.mktg-biz-modal-close{background:transparent;border:none;color:var(--text-3);cursor:pointer;padding:4px;border-radius:6px}.mktg-biz-modal-close:hover{color:var(--text);background:var(--surface-hover)}.mktg-biz-modal-form{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.mktg-biz-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mktg-biz-field{display:flex;flex-direction:column;gap:6px}.mktg-biz-label{font-size:12px;font-weight:600;color:var(--text-2)}.mktg-biz-label .req{color:#ef4444}.mktg-biz-input-wrap{position:relative;display:flex;align-items:center}.mktg-biz-input-icon{position:absolute;left:12px;color:var(--text-3);pointer-events:none}.mktg-biz-input{width:100%;height:38px;padding:0 12px 0 36px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s ease;box-sizing:border-box}.mktg-biz-input:focus{border-color:var(--accent)}.mktg-biz-select{height:38px;padding:0 12px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:13px;font-family:inherit;outline:none;cursor:pointer;box-sizing:border-box}.mktg-biz-tone-pills{display:flex;flex-wrap:wrap;gap:6px}.mktg-biz-tone-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;background:var(--bg);border:1px solid var(--border);color:var(--text-2);font-size:11.5px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s ease}.mktg-biz-tone-pill:hover{background:var(--surface-hover);color:var(--text)}.mktg-biz-tone-pill.active{background:#8b5cf61f;border-color:#8b5cf6;color:#8b5cf6;font-weight:600}.mktg-biz-color-row{display:flex;flex-wrap:wrap;gap:8px}.mktg-biz-color-preset{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:all .15s ease}.mktg-biz-color-preset.selected{border-color:var(--accent);background:var(--surface-hover)}.mktg-biz-color-swatches{display:flex;align-items:center;gap:3px}.mktg-biz-color-swatches span{width:14px;height:14px;border-radius:50%;display:inline-block}.mktg-biz-socials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mktg-biz-social-input{height:34px;padding:0 10px;border-radius:8px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:11.5px;font-family:inherit;outline:none;box-sizing:border-box}.mktg-biz-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 20px;border-top:1px solid var(--border)}.mktg-biz-delete-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#ef4444;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;padding:6px 10px;border-radius:8px}.mktg-biz-delete-btn:hover{background:#ef44441a}.mktg-biz-footer-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.mktg-biz-cancel-btn{padding:8px 16px;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit}.mktg-biz-save-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:8px;background:var(--accent, #6366f1);color:#fff;border:none;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s ease}.mktg-biz-save-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.mktg-recipes-grid,.mktg-biz-form-grid,.mktg-biz-socials-grid{grid-template-columns:1fr}.mktg-biz-context-bar{flex-direction:column;align-items:flex-start}}.mktg-more-tab-wrapper{position:relative;display:inline-flex}.mktg-more-tab-btn{display:inline-flex;align-items:center;gap:4px}.mktg-more-chevron{transition:transform .15s ease;margin-left:2px}.mktg-more-chevron.open{transform:rotate(180deg)}.mktg-more-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:250px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 30px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:6px;z-index:150;display:flex;flex-direction:column;gap:2px}.mktg-more-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:9px;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .15s ease;width:100%}.mktg-more-item:hover{background:var(--surface-hover)}.mktg-more-item.selected{background:#6366f11f;border:1px solid rgba(99,102,241,.25)}.mktg-more-item-icon{width:26px;height:26px;border-radius:7px;background:var(--bg);color:var(--accent, #6366f1);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.mktg-more-item-text{display:flex;flex-direction:column;gap:1px;flex-grow:1}.mktg-more-item-title{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--text)}.mktg-more-item-check{color:var(--accent, #6366f1)}.mktg-more-item-desc{font-size:11px;color:var(--text-3);line-height:1.3}@media(max-width:640px){.marketing-workspace-page .code-bar-tabs{max-width:100%;overflow-x:visible}.mktg-more-dropdown{width:230px;right:0;left:auto}}.mktg-social-actions-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.mktg-share-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:11.5px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:all .15s ease;text-decoration:none}.mktg-share-pill-btn:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-1px)}.mktg-share-pill-btn.twitter:hover{background:#1da1f21f;border-color:#1da1f2;color:#1da1f2}.mktg-share-pill-btn.linkedin:hover{background:#0a66c21f;border-color:#0a66c2;color:#0a66c2}.mktg-share-pill-btn.facebook:hover{background:#1877f21f;border-color:#1877f2;color:#1877f2}.mktg-share-pill-btn.whatsapp:hover{background:#25d3661f;border-color:#25d366;color:#25d366}.mktg-share-pill-btn.schedule-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.mktg-share-pill-btn.schedule-btn:hover{filter:brightness(1.1)}.mktg-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.mktg-modal-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:520px;padding:24px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;gap:16px;animation:mktgModalPop .2s cubic-bezier(.16,1,.3,1)}@keyframes mktgModalPop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.mktg-input-field{width:100%;padding:10px 14px;border-radius:8px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:13px;outline:none;transition:border-color .15s ease}.mktg-input-field:focus{border-color:var(--accent)}.mktg-share-pill-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:6px;font-size:11.5px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-2);transition:all .15s ease;font-family:inherit;white-space:nowrap}.mktg-share-pill-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.mktg-share-pill-btn.twitter{background:#1da1f2;color:#fff;border-color:#1da1f2}.mktg-share-pill-btn.linkedin{background:#0a66c2;color:#fff;border-color:#0a66c2}.mktg-share-pill-btn.facebook{background:#1877f2;color:#fff;border-color:#1877f2}.mktg-share-pill-btn.whatsapp{background:#25d366;color:#fff;border-color:#25d366}.mktg-share-pill-btn.schedule-btn{background:#10b9811f;color:#10b981;border-color:#10b9814d}.mktg-share-pill-btn.schedule-btn:hover{background:#10b98133}.mktg-results-root .crp-right{display:flex!important;flex-direction:column!important;height:100%!important;background:var(--surface)!important;border-left:1px solid var(--border)!important;position:relative!important;overflow:hidden!important;box-sizing:border-box!important}.mktg-results-root .crp-right-header{height:42px!important;min-height:42px!important;max-height:42px!important;padding:0 10px!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;flex-shrink:0!important;box-sizing:border-box!important}.mktg-results-root .crp-right-tabs-left{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important}.mktg-results-root .crp-right-tab{height:28px!important;padding:0 10px!important;font-size:12px!important;font-weight:500!important;border-radius:7px!important;gap:5px!important;display:inline-flex!important;align-items:center!important;background:transparent!important;border:none!important;color:var(--text-2)!important;cursor:pointer!important;transition:all .15s ease!important}.mktg-results-root .crp-right-tab.active{background:var(--surface-hover)!important;color:var(--text)!important;font-weight:600!important}.mktg-results-root .crp-right-header-actions{display:flex!important;align-items:center!important;gap:2px!important;flex-shrink:0!important}.mktg-results-root .crp-sidebar-icon-btn{width:28px!important;height:28px!important;border-radius:7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:none!important;color:var(--text-3)!important;cursor:pointer!important;transition:background .13s ease,color .13s ease!important}.mktg-results-root .crp-sidebar-icon-btn:hover{background:var(--surface-hover)!important;color:var(--text)!important}.mktg-results-root .crp-right-resizer{position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:6px!important;cursor:col-resize!important;z-index:10!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .15s ease!important}.mktg-results-root .crp-right-resizer:hover,.mktg-results-root .crp-right-resizer.is-dragging{background:#6366f140!important}.mktg-results-root .crp-codebar-wrap{padding:8px 10px 10px!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;flex-shrink:0!important}.mktg-results-root .crp-codebar-box{background:var(--bg)!important;border:1.5px solid var(--border)!important;border-radius:14px!important;padding:10px 12px 8px!important;gap:6px!important;display:flex!important;flex-direction:column!important;box-shadow:0 1px 4px #0000000f!important;transition:border-color .15s ease,box-shadow .15s ease!important}.mktg-results-root .crp-codebar-box:focus-within{border-color:var(--accent, #6366f1)!important;box-shadow:0 0 0 2.5px #6366f11f,0 1px 4px #0000000f!important}.mktg-results-root .crp-codebar-box .prompt-textarea{font-size:13.5px!important;line-height:1.45!important;min-height:32px!important;height:auto!important;max-height:120px!important;padding:0!important;background:transparent!important;border:none!important;outline:none!important;resize:none!important;color:var(--text)!important;width:100%!important;font-family:inherit!important}.mktg-results-root .crp-codebar-box .prompt-textarea::placeholder{color:var(--text-3)!important;font-size:13.5px!important}.mktg-results-root .crp-codebar-box .prompt-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;margin-top:2px!important;padding-top:0!important}.mktg-results-root .crp-codebar-box .prompt-toolbar-left{display:flex!important;align-items:center!important;gap:3px!important;flex:1!important;min-width:0!important}.mktg-results-root .crp-codebar-box .prompt-toolbar-right{display:flex!important;align-items:center!important;gap:4px!important;flex-shrink:0!important}.mktg-results-root .crp-codebar-box .toolbar-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;height:28px!important;min-width:28px!important;padding:0 6px!important;border-radius:7px!important;border:none!important;background:transparent!important;color:var(--text-3)!important;font-size:12px!important;font-weight:500!important;font-family:inherit!important;cursor:pointer!important;transition:background .13s ease,color .13s ease!important;white-space:nowrap!important}.mktg-results-root .crp-codebar-box .toolbar-btn:hover:not(:disabled){background:var(--surface-hover)!important;color:var(--text)!important}.mktg-results-root .crp-codebar-box .toolbar-btn.active-toolbar-btn{background:#ef44441a!important;color:#ef4444!important}.mktg-results-root .crp-codebar-box .send-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;min-width:30px!important;border-radius:9px!important;border:none!important;background:var(--surface-hover)!important;color:var(--text-3)!important;cursor:not-allowed!important;transition:background .15s ease,color .15s ease!important;flex-shrink:0!important}.mktg-results-root .crp-codebar-box .send-btn.active{background:var(--accent, #6366f1)!important;color:#fff!important;cursor:pointer!important;box-shadow:0 2px 8px #6366f14d!important}.mktg-results-root .crp-codebar-box .send-btn.active:hover{filter:brightness(1.1)!important}.mktg-mobile-bottom-nav,.mktg-mobile-category-dropdown-wrap{display:none!important}@media(max-width:900px){.mktg-results-root{height:calc(100vh - 52px)!important;max-height:calc(100vh - 52px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.app-root:not(.has-site-navbar) .mktg-results-root{height:100vh!important;max-height:100vh!important}.mktg-results-header{height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 10px!important;gap:8px!important;overflow-x:visible!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.mktg-results-header-left{display:flex!important;align-items:center!important;gap:8px!important;flex:1 1 auto!important;min-width:0!important}.mktg-back-btn{height:30px!important;min-height:30px!important;max-height:30px!important;width:30px!important;min-width:30px!important;padding:0!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text-2)!important;flex-shrink:0!important;box-sizing:border-box!important}.mktg-back-btn span{display:none!important}.mktg-biz-selector-header-btn,.mktg-category-mobile-btn{height:30px!important;min-height:30px!important;max-height:30px!important;padding:2px 10px 2px 4px!important;border-radius:999px!important;background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;font-family:inherit!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important;box-sizing:border-box!important;box-shadow:0 1px 3px #0000000d!important;transition:border-color .15s ease,background .15s ease!important;flex-shrink:0!important;line-height:1!important}.mktg-biz-selector-header-btn:hover,.mktg-biz-selector-header-btn.active,.mktg-category-mobile-btn:hover,.mktg-category-mobile-btn.active{background:var(--surface-hover)!important;border-color:var(--accent, #6366f1)!important}.mktg-biz-selector-header-btn .mktg-biz-btn-industry{display:none!important}.mktg-biz-selector-header-btn .mktg-biz-btn-name{max-width:120px!important;font-size:12px!important;font-weight:600!important;color:var(--text)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1!important}.mktg-category-mobile-btn .mktg-category-btn-name{max-width:140px!important;font-size:12px!important;font-weight:600!important;color:var(--text)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1!important}.mktg-biz-selector-header-btn .mktg-biz-btn-icon,.mktg-category-mobile-btn .mktg-category-btn-icon{width:22px!important;height:22px!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.mktg-biz-selector-header-btn .mktg-biz-btn-icon{background:#3b82f61f!important;color:#3b82f6!important}.mktg-category-mobile-btn .mktg-category-btn-icon{background:#8b5cf61f!important;color:#8b5cf6!important}.mktg-biz-selector-header-btn .mktg-biz-chevron,.mktg-category-mobile-btn .mktg-category-chevron{color:var(--text-3)!important;transition:transform .2s ease!important;flex-shrink:0!important;margin-left:0!important}.mktg-biz-selector-header-btn.active .mktg-biz-chevron,.mktg-category-mobile-btn.active .mktg-category-chevron,.mktg-category-mobile-btn .mktg-category-chevron.open{transform:rotate(180deg)!important;color:var(--accent, #6366f1)!important}.mktg-results-header-tabs{display:none!important}.mktg-mobile-category-dropdown-wrap{display:flex!important;position:relative!important;flex-shrink:0!important}.mktg-category-mobile-dropdown{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;width:220px!important;max-width:calc(100vw - 24px)!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:0 12px 36px #00000052!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;z-index:250!important;padding:6px!important;display:flex!important;flex-direction:column!important;gap:2px!important}.mktg-category-mobile-dropdown-header{padding:4px 8px 6px!important;font-size:10.5px!important;font-weight:700!important;color:var(--text-3)!important;text-transform:uppercase!important;letter-spacing:.5px!important;border-bottom:1px solid var(--border)!important;margin-bottom:3px!important}.mktg-category-mobile-list{display:flex!important;flex-direction:column!important;gap:2px!important}.mktg-category-mobile-item{display:flex!important;align-items:center!important;gap:8px!important;padding:7px 9px!important;border-radius:8px!important;background:transparent!important;border:none!important;font-size:12px!important;font-weight:500!important;color:var(--text)!important;cursor:pointer!important;text-align:left!important;width:100%!important;transition:background .13s ease,color .13s ease!important}.mktg-category-mobile-item:hover{background:var(--surface-hover)!important}.mktg-category-mobile-item.selected{background:#6366f11f!important;color:var(--accent, #6366f1)!important;font-weight:700!important}.mktg-category-mobile-item-icon{display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;color:var(--accent, #6366f1)!important}.mktg-category-mobile-item-name{flex:1!important;white-space:nowrap!important}.mktg-category-item-check{margin-left:auto!important;color:var(--accent, #6366f1)!important;flex-shrink:0!important}.mktg-results-header-right{flex-shrink:0!important;overflow:visible!important;position:relative!important;z-index:200!important}.mktg-results-header-actions{gap:4px!important;overflow:visible!important;position:relative!important}.mktg-results-header-actions .mktg-action-btn span{display:none!important}.mktg-results-header-actions .mktg-action-btn{width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;justify-content:center!important}.mktg-export-dropdown-wrap{overflow:visible!important;position:relative!important}.mktg-export-menu{z-index:999!important;right:0!important;left:auto!important;max-width:calc(100vw - 20px)!important}.mktg-results-body{flex-direction:column!important;flex:1 1 0%!important;min-height:0!important;height:100%!important;max-height:100%!important;position:relative!important;overflow:hidden!important;width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.mktg-icon-sidebar,.mktg-icons-col{display:none!important}.mktg-results-root.mktg-mobile-panel-dashboard .mktg-content-area,.mktg-results-root.mktg-mobile-panel-dashboard .mktg-dashboard-col{display:flex!important;flex-direction:column!important;flex:1 1 100%!important;height:100%!important;max-height:100%!important;min-height:0!important;width:100%!important;max-width:100%!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:12px 12px 20px!important;box-sizing:border-box!important}.mktg-results-root.mktg-mobile-panel-dashboard .crp-right,.mktg-results-root.mktg-mobile-panel-assistant .mktg-content-area,.mktg-results-root.mktg-mobile-panel-assistant .mktg-dashboard-col{display:none!important;height:0!important;max-height:0!important;min-height:0!important;flex:0 0 0!important;overflow:hidden!important}.mktg-results-root.mktg-mobile-panel-assistant .crp-right{display:flex!important;flex:1 1 100%!important;height:100%!important;max-height:100%!important;min-height:0!important;width:100%!important;max-width:100%!important;min-width:0!important;border:none!important;position:relative!important;inset:auto!important;box-sizing:border-box!important;background:var(--surface)!important}.mktg-results-root .crp-right-resizer,.mktg-results-root .crp-sidebar-open-btn,.mktg-results-root .crp-sidebar-close-desktop{display:none!important}.mktg-results-root .crp-right-header{height:42px!important;min-height:42px!important;max-height:42px!important;padding:0 10px!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important;flex-shrink:0!important;display:flex!important;align-items:center!important}.mktg-results-root .crp-chat-messages{flex:1 1 auto!important;min-height:0!important;height:100%!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:12px 10px 6px!important;gap:12px!important;box-sizing:border-box!important}.mktg-results-root .crp-msg-bubble{max-width:92%!important}.mktg-results-root .crp-codebar-wrap{flex-shrink:0!important;padding:6px 10px 8px!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;box-sizing:border-box!important}.mktg-results-root .crp-codebar-box{width:100%!important;box-sizing:border-box!important}.mktg-results-root .prompt-textarea{font-size:14px!important;min-height:38px!important}.mktg-mobile-bottom-nav{display:flex!important;align-items:center!important;height:52px!important;min-height:52px!important;max-height:52px!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;flex-shrink:0!important;z-index:70!important;position:relative!important;overflow:hidden!important;padding:0!important;box-sizing:border-box!important}.mktg-mobile-bottom-tools-scroll{display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;gap:6px!important;padding:4px 8px!important;height:100%!important;box-sizing:border-box!important}.mktg-mobile-bottom-tools-scroll::-webkit-scrollbar{display:none!important}.mktg-mobile-tool-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:3px 8px!important;background:transparent!important;border:none!important;color:var(--text-3)!important;cursor:pointer!important;flex-shrink:0!important;border-radius:8px!important;min-width:50px!important;height:44px!important;box-sizing:border-box!important;transition:background .15s ease,color .15s ease!important}.mktg-mobile-tool-btn:active,.mktg-mobile-tool-btn.active{background:var(--surface-hover)!important;color:var(--text)!important}.mktg-mobile-tool-icon-wrap{display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;border-radius:6px!important;transition:background .15s ease,color .15s ease!important}.mktg-mobile-tool-label{font-size:10px!important;font-weight:600!important;white-space:nowrap!important;max-width:68px!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1!important}.mktg-mobile-bottom-sticky-right{position:sticky!important;right:0!important;display:flex!important;align-items:center!important;flex-shrink:0!important;height:100%!important;padding:0 8px 0 6px!important;background:var(--surface)!important;border-left:1px solid var(--border)!important;box-shadow:none!important;z-index:10!important}.mktg-mobile-assistant-sticky-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:4px 10px!important;background:transparent!important;border:none!important;color:var(--text-3)!important;font-size:10.5px!important;font-weight:700!important;cursor:pointer!important;border-radius:9px!important;min-width:72px!important;height:44px!important;transition:all .15s ease!important;white-space:nowrap!important;box-sizing:border-box!important}.mktg-mobile-assistant-sticky-btn.active{color:var(--accent, #6366f1)!important;background:#6366f11f!important}.mktg-mobile-assistant-icon-wrap{display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;border-radius:6px!important;color:inherit!important}.mktg-card{padding:14px 12px!important;border-radius:12px!important;width:100%!important;box-sizing:border-box!important}.mktg-poster-ideas-grid,.mktg-seo-tags-grid,.mktg-calendar-grid,.mktg-analytics-grid{grid-template-columns:1fr!important;gap:12px!important}.mktg-hero-stat-card{min-width:0!important;flex:1 1 100%!important}.mktg-top-stats-row{flex-direction:column!important;gap:10px!important}}@media(max-width:480px){.mktg-results-header{padding:0 8px!important;gap:6px!important}.mktg-results-header-left{gap:6px!important}.mktg-back-btn span{display:none!important}.mktg-back-btn{width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;justify-content:center!important}.mktg-biz-selector-header-btn{height:30px!important;padding:2px 8px 2px 4px!important;font-size:11.5px!important;gap:5px!important}.mktg-biz-selector-header-btn .mktg-biz-btn-name{max-width:100px!important}.mktg-category-mobile-btn{height:30px!important;padding:2px 8px 2px 4px!important;font-size:11.5px!important;gap:5px!important}.mktg-category-mobile-btn .mktg-category-btn-name{max-width:125px!important}}.publish-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:publishFadeIn .18s cubic-bezier(.16,1,.3,1) both}@keyframes publishFadeIn{0%{opacity:0}to{opacity:1}}@keyframes publishScaleUp{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.publish-modal-dialog{background:#fff;color:#0f172a;width:960px;max-width:96vw;height:620px;max-height:90vh;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 24px 64px -12px #00000047,0 0 0 1px #0000000a;display:flex;overflow:hidden;position:relative;animation:publishScaleUp .2s cubic-bezier(.16,1,.3,1) both;font-family:inherit}[data-theme=dark] .publish-modal-dialog{background:#14151b;color:#f1f5f9;border-color:#272832;box-shadow:0 24px 64px -12px #000000b3,0 0 0 1px #ffffff0a}.publish-sidebar{width:200px;flex-shrink:0;background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:12px 8px 16px;overflow-y:auto;-webkit-user-select:none;user-select:none}[data-theme=dark] .publish-sidebar{background:#101116;border-color:#23242c}.publish-sidebar-brand{font-size:13px;font-weight:700;color:#475569;padding:4px 10px 12px;display:flex;align-items:center;gap:8px;letter-spacing:.01em}[data-theme=dark] .publish-sidebar-brand{color:#94a3b8}.publish-nav-list{display:flex;flex-direction:column;gap:2px}.publish-nav-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:7px;font-size:12.5px;color:#475569;cursor:pointer;border:none;background:transparent;transition:all .12s ease;font-family:inherit;text-align:left;width:100%}[data-theme=dark] .publish-nav-item{color:#94a3b8}.publish-nav-item:hover{background:#f1f5f9;color:#0f172a}[data-theme=dark] .publish-nav-item:hover{background:#1e2029;color:#fff}.publish-nav-item.active{background:#e2e8f0;color:#0f172a;font-weight:600}[data-theme=dark] .publish-nav-item.active{background:#232532;color:#fff}.publish-nav-left{display:flex;align-items:center;gap:9px}.publish-nav-more{opacity:0;transition:opacity .15s ease;color:#64748b}.publish-nav-item:hover .publish-nav-more,.publish-nav-item.active .publish-nav-more{opacity:1}.publish-nav-section-title{font-size:11px;font-weight:600;color:#94a3b8;padding:14px 10px 4px;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .publish-nav-section-title{color:#64748b}.publish-main{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;background:#fff}[data-theme=dark] .publish-main{background:#14151b}.publish-top-tabs{height:46px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;flex-shrink:0;background:#fff;-webkit-user-select:none;user-select:none}[data-theme=dark] .publish-top-tabs{background:#14151b;border-color:#23242c}.publish-tab-group{display:flex;align-items:center;gap:20px;height:100%}.publish-tab-btn{display:inline-flex;align-items:center;gap:6px;height:100%;border:none;background:transparent;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;position:relative;padding:0 2px;transition:all .15s ease;font-family:inherit}.publish-tab-btn:hover{color:#0f172a}[data-theme=dark] .publish-tab-btn{color:#94a3b8}[data-theme=dark] .publish-tab-btn:hover{color:#fff}.publish-tab-btn.active{color:#0f172a;font-weight:600}[data-theme=dark] .publish-tab-btn.active{color:#fff}.publish-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#0f172a;border-radius:2px 2px 0 0}[data-theme=dark] .publish-tab-btn.active:after{background:#3b82f6}.publish-close-btn{width:28px;height:28px;border-radius:7px;border:none;background:transparent;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.publish-close-btn:hover{background:#f1f5f9;color:#0f172a}[data-theme=dark] .publish-close-btn:hover{background:#1f2029;color:#fff}.publish-content-body{flex:1;overflow-y:auto;padding:16px 20px 24px}.publish-overview-layout{display:flex;flex-direction:column;gap:12px}.publish-actions-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.publish-action-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:7px;font-size:12.5px;font-weight:600;cursor:pointer;border:none;transition:all .15s ease;font-family:inherit;text-decoration:none}.publish-action-btn.primary{background:#0070f3;color:#fff;box-shadow:0 1px 3px #0070f340}.publish-action-btn.primary:hover:not(:disabled){background:#0060df}.publish-action-btn.primary:disabled{opacity:.65;cursor:not-allowed}.publish-action-btn.secondary{background:transparent;color:#475569;border:1px solid #cbd5e1}.publish-action-btn.secondary:hover{background:#f1f5f9;color:#0f172a}[data-theme=dark] .publish-action-btn.secondary{color:#94a3b8;border-color:#333644}[data-theme=dark] .publish-action-btn.secondary:hover{background:#1e202a;color:#fff}.publish-action-pill-tag{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;padding:0 8px 0 10px;height:30px;font-size:12px;font-weight:500;color:#475569;display:inline-flex;align-items:center;gap:7px}[data-theme=dark] .publish-action-pill-tag{background:#1a1b22;border-color:#272832;color:#94a3b8}.publish-pill-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:2px;display:flex;align-items:center}.publish-pill-close:hover{color:#0f172a}.publish-settings-drawer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px}[data-theme=dark] .publish-settings-drawer{background:#16171e;border-color:#272832}.publish-slug-input-wrapper{display:flex;align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden}[data-theme=dark] .publish-slug-input-wrapper{background:#101117;border-color:#2a2c3a}.publish-slug-prefix{padding:0 8px 0 10px;font-size:12.5px;color:#94a3b8;font-weight:500}.publish-slug-input{flex:1;border:none;background:transparent;padding:7px 10px 7px 0;font-size:13px;font-weight:500;color:#0f172a;outline:none;font-family:inherit}[data-theme=dark] .publish-slug-input{color:#fff}.publish-notice-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px}[data-theme=dark] .publish-notice-banner{background:#16171e;border-color:#272832}.publish-notice-text{font-size:12.5px;color:#334155;font-weight:500}[data-theme=dark] .publish-notice-text{color:#cbd5e1}.publish-upgrade-btn{background:#0070f3;color:#fff;border:none;border-radius:7px;padding:6px 13px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;font-family:inherit;transition:all .15s ease;box-shadow:0 1px 3px #0070f340}.publish-upgrade-btn:hover{background:#0060df}.publish-timeline-wrapper{display:flex;gap:14px;position:relative}.publish-timeline-rail{width:14px;display:flex;flex-direction:column;align-items:center;padding-top:6px;flex-shrink:0}.publish-timeline-dot-active{width:8px;height:8px;border-radius:50%;background:#0070f3;box-shadow:0 0 0 2px #0070f333}.publish-timeline-line{width:0;border-left:1.5px dashed #cbd5e1;flex:1;min-height:120px;margin:6px 0}[data-theme=dark] .publish-timeline-line{border-color:#333644}.publish-timeline-dot-past{width:7px;height:7px;border-radius:50%;background:#22c55e}.publish-timeline-content{flex:1;min-width:0}.publish-prod-card{display:flex;flex-direction:column;gap:10px}.publish-prod-title{font-size:14.5px;font-weight:700;color:#0f172a;margin:0}[data-theme=dark] .publish-prod-title{color:#fff}.publish-meta-grid{display:flex;flex-direction:column;gap:8px;font-size:12.5px}.publish-meta-row{display:flex;align-items:center;min-height:22px}.publish-meta-label{width:105px;flex-shrink:0;color:#64748b;font-weight:500}[data-theme=dark] .publish-meta-label{color:#94a3b8}.publish-meta-value{flex:1;color:#0f172a;display:flex;align-items:center;gap:8px;flex-wrap:wrap}[data-theme=dark] .publish-meta-value{color:#f1f5f9}.publish-status-bullet{width:7px;height:7px;border-radius:50%;background:#22c55e;display:inline-block}.publish-mini-logs-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:2px;display:inline-flex;align-items:center;border-radius:4px}.publish-mini-logs-btn:hover{background:#f1f5f9;color:#0f172a}[data-theme=dark] .publish-mini-logs-btn:hover{background:#20222e;color:#fff}.publish-seo-badge-green{background:#dcfce7;color:#15803d;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:5px;letter-spacing:.03em}[data-theme=dark] .publish-seo-badge-green{background:#22c55e33;color:#4ade80}.publish-seo-action-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 9px;font-size:11.5px;font-weight:500;color:#334155;cursor:pointer;font-family:inherit;transition:all .15s ease}[data-theme=dark] .publish-seo-action-btn{background:#1e2028;border-color:#2e303c;color:#cbd5e1}.publish-seo-action-btn:hover{background:#e2e8f0;color:#0f172a}.publish-inline-link{background:transparent;border:none;color:#0070f3;font-size:12px;font-weight:500;cursor:pointer;padding:0;text-decoration:underline;margin-left:4px}.publish-app-preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:12px;margin-top:6px}[data-theme=dark] .publish-app-preview-card{background:#16171f;border-color:#272935}.publish-app-icon-wrap{width:34px;height:34px;border-radius:8px;background:#e2e8f0;color:#475569;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .publish-app-icon-wrap{background:#232532;color:#94a3b8}.publish-app-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.publish-app-title{font-size:13px;font-weight:600;color:#0f172a}[data-theme=dark] .publish-app-title{color:#fff}.publish-app-url-link{font-size:12.5px;color:#0070f3;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.publish-app-url-link:hover{text-decoration:underline}.publish-app-url-placeholder{font-size:12px;color:#94a3b8}.publish-copy-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 8px;color:#475569;cursor:pointer;display:flex;align-items:center;transition:all .15s ease}.publish-copy-btn:hover{background:#f1f5f9;color:#0f172a}[data-theme=dark] .publish-copy-btn{background:#1f2029;border-color:#303240;color:#cbd5e1}.publish-history-node{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b;margin-top:14px}[data-theme=dark] .publish-history-node{color:#94a3b8}.publish-history-hash{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11.5px;color:#64748b}.publish-history-avatar{width:18px;height:18px;border-radius:50%;background:#8b5cf6;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.publish-logs-view{display:flex;flex-direction:column;gap:10px;height:100%}.publish-logs-header{display:flex;align-items:center;justify-content:space-between}.publish-logs-terminal{background:#0b0f19;color:#e2e8f0;border-radius:10px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.6;flex:1;min-height:380px;max-height:480px;overflow-y:auto;border:1px solid #1e293b;display:flex;flex-direction:column;gap:4px}.publish-log-empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;color:#64748b;font-size:12px}.publish-log-line{display:flex;align-items:flex-start;gap:8px}.publish-log-bullet{color:#10b981;-webkit-user-select:none;user-select:none}.publish-clear-logs-btn{background:transparent;border:1px solid #cbd5e1;color:#64748b;border-radius:6px;padding:3px 9px;font-size:11.5px;cursor:pointer}[data-theme=dark] .publish-clear-logs-btn{border-color:#2e3040}.publish-monitoring-view{display:flex;flex-direction:column;gap:14px}.publish-monitoring-header{margin-bottom:2px}.publish-monitoring-info-banner{background:#eef6ff;border:1px solid #bfdbfe;border-radius:7px;padding:8px 14px;font-size:12px;color:#1e40af;display:flex;align-items:center;gap:8px}[data-theme=dark] .publish-monitoring-info-banner{background:#3b82f61a;border-color:#3b82f647;color:#93c5fd}.publish-monitoring-info-banner a{color:inherit;text-decoration:underline;font-weight:600;cursor:pointer}.publish-info-icon{font-size:13px;font-weight:700}.publish-mon-section{display:flex;flex-direction:column;gap:10px}.publish-mon-section-header{display:flex;align-items:center;justify-content:space-between}.publish-mon-section-title{font-size:14.5px;font-weight:600;color:#0f172a;margin:0}[data-theme=dark] .publish-mon-section-title{color:#fff}.publish-mon-time-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:3px 8px;font-size:12px;color:#334155;font-weight:500;cursor:pointer;outline:none;font-family:inherit}[data-theme=dark] .publish-mon-time-select{background:#1c1e28;border-color:#2e3040;color:#cbd5e1}.publish-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:12px 14px 10px;display:flex;flex-direction:column;gap:8px}[data-theme=dark] .publish-chart-card{background:#16171f;border-color:#272834}.publish-chart-top{display:flex;align-items:center;justify-content:space-between}.publish-chart-name{font-size:12.5px;font-weight:600;color:#0f172a}[data-theme=dark] .publish-chart-name{color:#f1f5f9}.publish-chart-stat{font-size:11.5px;color:#64748b;font-weight:500}[data-theme=dark] .publish-chart-stat{color:#94a3b8}.publish-chart-container-svg{display:flex;flex-direction:column;gap:2px}.publish-svg-chart-wrapper{position:relative;width:100%;overflow:visible}.publish-main-chart-svg{width:100%;height:140px;display:block}.publish-mini-chart-svg{width:100%;height:115px;display:block}.publish-chart-tooltip{position:absolute;background:#fff;border:1px solid #cbd5e1;box-shadow:0 4px 14px #0000001a;border-radius:6px;padding:6px 9px;font-size:10.5px;z-index:10;pointer-events:none;display:flex;flex-direction:column;gap:2px}[data-theme=dark] .publish-chart-tooltip{background:#1d1f2b;border-color:#333646;box-shadow:0 4px 14px #00000073}.publish-tooltip-header{font-weight:600;color:#0f172a;margin-bottom:2px}[data-theme=dark] .publish-tooltip-header{color:#fff}.publish-tooltip-row{display:flex;align-items:center;gap:6px;color:#475569}[data-theme=dark] .publish-tooltip-row{color:#cbd5e1}.publish-sq-blue{width:7px;height:7px;background:#0070f3;border-radius:1px;display:inline-block}.publish-sq-red{width:7px;height:7px;background:#ef4444;border-radius:1px;display:inline-block}.publish-axis-x-caption{text-align:center;font-size:10.5px;color:#94a3b8;margin-top:2px;-webkit-user-select:none;user-select:none}.publish-mon-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.publish-infra-card{background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px}[data-theme=dark] .publish-infra-card{background:#16171f;border-color:#272834}.publish-infra-canvas{position:relative;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;height:110px;display:flex;align-items:center;justify-content:center;overflow:hidden}[data-theme=dark] .publish-infra-canvas{background:#12131a;border-color:#222430}.publish-infra-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:10px 0}.publish-grid-h-row{width:100%;border-top:1px dashed rgba(148,163,184,.25)}.publish-no-data-text{position:relative;z-index:2;font-size:12.5px;color:#64748b;font-weight:500;-webkit-user-select:none;user-select:none}[data-theme=dark] .publish-no-data-text{color:#94a3b8}.publish-feature-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.publish-feature-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc}[data-theme=dark] .publish-feature-item{background:#16171f;border-color:#262734}.publish-feature-item strong{display:block;font-size:13px;margin-bottom:2px}.publish-feature-item p{margin:0;font-size:12px;color:#64748b}[data-theme=dark] .publish-feature-item p{color:#94a3b8}.publish-danger-btn{background:transparent;border:1px solid rgba(239,68,68,.35);color:#dc2626;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease}.publish-danger-btn:hover:not(:disabled){background:#dc2626;color:#fff}.publish-domains-view{display:flex;flex-direction:column;gap:14px}.publish-domains-header{margin-bottom:2px}.publish-domains-main-title{font-size:20px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.2px}[data-theme=dark] .publish-domains-main-title{color:#fff}.publish-domains-subtitle{font-size:13px;color:#64748b;margin:4px 0 0}[data-theme=dark] .publish-domains-subtitle{color:#94a3b8}.publish-domains-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:9px;overflow:hidden}[data-theme=dark] .publish-domains-table-card{background:#16171f;border-color:#272834}.publish-domains-table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 16px;display:flex;justify-content:space-between;font-size:12px;font-weight:500;color:#64748b}[data-theme=dark] .publish-domains-table-header{background:#121319;border-color:#23242f;color:#94a3b8}.publish-domains-table-row{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.publish-td-domain{font-size:13px;color:#0f172a;font-weight:500}[data-theme=dark] .publish-td-domain{color:#f1f5f9}.publish-td-registrar{display:flex;align-items:center;gap:20px;font-size:12.5px;color:#64748b}[data-theme=dark] .publish-td-registrar{color:#94a3b8}.publish-registrar-status{display:flex;align-items:center;gap:10px}.publish-domain-manage-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 10px;font-size:12px;color:#334155;font-weight:500;cursor:pointer;font-family:inherit;transition:all .12s ease}.publish-domain-manage-btn:hover{background:#e2e8f0;color:#0f172a}[data-theme=dark] .publish-domain-manage-btn{background:#20222e;border-color:#2e3040;color:#cbd5e1}[data-theme=dark] .publish-domain-manage-btn:hover{background:#2b2d3d;color:#fff}.publish-domain-feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}[data-theme=dark] .publish-domain-feature-card{background:#16171f;border-color:#272834}.publish-domain-card-title{font-size:14px;font-weight:600;color:#0f172a;margin:0}[data-theme=dark] .publish-domain-card-title{color:#fff}.publish-domain-card-desc{font-size:12.5px;color:#64748b;margin:0 0 10px;line-height:1.45}[data-theme=dark] .publish-domain-card-desc{color:#94a3b8}.publish-domain-alert-box{background:#eef6ff;border:1px solid #bfdbfe;border-radius:7px;padding:10px 14px;font-size:12.5px;color:#1e40af;line-height:1.4}[data-theme=dark] .publish-domain-alert-box{background:#3b82f61a;border-color:#3b82f647;color:#93c5fd}.publish-domain-alert-box a{color:inherit;text-decoration:underline;font-weight:600;cursor:pointer}.publish-growth-view{display:flex;flex-direction:column;gap:14px}.publish-growth-metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:12px 16px;display:flex;flex-direction:column;gap:2px}[data-theme=dark] .publish-growth-metric-card{background:#16171f;border-color:#272834}.publish-growth-big-number{font-size:30px;font-weight:700;color:#0f172a;line-height:1.1;margin:2px 0}[data-theme=dark] .publish-growth-big-number{color:#fff}.publish-growth-trend{font-size:11.5px;color:#475569;display:flex;align-items:center;gap:4px}[data-theme=dark] .publish-growth-trend{color:#94a3b8}.publish-growth-seo-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}[data-theme=dark] .publish-growth-seo-card{background:#16171f;border-color:#272834}.publish-growth-seo-left{display:flex;align-items:center;gap:10px}.publish-chevron-down{font-size:14px;color:#64748b;-webkit-user-select:none;user-select:none}.publish-growth-seo-title{font-size:13px;font-weight:600;color:#0f172a}[data-theme=dark] .publish-growth-seo-title{color:#fff}.publish-breakdown-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:6px}.publish-breakdown-col{display:flex;flex-direction:column;gap:8px}.publish-breakdown-title{font-size:12.5px;font-weight:600;color:#0f172a}[data-theme=dark] .publish-breakdown-title{color:#fff}.publish-breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:#475569}[data-theme=dark] .publish-breakdown-row{color:#cbd5e1}.publish-breakdown-item-name{font-size:12.5px;color:#0f172a;min-width:24px}[data-theme=dark] .publish-breakdown-item-name{color:#f1f5f9}.publish-breakdown-bar-wrap{flex:1;height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden}[data-theme=dark] .publish-breakdown-bar-wrap{background:#242634}.publish-breakdown-bar-fill{height:100%;background:#0070f3;border-radius:999px}.publish-breakdown-item-val{font-size:12px;font-weight:600;color:#0f172a;min-width:14px;text-align:right}[data-theme=dark] .publish-breakdown-item-val{color:#fff}.publish-ghost-referrers-wrap{position:relative;padding:4px 0;display:flex;align-items:center;justify-content:center;min-height:60px}.publish-ghost-lines{display:flex;flex-direction:column;gap:8px;width:100%;opacity:.25;filter:blur(1.5px)}.publish-ghost-line-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.publish-ghost-pill{height:6px;background:#94a3b8;border-radius:4px}.publish-ghost-pill.w-32{width:70%}.publish-ghost-pill.w-28{width:55%}.publish-ghost-pill.w-24{width:45%}.publish-ghost-bar{height:5px;background:#0070f3;border-radius:999px}.publish-ghost-bar.w-16{width:25%}.publish-ghost-bar.w-10{width:18%}.publish-ghost-bar.w-6{width:12%}.publish-no-data-range-pill{position:absolute;background:#fff;border:1px solid #cbd5e1;box-shadow:0 2px 8px #00000014;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500;color:#475569;-webkit-user-select:none;user-select:none;white-space:nowrap}[data-theme=dark] .publish-no-data-range-pill{background:#1c1e28;border-color:#2e3040;color:#cbd5e1}.publish-pie-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}.publish-pie-col{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.publish-pie-canvas-wrap{display:flex;align-items:center;justify-content:center;width:100%;padding:6px 0}.publish-database-view{display:flex;flex-direction:column;gap:14px}.publish-db-header{margin-bottom:2px}.publish-db-selector-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 0 6px}.publish-db-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.publish-db-crumb-muted{color:#64748b}[data-theme=dark] .publish-db-crumb-muted{color:#94a3b8}.publish-db-crumb-separator{color:#94a3b8;font-size:11px}.publish-db-dropdown-trigger{display:flex;align-items:center;gap:5px;color:#0f172a;font-weight:600;cursor:pointer}[data-theme=dark] .publish-db-dropdown-trigger{color:#fff}.publish-db-chevron{font-size:13px;color:#64748b}.publish-db-refresh-btn{background:transparent;border:none;color:#64748b;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:5px;cursor:pointer;padding:3px 7px;border-radius:6px;transition:all .15s ease;font-family:inherit}.publish-db-refresh-btn:hover{background:#f1f5f9;color:#0f172a}[data-theme=dark] .publish-db-refresh-btn{color:#94a3b8}[data-theme=dark] .publish-db-refresh-btn:hover{background:#1e2029;color:#fff}.publish-db-subtabs-bar{display:flex;align-items:center;gap:20px;border-bottom:1px solid #e2e8f0;padding-bottom:2px}[data-theme=dark] .publish-db-subtabs-bar{border-color:#272834}.publish-db-subtab-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;padding:6px 2px;position:relative;transition:all .15s ease;font-family:inherit}.publish-db-subtab-btn:hover{color:#0f172a}[data-theme=dark] .publish-db-subtab-btn{color:#94a3b8}[data-theme=dark] .publish-db-subtab-btn:hover{color:#fff}.publish-db-subtab-btn.active{color:#0f172a;font-weight:600}[data-theme=dark] .publish-db-subtab-btn.active{color:#fff}.publish-db-subtab-btn.active:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:2px;background:#0f172a;border-radius:2px 2px 0 0}[data-theme=dark] .publish-db-subtab-btn.active:after{background:#3b82f6}.publish-db-overview-pane{display:flex;flex-direction:column;gap:8px;padding-top:8px}.publish-db-section-title{font-size:13.5px;font-weight:600;color:#0f172a;margin:0}[data-theme=dark] .publish-db-section-title{color:#fff}.publish-db-empty-desc{font-size:13px;color:#64748b;margin:0}[data-theme=dark] .publish-db-empty-desc{color:#94a3b8}.publish-logs-view{display:flex;flex-direction:column;gap:12px;height:100%}.publish-logs-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:2px}.publish-logs-search-box{position:relative;flex:1;max-width:480px}.publish-logs-search-input{width:100%;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 32px 6px 10px;font-size:12.5px;color:#0f172a;outline:none;font-family:inherit;transition:border-color .15s ease}.publish-logs-search-input:focus{border-color:#0070f3}[data-theme=dark] .publish-logs-search-input{background:#16171f;border-color:#2e3040;color:#f1f5f9}[data-theme=dark] .publish-logs-search-input:focus{border-color:#3b82f6}.publish-logs-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.publish-logs-filter-group{display:flex;align-items:center;gap:12px}.publish-logs-checkbox-label{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}[data-theme=dark] .publish-logs-checkbox-label{color:#94a3b8}.publish-logs-checkbox{width:14px;height:14px;accent-color:#0070f3;cursor:pointer;margin:0;border-radius:3px}.publish-logs-sort-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-size:12px;color:#334155;cursor:pointer;outline:none;font-family:inherit}[data-theme=dark] .publish-logs-sort-select{background:#1c1e28;border-color:#2e3040;color:#cbd5e1}.publish-logs-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11.5px;box-shadow:0 1px 3px #00000008}[data-theme=dark] .publish-logs-table-container{background:#14151e;border-color:#272834}.publish-logs-table-head{display:flex;align-items:center;gap:12px;padding:7px 12px;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:600;-webkit-user-select:none;user-select:none;position:sticky;top:0;z-index:2}[data-theme=dark] .publish-logs-table-head{background:#181924;border-color:#272834;color:#94a3b8}.publish-logs-table-body{overflow-y:auto;max-height:480px;display:flex;flex-direction:column}.publish-logs-table-row{display:flex;align-items:flex-start;gap:12px;padding:3.5px 12px;border-bottom:1px solid #f1f5f9;line-height:1.45;color:#1e293b;transition:background .08s ease}[data-theme=dark] .publish-logs-table-row{border-color:#1e202c;color:#e2e8f0}.publish-logs-table-row:hover{background:#f8fafc}[data-theme=dark] .publish-logs-table-row:hover{background:#1a1c26}.publish-logs-table-row.error-row{background:#fca5a5!important;color:#450a0a!important;border-bottom-color:#ef44444d!important}.publish-logs-table-row.error-row .publish-col-time,.publish-logs-table-row.error-row .publish-col-deploy,.publish-logs-table-row.error-row .publish-col-source,.publish-logs-table-row.error-row .publish-col-log{color:#450a0a!important;font-weight:500}[data-theme=dark] .publish-logs-table-row.error-row{background:#7f1d1d!important;color:#fee2e2!important;border-bottom-color:#ef444466!important}[data-theme=dark] .publish-logs-table-row.error-row .publish-col-time,[data-theme=dark] .publish-logs-table-row.error-row .publish-col-deploy,[data-theme=dark] .publish-logs-table-row.error-row .publish-col-source,[data-theme=dark] .publish-logs-table-row.error-row .publish-col-log{color:#fee2e2!important}.publish-col-check{width:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-top:1px}.publish-col-time{width:155px;flex-shrink:0;color:#64748b}[data-theme=dark] .publish-col-time{color:#94a3b8}.publish-col-deploy{width:65px;flex-shrink:0;color:#64748b}[data-theme=dark] .publish-col-deploy{color:#94a3b8}.publish-col-source{width:50px;flex-shrink:0;color:#64748b}[data-theme=dark] .publish-col-source{color:#94a3b8}.publish-col-log{flex:1;word-break:break-all;color:#0f172a}[data-theme=dark] .publish-col-log{color:#f1f5f9}.publish-logs-empty-state{padding:24px;text-align:center;color:#64748b;font-size:12.5px;font-family:inherit}.publish-manage-view{display:flex;flex-direction:column;gap:22px}.publish-manage-section{display:flex;flex-direction:column;gap:10px}.publish-manage-section-title{font-size:14.5px;font-weight:600;color:#0f172a;margin:0}[data-theme=dark] .publish-manage-section-title{color:#fff}.publish-manage-resource-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:3px}[data-theme=dark] .publish-manage-resource-card{background:#16171f;border-color:#272834}.publish-resource-card-top{display:flex;align-items:center;justify-content:space-between}.publish-resource-spec-title{font-size:13.5px;font-weight:500;color:#0f172a}[data-theme=dark] .publish-resource-spec-title{color:#fff}.publish-resource-edit-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.publish-resource-edit-btn:hover{background:#f1f5f9;color:#0f172a}[data-theme=dark] .publish-resource-edit-btn:hover{background:#242634;color:#fff}.publish-resource-spec-meta{font-size:12.5px;color:#64748b;margin-top:1px}[data-theme=dark] .publish-resource-spec-meta{color:#94a3b8}.publish-resource-link{font-size:12.5px;color:#0070f3;text-decoration:none;margin-top:2px;cursor:pointer;font-weight:500}.publish-resource-link:hover{text-decoration:underline}[data-theme=dark] .publish-resource-link{color:#3b82f6}.publish-manage-action-group{display:flex;flex-direction:column;gap:5px;margin-bottom:6px}.publish-manage-wide-pill{width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:500;color:#0f172a;cursor:pointer;transition:all .15s ease;font-family:inherit}.publish-manage-wide-pill:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=dark] .publish-manage-wide-pill{background:#181924;border-color:#272834;color:#f1f5f9}[data-theme=dark] .publish-manage-wide-pill:hover{background:#202230;border-color:#383a4c}.publish-manage-wide-pill.danger:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}[data-theme=dark] .publish-manage-wide-pill.danger:hover{background:#dc262633;border-color:#dc262666;color:#fca5a5}.publish-manage-pill-subtext{font-size:12.5px;color:#64748b;margin:0;padding-left:2px}[data-theme=dark] .publish-manage-pill-subtext{color:#94a3b8}.publish-auth-view{display:flex;flex-direction:column;gap:14px;min-height:440px}.publish-auth-header{margin-bottom:2px}.publish-auth-learn-link{color:#0070f3;text-decoration:none;font-weight:500}.publish-auth-learn-link:hover{text-decoration:underline}[data-theme=dark] .publish-auth-learn-link{color:#3b82f6}.publish-auth-hero-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 20px 40px;margin:auto 0;width:100%}.publish-auth-ghost-icons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.publish-ghost-provider{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;color:#94a3b8;font-size:10.5px;font-weight:500;opacity:.22;filter:blur(.6px);-webkit-user-select:none;user-select:none}.publish-ghost-provider.top-left{top:18%;left:26%}.publish-ghost-provider.top-right{top:18%;right:26%}.publish-ghost-provider.bottom-left{bottom:20%;left:26%}.publish-ghost-provider.bottom-right{bottom:20%;right:26%}.publish-auth-avatar-circle{width:44px;height:44px;border-radius:50%;background:#f1f5f9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:14px}[data-theme=dark] .publish-auth-avatar-circle{background:#1c1e28;border-color:#2e3040}.publish-auth-hero-title{font-size:17.5px;font-weight:600;color:#0f172a;margin:0 0 6px}[data-theme=dark] .publish-auth-hero-title{color:#fff}.publish-auth-hero-desc{font-size:13px;color:#64748b;max-width:400px;margin:0 0 20px;line-height:1.45}[data-theme=dark] .publish-auth-hero-desc{color:#94a3b8}.publish-auth-btn-wrapper{position:relative;display:inline-flex;flex-direction:column;align-items:center}.publish-auth-agent-btn{background:#0070f3;color:#fff;border:none;border-radius:7px;padding:7px 16px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #0070f340;font-family:inherit}.publish-auth-agent-btn:hover{background:#0060df}.publish-auth-dropdown-card{position:absolute;top:calc(100% + 8px);background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 6px 20px #00000014;padding:4px;display:flex;flex-direction:column;gap:2px;width:220px;z-index:20}[data-theme=dark] .publish-auth-dropdown-card{background:#181924;border-color:#272834;box-shadow:0 6px 20px #00000073}.publish-auth-menu-item{background:transparent;border:none;padding:7px 10px;border-radius:5px;font-size:12px;color:#334155;display:flex;align-items:center;gap:8px;cursor:pointer;width:100%;text-align:left;transition:all .1s ease;font-family:inherit}.publish-auth-menu-item:hover{background:#f8fafc;color:#0f172a}[data-theme=dark] .publish-auth-menu-item{color:#cbd5e1}[data-theme=dark] .publish-auth-menu-item:hover{background:#242634;color:#fff}.publish-security-view{display:flex;flex-direction:column;gap:16px}.publish-security-top-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.publish-sec-scan-btn{background:#0070f3;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:all .15s ease;font-family:inherit}.publish-sec-scan-btn:hover{background:#0060df}.publish-chevron-down-sm{font-size:11px}.publish-sec-scans-header{display:flex;flex-direction:column;gap:4px}.publish-sec-scans-title-row{display:flex;align-items:center;gap:8px}.publish-sec-scans-title{font-size:14px;font-weight:600;color:#0f172a}[data-theme=dark] .publish-sec-scans-title{color:#fff}.publish-sec-pill-last-scan{font-size:11.5px;background:#f1f5f9;color:#64748b;padding:1.5px 8px;border-radius:999px;border:1px solid #e2e8f0;font-weight:500}[data-theme=dark] .publish-sec-pill-last-scan{background:#1c1e28;border-color:#2e3040;color:#94a3b8}.publish-sec-scans-desc{font-size:12.5px;color:#64748b;margin:0;line-height:1.45}[data-theme=dark] .publish-sec-scans-desc{color:#94a3b8}.publish-sec-scans-count{font-size:12.5px;font-weight:500;color:#0f172a;margin-top:2px}[data-theme=dark] .publish-sec-scans-count{color:#fff}.publish-sec-agent-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:14px;margin:2px 0 4px}[data-theme=dark] .publish-sec-agent-card{background:#16171f;border-color:#272834}.publish-sec-features-list{display:flex;flex-direction:column;gap:6px;width:100%;max-width:480px}.publish-sec-feature-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#334155}[data-theme=dark] .publish-sec-feature-row{color:#cbd5e1}.publish-sec-upgrade-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;color:#0f172a;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;font-family:inherit;box-shadow:0 1px 3px #0000000a}.publish-sec-upgrade-btn:hover{background:#f1f5f9;border-color:#94a3b8}[data-theme=dark] .publish-sec-upgrade-btn{background:#1c1e28;border-color:#2e3040;color:#f1f5f9}[data-theme=dark] .publish-sec-upgrade-btn:hover{background:#242634}.publish-sec-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}[data-theme=dark] .publish-sec-table-card{background:#16171f;border-color:#272834}.publish-sec-table-top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border-bottom:1px solid #e2e8f0}[data-theme=dark] .publish-sec-table-top-bar{background:#16171f;border-color:#272834}.publish-sec-tab-pills{display:flex;align-items:center;gap:6px}.publish-sec-tab-pill{background:transparent;border:1px solid #cbd5e1;border-radius:6px;padding:3.5px 10px;font-size:12px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s ease;font-family:inherit}.publish-sec-tab-pill:hover{background:#f8fafc;color:#0f172a}[data-theme=dark] .publish-sec-tab-pill{border-color:#2e3040;color:#94a3b8}.publish-sec-tab-pill.active{background:#f1f5f9;color:#0f172a;border-color:#94a3b8;font-weight:600}[data-theme=dark] .publish-sec-tab-pill.active{background:#242634;color:#fff;border-color:#3e4256}.publish-sec-fix-all-btn{background:#0070f3;color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.publish-sec-fix-all-btn:hover{background:#0060df}.publish-sec-table{display:flex;flex-direction:column;width:100%}.publish-sec-thead{display:flex;align-items:center;padding:7px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:12px;color:#64748b;font-weight:600;-webkit-user-select:none;user-select:none}[data-theme=dark] .publish-sec-thead{background:#12131a;border-color:#242634;color:#94a3b8}.publish-sec-th-issues{flex:1;display:flex;align-items:center;gap:8px}.publish-sec-th-severity{width:90px}.publish-sec-th-detected,.publish-sec-th-status{width:110px}.publish-sec-checkbox{width:13.5px;height:13.5px;accent-color:#0070f3;cursor:pointer;margin:0;border-radius:3px}.publish-sec-group-row{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:12.5px}[data-theme=dark] .publish-sec-group-row{background:#14151e;border-color:#242634}.publish-sec-group-left{display:flex;align-items:center;gap:8px;font-weight:600;color:#0f172a}[data-theme=dark] .publish-sec-group-left{color:#fff}.publish-sec-group-name{font-size:12.5px}.publish-sec-group-info{color:#94a3b8;font-size:11px;font-weight:400}.publish-sec-fix-group-btn{background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:2.5px 8px;font-size:11.5px;color:#334155;cursor:pointer;font-weight:500;font-family:inherit;transition:all .15s ease}.publish-sec-fix-group-btn:hover{background:#f1f5f9;color:#0f172a}[data-theme=dark] .publish-sec-fix-group-btn{background:#1c1e28;border-color:#2e3040;color:#cbd5e1}.publish-sec-trow{display:flex;align-items:center;padding:6.5px 14px;border-bottom:1px solid #f1f5f9;font-size:12px;transition:background .08s ease}[data-theme=dark] .publish-sec-trow{border-color:#1e202c}.publish-sec-trow:hover{background:#f8fafc}[data-theme=dark] .publish-sec-trow:hover{background:#1a1c26}.publish-sec-col-name{flex:1;display:flex;align-items:center;gap:8px;color:#0f172a;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}[data-theme=dark] .publish-sec-col-name{color:#f1f5f9}.publish-sec-pkg-name{font-size:12px}.publish-sec-col-severity{width:90px}.publish-severity-badge{font-size:11px;font-weight:500;padding:1.5px 7px;border-radius:4px;display:inline-block}.publish-severity-badge.high{background:#fee2e2;color:#b91c1c}[data-theme=dark] .publish-severity-badge.high{background:#dc262633;color:#fca5a5}.publish-severity-badge.medium{background:#fef3c7;color:#b45309}[data-theme=dark] .publish-severity-badge.medium{background:#f59e0b33;color:#fcd34d}.publish-severity-badge.low{background:#e0f2fe;color:#0369a1}[data-theme=dark] .publish-severity-badge.low{background:#0ea5e933;color:#7dd3fc}.publish-sec-col-detected{width:110px;color:#64748b;font-size:12px}[data-theme=dark] .publish-sec-col-detected{color:#94a3b8}.publish-sec-col-status{width:110px;display:flex;align-items:center;gap:5px;color:#64748b;font-size:12px;font-weight:500}[data-theme=dark] .publish-sec-col-status{color:#94a3b8}.publish-unresolved-icon{color:#64748b}.publish-storage-view{display:flex;flex-direction:column;gap:14px;min-height:440px}.publish-storage-header{margin-bottom:2px}.publish-storage-hero-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 20px 40px;margin:auto 0;width:100%}.publish-storage-ghost-icons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.publish-ghost-storage-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:#94a3b8;opacity:.18;filter:blur(.6px);-webkit-user-select:none;user-select:none}.publish-ghost-storage-icon.top-left{top:18%;left:26%}.publish-ghost-storage-icon.top-right{top:18%;right:26%}.publish-ghost-storage-icon.bottom-left{bottom:20%;left:26%}.publish-ghost-storage-icon.bottom-right{bottom:20%;right:26%}.publish-storage-avatar-circle{width:44px;height:44px;border-radius:50%;background:#f1f5f9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:#475569}[data-theme=dark] .publish-storage-avatar-circle{background:#1c1e28;border-color:#2e3040;color:#94a3b8}.publish-storage-hero-title{font-size:17.5px;font-weight:600;color:#0f172a;margin:0 0 6px}[data-theme=dark] .publish-storage-hero-title{color:#fff}.publish-storage-hero-desc{font-size:13px;color:#64748b;max-width:420px;margin:0 0 20px;line-height:1.45}[data-theme=dark] .publish-storage-hero-desc{color:#94a3b8}.publish-storage-create-btn{background:#0070f3;color:#fff;border:none;border-radius:7px;padding:7px 16px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #0070f340;font-family:inherit}.publish-storage-create-btn:hover{background:#0060df}.publish-storage-buckets-list{width:100%;max-width:420px;margin-top:18px;display:flex;flex-direction:column;gap:6px}.publish-storage-bucket-row{background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px}[data-theme=dark] .publish-storage-bucket-row{background:#181924;border-color:#272834}.publish-bucket-left{display:flex;align-items:center;gap:8px;color:#0f172a;font-weight:500}[data-theme=dark] .publish-bucket-left{color:#f1f5f9}.publish-bucket-meta{font-size:11.5px;color:#64748b}[data-theme=dark] .publish-bucket-meta{color:#94a3b8}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s}.profile-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5001;display:flex;flex-direction:column;width:min(880px,94vw);height:min(640px,88vh);margin:auto;border-radius:16px;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:0 24px 80px #00000040;overflow:hidden;animation:popupSlideUp .2s ease-out}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.profile-popup-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.profile-popup-header h2{font-size:16px;font-weight:600;margin:0}.profile-popup-close{background:none;border:none;cursor:pointer;color:var(--text-2);padding:4px;border-radius:6px;display:flex}.profile-popup-close:hover{background:var(--hover);color:var(--text)}.profile-popup-body{display:flex;flex:1;overflow:hidden}.profile-popup-tabs{width:200px;min-width:200px;padding:8px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.profile-tab{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;background:none;border:none;cursor:pointer;color:var(--text-2);font-size:13px;text-align:left;width:100%;transition:.15s}.profile-tab:hover{background:var(--hover);color:var(--text)}.profile-tab.active{background:var(--accent-bg);color:var(--accent);font-weight:500}.profile-tab-arrow{margin-left:auto;opacity:.4}.profile-tab.active .profile-tab-arrow{opacity:.7}.profile-tabs-divider{height:1px;background:var(--border);margin:6px 0}.profile-tab--danger{color:#ef4444}.profile-tab--danger:hover{background:#ef444414}.profile-popup-content{flex:1;overflow-y:auto;padding:24px 28px}.profile-section h3{font-size:17px;font-weight:600;margin:0 0 4px}.profile-section-desc{font-size:13px;color:var(--text-2);margin:0 0 20px}.profile-avatar-section{display:flex;align-items:center;gap:14px;padding:14px;background:var(--bg);border-radius:12px;border:1px solid var(--border);margin-bottom:20px}.profile-avatar{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-info{flex:1}.profile-avatar-name{font-weight:600;font-size:15px}.profile-avatar-email{font-size:12px;color:var(--text-2);margin-top:2px}.profile-plan-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:10px;margin-top:6px;background:#94a3b81f;color:var(--text-2)}.profile-plan-pro{background:#3b82f61a;color:#3b82f6}.profile-plan-power{background:#a855f71a;color:#a855f7}.profile-field{margin-bottom:16px}.profile-field label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--text)}.profile-field input,.profile-field select{width:100%;padding:9px 12px;font-size:13px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none;transition:.15s}.profile-field input:focus,.profile-field select:focus{border-color:var(--accent)}.profile-field-hint{font-size:11.5px;color:var(--text-3);margin-top:4px;line-height:1.4}.profile-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.profile-save-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:500;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:.15s;margin-top:8px}.profile-save-btn:hover{filter:brightness(1.1)}.profile-theme-picker{display:flex;gap:8px}.theme-option{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:var(--bg);border:2px solid var(--border);cursor:pointer;font-size:13px;color:var(--text-2);transition:.15s}.theme-option:hover{border-color:var(--text-3)}.theme-option.active{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.theme-option span{flex:1}.theme-option .check-icon{margin-left:auto}.profile-toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.profile-toggle{position:relative;width:40px;height:22px;background:var(--border);border:none;border-radius:11px;cursor:pointer;transition:.2s;padding:0}.profile-toggle.on{background:var(--accent)}.profile-toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #00000026}.profile-toggle.on .profile-toggle-knob{transform:translate(18px)}.billing-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.billing-plan-card{position:relative;padding:18px 14px;border-radius:12px;background:var(--bg);border:2px solid var(--border);display:flex;flex-direction:column;transition:.15s}.billing-plan-card:hover{border-color:var(--text-3)}.billing-plan-card.current{border-color:var(--accent)}.billing-plan-card.recommended{border-color:var(--accent);background:var(--accent-bg)}.billing-plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:10px;font-weight:600;padding:2px 10px;border-radius:10px;white-space:nowrap}.billing-plan-card h4{font-size:14px;font-weight:600;margin:0 0 8px;text-align:center}.billing-plan-price{text-align:center;margin-bottom:12px}.billing-price-amount{font-size:22px;font-weight:700}.billing-price-period{font-size:12px;color:var(--text-2)}.billing-plan-features{list-style:none;padding:0;margin:0 0 14px;font-size:12px;color:var(--text-2)}.billing-plan-features li{display:flex;align-items:flex-start;gap:6px;padding:3px 0}.billing-plan-features li svg{margin-top:2px;color:#22c55e;flex-shrink:0}.billing-plan-btn{margin-top:auto;width:100%;padding:9px 12px;font-size:12px;font-weight:500;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:.15s}.billing-plan-btn:hover{background:var(--hover)}.billing-plan-btn:not(.current){background:var(--accent);color:#fff;border-color:var(--accent)}.billing-plan-btn:not(.current):hover{filter:brightness(1.1)}.billing-plan-btn.current{background:var(--accent-bg);color:var(--accent);cursor:default}.billing-note{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-3);padding:10px 14px;background:var(--bg);border-radius:8px}.profile-data-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.profile-data-btn{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;background:var(--bg);border:1px solid var(--border);cursor:pointer;text-align:left;transition:.15s}.profile-data-btn:hover{border-color:var(--text-3)}.profile-data-btn strong{display:block;font-size:13px;margin-bottom:2px}.profile-data-btn span{font-size:11.5px;color:var(--text-2)}.profile-data-btn.danger{border-color:#ef444440}.profile-data-btn.danger:hover{background:#ef44440d;border-color:#ef444480}.profile-data-btn.danger strong{color:#ef4444}.profile-data-btn svg{color:var(--text-2);flex-shrink:0}.profile-data-btn.danger svg{color:#ef4444}.profile-delete-confirm{padding:14px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:10px;margin-bottom:16px}.profile-delete-confirm p{font-size:13px;margin:0 0 12px;color:#ef4444}.profile-delete-actions{display:flex;gap:8px}.profile-delete-cancel{padding:8px 16px;font-size:12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.profile-delete-confirm-btn{padding:8px 16px;font-size:12px;font-weight:500;border-radius:8px;border:none;background:#ef4444;color:#fff;cursor:pointer}.profile-privacy-note{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-3);padding:10px 14px;background:var(--bg);border-radius:8px}.profile-privacy-note a{color:var(--accent)}.profile-section-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.profile-section-header-row .profile-section-desc{margin-bottom:0}.profile-section-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.profile-add-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.profile-add-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.profile-sub-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;background:var(--bg);color:var(--text-2);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:.15s}.profile-sub-btn:hover{background:var(--hover);color:var(--text)}.profile-sub-btn.danger:hover{background:#ef444414;color:#ef4444;border-color:#ef44444d}.profile-memory-counter{font-size:11.5px;font-weight:600;color:var(--text-3);padding:4px 10px;background:var(--bg);border-radius:12px;border:1px solid var(--border)}.profile-inline-confirm{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:12px;margin-bottom:14px}.profile-inline-confirm-actions{display:flex;gap:6px;flex-shrink:0}.profile-cancel-btn{padding:5px 12px;font-size:11.5px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.profile-danger-btn{padding:5px 12px;font-size:11.5px;font-weight:600;border-radius:6px;border:none;background:#ef4444;color:#fff;cursor:pointer}.profile-error-banner{padding:8px 12px;background:#ef444414;color:#ef4444;border-radius:8px;font-size:12px;margin-bottom:12px}.profile-dna-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.profile-dna-cat-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:var(--bg);border:1px solid var(--border);color:var(--text-2);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.profile-dna-cat-pill:hover{background:var(--hover);color:var(--text)}.profile-dna-cat-pill.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:600}.profile-dna-badge{font-size:10px;padding:1px 6px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700}.profile-dna-category-hint{font-size:12px;color:var(--text-3);margin-bottom:14px;font-style:italic}.profile-dna-edit-card{padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-bottom:14px;box-shadow:0 4px 12px #0000000a;animation:fadeIn .15s ease-out}.profile-dna-edit-header{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:600;color:var(--text);margin-bottom:10px}.profile-icon-close{background:none;border:none;color:var(--text-3);cursor:pointer;padding:2px}.profile-icon-close:hover{color:var(--text)}.profile-dna-form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.profile-field-input{width:100%;padding:8px 12px;font-size:12.5px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none}.profile-field-input:focus,.profile-field-textarea:focus{border-color:var(--accent)}.profile-field-textarea{width:100%;padding:8px 12px;font-size:12.5px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none;resize:vertical;font-family:inherit}.profile-dna-form-actions{display:flex;justify-content:flex-end;gap:8px}.profile-save-entry-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer}.profile-dna-entries-list{display:flex;flex-direction:column;gap:8px}.profile-dna-entry-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;transition:border-color .15s ease}.profile-dna-entry-item:hover{border-color:var(--text-3)}.profile-dna-entry-main{flex:1;min-width:0}.profile-dna-entry-key{font-size:12px;font-weight:700;color:var(--accent);margin-bottom:3px}.profile-dna-entry-val{font-size:13px;color:var(--text);line-height:1.45;word-break:break-word}.profile-dna-entry-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.profile-entry-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:transparent;color:var(--text-2);cursor:pointer;transition:all .15s}.profile-entry-action-btn:hover{background:var(--surface);color:var(--text)}.profile-entry-action-btn.delete:hover{background:#ef44441a;color:#ef4444}.profile-memory-search-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-bottom:14px;color:var(--text-2)}.profile-memory-search-bar input{flex:1;border:none;background:transparent;font-size:12.5px;color:var(--text);outline:none}.profile-search-clear{background:none;border:none;color:var(--text-3);cursor:pointer;padding:2px}.profile-memory-item-meta{display:flex;align-items:center;gap:8px;margin-bottom:3px}.profile-memory-source-tag{font-size:10px;padding:1px 6px;border-radius:6px;background:var(--surface);border:1px solid var(--border);color:var(--text-3)}.profile-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background:var(--bg);border:1px dashed var(--border);border-radius:12px;text-align:center;color:var(--text-3)}.profile-empty-state svg{color:var(--text-3);margin-bottom:8px;opacity:.6}.profile-empty-state p{font-size:13px;margin:0 0 12px}.profile-empty-add-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;cursor:pointer;transition:.15s}.profile-empty-add-btn:hover{border-color:var(--accent);color:var(--accent)}.profile-shortcuts-grid{display:flex;flex-direction:column;gap:8px;margin-top:4px}.profile-shortcut-row{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--border)}.profile-shortcut-row:last-child{border-bottom:none}.profile-shortcut-kbd{display:inline-flex;align-items:center;padding:3px 10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:11.5px;font-family:monospace;color:var(--text);white-space:nowrap;box-shadow:0 1px 0 var(--border);min-width:120px;justify-content:center}.profile-shortcut-label{font-size:13px;color:var(--text-2)}@media(max-width:700px){.profile-popup{width:98vw;height:95vh;border-radius:12px}.profile-popup-tabs{width:52px;min-width:52px;padding:6px}.profile-tab span,.profile-tab-arrow{display:none}.profile-tab{justify-content:center;padding:10px}.profile-popup-content{padding:16px}.billing-plans{grid-template-columns:1fr}}