@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.10ev4cu2inrn-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.0i6ci0u~g4zml.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.0x1a9yg0jkq20.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.0dyk20wuvya7a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.0ctuso5mgh_i..woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.0kho-wj7-y-w1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_6582816b-module__m7AHzq__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_6582816b-module__m7AHzq__variable{--font-manrope:"Manrope", "Manrope Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_c930b237-module__ZwJRGW__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_c930b237-module__ZwJRGW__variable{--font-space-grotesk:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a26;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff12;--border:#ffffff14;--border-light:#ffffff1f;--text-primary:#f0f0f5;--text-secondary:#8888a0;--text-muted:#55556a;--accent:#7c5cfc;--accent-light:#9b80ff;--accent-glow:#7c5cfc4d;--accent-gradient:linear-gradient(135deg, #7c5cfc, #5ca0fc);--success:#34d399;--warning:#fbbf24;--error:#f87171;--chat-user-bg:linear-gradient(135deg, #7c5cfc, #5c8afc);--chat-assistant-bg:var(--bg-tertiary);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-sans:var(--font-manrope), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:var(--font-space-grotesk), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, monospace;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px var(--accent-glow);--transition:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;min-height:100%}body{color:#1a1d24;min-height:100%;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4eee4;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-layout{background:var(--bg-primary);height:100dvh;min-height:100dvh;color:var(--text-primary);display:flex;position:relative;overflow:hidden}.main-content{flex:1;height:100dvh;min-height:100dvh;overflow:hidden}.split-view{gap:0;height:100%;display:flex}.logout-chip{z-index:1000;align-items:center;gap:10px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.chat-panel{border-right:1px solid var(--border);background:radial-gradient(1100px 480px at 85% -10%, #7c5cfc14, transparent 60%), var(--bg-primary);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.chat-header{border-bottom:1px solid var(--border);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);align-items:center;gap:12px;padding:14px 20px;display:flex}.chat-header-icon{background:var(--accent-gradient);width:38px;height:38px;box-shadow:var(--shadow-glow);border-radius:11px;justify-content:center;align-items:center;display:flex}.chat-header h2{letter-spacing:-.02em;font-size:16px;font-weight:700}.chat-header-subtitle{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:400;display:inline-flex}.status-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{box-shadow:0 0 0 3px #34d39929}50%{box-shadow:0 0 0 5px #34d3990d}}.welcome-hero{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:430px;margin:auto;padding:28px 12px;animation:.4s cubic-bezier(.34,1.56,.64,1) bubbleIn;display:flex}.welcome-hero-icon{background:var(--accent-gradient);width:54px;height:54px;box-shadow:var(--shadow-glow), 0 14px 34px #7c5cfc47;border-radius:17px;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.welcome-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:20px;font-weight:700}.welcome-sub{color:var(--text-secondary);max-width:330px;font-size:13px}.suggestion-chips{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:12px;display:grid}.suggestion-chip{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-glass);color:var(--text-primary);cursor:pointer;text-align:left;transition:all var(--transition);align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;font-weight:600;display:flex}.suggestion-chip:hover{border-color:var(--accent);background:#7c5cfc1a;transform:translateY(-1px)}.suggestion-chip-icon{flex-shrink:0;font-size:15px}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.chat-bubble{gap:10px;max-width:85%;animation:.3s cubic-bezier(.34,1.56,.64,1) bubbleIn;display:flex}@keyframes bubbleIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-bubble.user{flex-direction:row-reverse;align-self:flex-end}.chat-bubble.assistant{align-self:flex-start}.chat-avatar{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.chat-bubble-content{min-width:0}.process-steps{border-radius:var(--radius-md);background:#7c5cfc0d;border:1px solid #7c5cfc26;margin-bottom:8px;overflow:hidden}.process-steps-header{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:color var(--transition);background:0 0;border:0;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.process-steps-header:hover{color:var(--text-primary)}.process-steps-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.process-steps-latest{color:var(--text-muted);font-weight:400}.process-spinner{color:var(--accent-light);flex-shrink:0;animation:.9s linear infinite spin;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}.process-done-icon{color:var(--success);flex-shrink:0;display:inline-flex}.process-chevron{color:var(--text-muted);transition:transform var(--transition);flex-shrink:0;margin-left:auto;display:inline-flex}.process-chevron.is-open{transform:rotate(180deg)}.process-steps-body{padding:2px 12px 8px}.process-step{color:var(--text-secondary);align-items:center;gap:8px;padding:5px 0;font-size:12px;animation:.3s stepFadeIn;display:flex}.process-step+.process-step{border-top:1px solid #ffffff0a}.process-step.status{color:var(--success)}.process-step.tool_call{color:var(--accent-light)}.process-step-icon{background:#ffffff0d;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.process-step-text{flex:1;min-width:0}@keyframes stepFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.chat-bubble-text{border-radius:var(--radius-lg);word-wrap:break-word;padding:12px 16px;font-size:14px;line-height:1.6}.chat-bubble.user .chat-bubble-text{background:var(--chat-user-bg);color:#fff;border-bottom-right-radius:4px}.chat-bubble.assistant .chat-bubble-text{background:var(--chat-assistant-bg);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:4px}.md-root{flex-direction:column;gap:8px;display:flex}.md-p{white-space:pre-wrap;word-wrap:break-word}.md-h1,.md-h2{letter-spacing:-.01em;font-size:15px;font-weight:750}.md-h3,.md-h4{font-size:14px;font-weight:700}.md-list{flex-direction:column;gap:4px;padding-left:20px;display:flex}.md-list:not(.md-ol){list-style:outside}.md-ol{list-style:decimal}.md-code{font-family:var(--font-mono);color:#c9baff;background:#7c5cfc24;border:1px solid #7c5cfc38;border-radius:6px;padding:1px 6px;font-size:12.5px}.chat-bubble.user .md-code{color:#fff;background:#ffffff2e;border-color:#ffffff47}.md-pre{border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:var(--font-mono);color:#d7d7e4;background:#0d0d15;padding:12px 14px;font-size:12.5px;line-height:1.55;overflow-x:auto}.md-pre-lang{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-size:10px;display:block}.md-link{color:var(--accent-light);text-underline-offset:2px;text-decoration:underline}.chat-bubble.user .md-link{color:#fff}.stream-cursor{vertical-align:-2px;background:var(--accent-light);border-radius:2px;width:8px;height:15px;margin-left:3px;animation:1s steps(2,start) infinite cursorBlink;display:inline-block}@keyframes cursorBlink{to{visibility:hidden}}.msg-actions{opacity:0;transition:opacity var(--transition);gap:6px;margin-top:6px;display:flex}.chat-bubble:hover .msg-actions,.msg-actions:focus-within{opacity:1}.copy-btn{border:1px solid var(--border-light);background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.copy-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.copy-btn.is-copied{color:var(--success);border-color:#34d39959}.choice-replies{gap:8px;margin-top:10px;display:grid}.choice-reply{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-glass);width:100%;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition), background var(--transition), transform var(--transition);align-items:flex-start;gap:9px;padding:10px 12px;font-size:12.5px;line-height:1.4;display:flex}.choice-reply:hover:not(:disabled){border-color:var(--accent);background:#7c5cfc1a;transform:translateY(-1px)}.choice-reply:disabled{cursor:wait;opacity:.55}.choice-reply-key{width:22px;height:22px;color:var(--accent-light);background:#7c5cfc24;border-radius:6px;flex:0 0 22px;place-items:center;font-size:11px;font-weight:800;display:grid}.choice-reply--custom{border-style:dashed}.choice-custom-form{border:1px solid var(--border-light);border-radius:var(--radius-md);background:#7c5cfc0d;gap:7px;padding:10px;display:grid}.choice-custom-form label{color:var(--text-secondary);font-size:11px;font-weight:700}.choice-custom-form textarea{border:1px solid var(--border-light);background:var(--bg-tertiary);width:100%;min-height:64px;color:var(--text-primary);font:inherit;resize:vertical;border-radius:7px;outline:none;padding:9px 10px;font-size:12.5px;line-height:1.4}.choice-custom-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.choice-custom-submit{background:var(--accent-gradient);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:7px;justify-self:end;padding:7px 11px;font-size:11px;font-weight:700}.choice-custom-submit:disabled{cursor:not-allowed;opacity:.45}.typing-indicator{gap:4px;padding:4px 0;display:inline-flex}.typing-indicator span{background:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:1.4s infinite typingBounce}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.chat-composer{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-tertiary);transition:border-color var(--transition), box-shadow var(--transition);margin:0 16px 16px}.chat-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.chat-input{width:100%;color:var(--text-primary);font-family:var(--font-sans);resize:none;background:0 0;border:none;outline:none;min-height:44px;max-height:160px;padding:13px 15px 4px;font-size:14.5px;line-height:1.5;display:block;overflow-y:auto}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{opacity:.5}.composer-footer{justify-content:space-between;align-items:center;gap:10px;padding:6px 8px 8px 15px;display:flex}.composer-hint{color:var(--text-muted);font-size:11px}.composer-hint kbd{font-family:var(--font-mono);border:1px solid var(--border-light);background:var(--bg-glass);border-radius:4px;padding:1px 5px;font-size:10px}.chat-send-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;width:36px;height:36px;transition:all var(--transition);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #7c5cfc59}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #7c5cfc73}.chat-send-btn:active:not(:disabled){transform:scale(.94)}.chat-send-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.chat-stop-btn{border:1px solid var(--border-light);background:var(--bg-glass-hover);height:36px;color:var(--text-primary);cursor:pointer;transition:all var(--transition);border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:700;display:inline-flex}.chat-stop-btn:hover{border-color:var(--error);color:var(--error)}.scroll-bottom-btn{z-index:5;border:1px solid var(--border-light);background:var(--bg-tertiary);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;animation:.25s bubbleIn;display:flex;position:absolute;bottom:128px;left:50%;transform:translate(-50%)}.scroll-bottom-btn:hover{color:var(--text-primary);border-color:var(--accent)}@media (max-width:600px){.composer-hint{display:none}.chat-messages{padding:14px}.chat-bubble{max-width:94%}.suggestion-chips{grid-template-columns:1fr}}.preview-panel{background:var(--bg-secondary);flex-direction:column;align-items:center;gap:16px;width:420px;min-width:380px;padding:20px;display:flex}.preview-header{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:320px;display:flex}.preview-title{color:var(--text-secondary);flex-shrink:0;font-size:14px;font-weight:600}.preview-controls{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.preview-instagram-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-glass);width:150px;min-width:0;color:var(--text-primary);padding:7px 10px;font-size:12px}.preview-instagram-input:focus{border-color:var(--accent);outline:none}.preview-instagram-input::placeholder{color:var(--text-muted)}.preview-refresh-btn{border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;gap:6px;padding:0 10px;display:flex}.preview-refresh-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.preview-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.preview-refresh-text{white-space:nowrap;font-size:11px;font-weight:600;line-height:1}.preview-status{width:100%;max-width:320px;color:var(--text-secondary);margin:-4px 0 0;font-size:12px}.preview-link-row{align-items:center;gap:8px;width:100%;max-width:320px;margin-top:-6px;display:flex}.preview-link-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-glass);min-width:0;color:var(--text-secondary);flex:1;padding:7px 10px;font-size:11px}.preview-link-open{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-glass);color:var(--text-primary);padding:7px 10px;font-size:11px;font-weight:600;text-decoration:none}.preview-link-open:hover{background:var(--bg-glass-hover)}.phone-frame{width:300px;height:calc(100% - 60px);max-height:650px;box-shadow:0 0 0 2px #ffffff1a, 0 0 0 4px #00000080, var(--shadow-lg);background:#000;border-radius:40px;padding:12px;position:relative}.phone-notch{z-index:2;background:#000;border-radius:0 0 16px 16px;width:100px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{background:#0a0a0a;border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden}.phone-home-bar{z-index:2;background:#ffffff4d;border-radius:2px;width:100px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.preview-iframe{border:none;border-radius:28px;width:100%;height:100%;transition:opacity .3s}.preview-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:30px;display:flex}.preview-empty-icon{font-size:48px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.preview-empty h3{color:var(--text-primary);font-size:16px;font-weight:600}.preview-empty p{color:var(--text-secondary);font-size:13px;line-height:1.5}.preview-loading{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex;position:absolute;inset:0}.preview-loading p{color:var(--text-secondary);font-size:13px}.preview-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.sidebar-toggle{z-index:100;border-radius:var(--radius-md);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;display:flex;position:fixed;top:16px;left:16px}.sidebar-toggle:hover{background:var(--bg-glass-hover);border-color:var(--border-light)}.sidebar-toggle.open{left:276px}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);z-index:90;flex-direction:column;width:260px;height:100vh;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:-260px}.sidebar.open{left:0}.sidebar-overlay{z-index:80;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.sidebar-header h3{font-size:15px;font-weight:600}.sidebar-new-btn{border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.sidebar-new-btn:hover{box-shadow:var(--shadow-glow);transform:scale(1.05)}.sidebar-apps{flex:1;padding:12px;overflow-y:auto}.sidebar-loading,.sidebar-empty{text-align:center;justify-content:center;align-items:center;padding:40px 20px;display:flex}.sidebar-empty p{color:var(--text-muted);font-size:13px;line-height:1.5}.sidebar-app-item{border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition);text-align:left;color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:12px;display:flex}.sidebar-app-item:hover{background:var(--bg-glass-hover);border-color:var(--border)}.sidebar-app-item.active{background:var(--bg-glass);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.sidebar-app-icon{flex-shrink:0;font-size:16px}.sidebar-app-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar-app-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.sidebar-app-desc{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(14px);background:#05070cb8;place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.create-app-modal{border:1px solid var(--border-light);width:min(100%,460px);box-shadow:var(--shadow-lg);background:radial-gradient(circle at 0 0,#7c5cfc2e,#0000 40%),linear-gradient(#13151ffa,#0c0e15fa);border-radius:22px;padding:20px}.create-app-modal__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.create-app-modal__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-light);margin-bottom:4px;font-size:11px;font-weight:700}.create-app-modal__header h2{letter-spacing:-.03em;font-size:24px;line-height:1.1}.create-app-modal__close{border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.create-app-modal__close:hover{color:var(--text-primary);background:#ffffff14}.create-app-modal__copy{color:var(--text-secondary);margin-top:10px;font-size:13px}.create-app-modal__form{gap:14px;margin-top:18px;display:grid}.create-app-modal__field{gap:8px;display:grid}.create-app-modal__field span{color:var(--text-primary);font-size:12px;font-weight:600}.create-app-modal__connected-account{background:linear-gradient(135deg,#feda751a,#d629761f,#4f5bd51f);border:1px solid #d6297661;border-radius:14px;align-items:center;gap:9px;min-height:48px;padding:0 14px;display:flex}.create-app-modal__connected-account>span:last-child{color:#8de4b4;margin-left:auto;font-size:11px}.create-app-modal__instagram-mark{color:#ff8bd8;font-size:22px!important}.create-app-modal__row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.create-app-modal__input,.create-app-modal__textarea{border:1px solid var(--border);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);background:#ffffff0a;border-radius:14px;outline:none;padding:12px 14px}.create-app-modal__input:focus,.create-app-modal__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#ffffff0f}.create-app-modal__input::placeholder,.create-app-modal__textarea::placeholder{color:var(--text-muted)}.create-app-modal__textarea{resize:vertical;min-height:92px}.create-app-modal__secondary,.create-app-modal__ghost,.create-app-modal__primary{cursor:pointer;transition:all var(--transition);border:none;border-radius:14px;padding:12px 14px;font-weight:700}.create-app-modal__secondary{border:1px solid var(--border);min-width:110px;color:var(--text-primary);background:#ffffff0f}.create-app-modal__secondary:hover:not(:disabled),.create-app-modal__ghost:hover:not(:disabled){background:#ffffff1a}.create-app-modal__primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-glow)}.create-app-modal__primary:hover:not(:disabled){transform:translateY(-1px)}.create-app-modal__ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.create-app-modal__secondary:disabled,.create-app-modal__ghost:disabled,.create-app-modal__primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.create-app-modal__meta,.create-app-modal__error{margin-top:12px;font-size:12px}.create-app-modal__meta{color:var(--text-secondary)}.create-app-modal__error{color:var(--error)}.create-app-modal__actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}@media (max-width:900px){.split-view{flex-direction:column}.preview-panel{width:100%;min-width:0;height:50vh}.chat-panel{border-right:none;border-bottom:1px solid var(--border);height:50vh}.phone-frame{max-height:400px}.preview-header{flex-wrap:wrap;max-width:100%}.preview-controls{justify-content:space-between;width:100%}.preview-instagram-input{flex:1}.preview-status,.preview-link-row{max-width:100%}.logout-chip{left:auto;right:12px;transform:none}}@media (max-width:600px){.preview-panel{display:none}.chat-panel{border:none;height:100dvh}.modal-overlay{align-items:end;padding:12px}.create-app-modal{border-radius:20px 20px 16px 16px;width:100%;max-height:min(90dvh,720px);overflow-y:auto}.create-app-modal__row{grid-template-columns:1fr}.create-app-modal__secondary,.create-app-modal__ghost,.create-app-modal__primary{width:100%}.create-app-modal__actions{flex-direction:column-reverse}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent);color:#fff}
:root{--product-bg:#f6f7f8;--surface:#fff;--ink:#17191c;--ink-soft:#60656d;--ink-faint:#8b9098;--line:#e5e7ea;--line-strong:#d7dade;--brand:#5b4bd8;--brand-dark:#4537bd;--brand-soft:#efedff;--success:#21835a;--warning:#a16816;--danger:#b53b3b;--sidebar:#141519}.product-shell,.auth-page{font-family:var(--font-manrope),system-ui,sans-serif;color:var(--ink)}.product-shell *,.auth-page *{box-sizing:border-box}.product-shell{background:var(--product-bg);grid-template-columns:240px minmax(0,1fr);min-height:100dvh;display:grid}.product-sidebar{z-index:30;background:var(--sidebar);color:#f7f7f8;flex-direction:column;width:240px;padding:20px 14px 14px;display:flex;position:fixed;inset:0 auto 0 0}.product-sidebar-head{padding:0 8px 24px}.product-logo{font-family:var(--font-space-grotesk),sans-serif;letter-spacing:-.03em;align-items:center;gap:10px;font-size:18px;font-weight:650;display:inline-flex}.product-logo-mark{background:var(--brand);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.product-logo--light{color:#fff}.product-nav{flex-direction:column;flex:1;gap:3px;display:flex}.product-nav-link{color:#a9abb2;border-radius:7px;align-items:center;gap:11px;padding:9px 11px;font-size:14px;font-weight:550;transition:all .15s;display:flex}.product-nav-link:hover{color:#fff;background:#202126}.product-nav-link.is-active{color:#fff;background:#292a30}.product-nav-link.is-active svg{color:#a99fff}.product-nav-divider{background:#2a2b30;height:1px;margin:13px 10px}.product-profile{border-top:1px solid #292a30;align-items:center;gap:9px;padding:15px 7px 2px;display:flex}.product-avatar,.customer-avatar{color:#fff;background:#30323a;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.product-profile-copy{flex-direction:column;flex:1;min-width:0;display:flex}.product-profile-copy strong{font-size:12px}.product-profile-copy small{color:#84868d;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.product-profile button,.product-sidebar-close{color:#858790;cursor:pointer;background:0 0;border:0;padding:5px}.product-main{grid-column:2;min-width:0;min-height:100dvh}.product-page{max-width:1420px;margin:auto;padding:42px clamp(28px,4vw,64px) 80px}.page-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:32px;display:flex}.page-header h1,.creation-card h1,.test-config h1{font-family:var(--font-space-grotesk),sans-serif;letter-spacing:-.045em;margin:5px 0 7px;font-size:32px;line-height:1.15}.page-header p:not(.eyebrow),.creation-card>p,.test-config>p{color:var(--ink-soft);max-width:690px}.eyebrow{color:#777d86;letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:750}.eyebrow--light{color:#aaa5de}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--brand);color:#fff;box-shadow:0 1px 2px #31259630}.button--primary:hover{background:var(--brand-dark)}.button--secondary,.button--quiet{color:var(--ink);border-color:var(--line);background:#fff}.button--quiet{background:0 0}.button--wide{width:100%}.text-link,.text-button{color:var(--brand);font-size:13px;font-weight:650}.text-button{cursor:pointer;background:0 0;border:0}.text-button--danger{color:var(--danger)}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.metric-card,.surface,.app-card,.integration-card,.table-surface{border:1px solid var(--line);background:#fff;border-radius:11px}.metric-card{padding:19px 20px}.metric-card span{color:var(--ink-soft);font-size:12px}.metric-card strong{font-family:var(--font-space-grotesk);letter-spacing:-.05em;margin:10px 0 3px;font-size:30px;display:block}.metric-card small{color:var(--ink-faint);font-size:11px}.overview-columns{grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:20px;display:grid}.surface{padding:22px}.section-head,.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.section-head h2,.section-heading h2{margin-bottom:3px;font-size:15px}.section-head p,.section-heading p{color:var(--ink-soft);font-size:12px}.section-head>a{color:var(--brand);font-size:12px;font-weight:650}.activity-list article{border-top:1px solid #eff0f1;gap:13px;padding:14px 0;display:flex}.activity-icon{width:34px;height:34px;color:var(--brand);background:#f1f0fa;border-radius:8px;place-items:center;display:grid}.activity-list article div{min-width:0}.activity-list strong{font-size:13px}.activity-list p{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.activity-list small,.compact-apps small{color:var(--ink-faint);font-size:10px}.compact-apps{display:grid}.compact-apps>a{border-top:1px solid #eff0f1;align-items:center;gap:11px;padding:12px 0;display:flex}.compact-apps>a>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.compact-apps strong{font-size:12px}.app-glyph{color:#4e40c2;background:#e7e4ff;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.app-glyph--large{width:42px;height:42px;font-size:16px}.status{text-transform:capitalize;color:#62666c;background:#f0f1f2;border-radius:999px;align-items:center;width:max-content;padding:3px 7px;font-size:10px;font-style:normal;font-weight:700;display:inline-flex}.status--live{color:var(--success);background:#e7f6ee}.status--testing{color:var(--warning);background:#fff3dc}.status--paused{color:var(--danger);background:#fbe8e8}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:34px 20px;display:flex}.empty-state>span,.secondary-surface>span{background:var(--brand-soft);width:42px;height:42px;color:var(--brand);border-radius:10px;place-items:center;display:grid}.empty-state h2,.empty-state h3{margin:12px 0 5px;font-size:15px}.empty-state p{color:var(--ink-soft);max-width:380px;margin-bottom:15px;font-size:12px}.empty-state--large{border:1px dashed var(--line-strong);background:#fff;border-radius:11px;min-height:360px}.empty-state--large h2{font-size:18px}.skeleton-grid,.app-card-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.skeleton-grid{grid-template-columns:repeat(4,1fr)}.skeleton-grid span,.app-card-skeleton,.integration-skeleton{background:linear-gradient(90deg,#eceef0,#f6f7f8,#eceef0) 0 0/200% 100%;border-radius:10px;height:130px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.list-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.list-toolbar>span{color:var(--ink-faint);font-size:12px}.search-field{border:1px solid var(--line);color:#8b9097;background:#fff;border-radius:8px;align-items:center;gap:8px;width:min(320px,100%);height:38px;padding:0 11px;display:flex}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.app-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-card{flex-direction:column;gap:18px;min-height:270px;padding:18px;display:flex}.app-card-top,.app-title-row,.app-card footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.app-card-top button{color:#7c8189;cursor:pointer;background:0 0;border:0}.app-card h2{font-size:15px}.app-card>div:nth-child(2)>p{color:var(--ink-soft);min-height:38px;margin-top:6px;font-size:12px;line-height:1.55}.app-card dl{border-block:1px solid #eff0f2;grid-template-columns:repeat(3,1fr);padding:12px 0;display:grid}.app-card dl div{flex-direction:column;gap:3px;display:flex}.app-card dt{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);font-size:9px}.app-card dd{font-size:11px;font-weight:650}.app-card footer{margin-top:auto}.app-card footer small{color:var(--ink-faint);font-size:10px}.app-card footer a{color:var(--brand);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.creation-page{background:var(--product-bg);min-height:100dvh;padding:30px 40px}.back-link,.scratch-link{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;font-size:12px}.creation-card{text-align:center;max-width:840px;margin:6vh auto}.creation-icon{background:var(--brand);color:#fff;border-radius:12px;place-items:center;width:46px;height:46px;margin:0 auto 16px;display:grid}.creation-card h1{font-size:39px}.creation-card>p:not(.eyebrow){max-width:620px;margin:0 auto}.prompt-box{text-align:left;border:1px solid var(--line-strong);background:#fff;border-radius:13px;margin-top:28px;padding:14px;box-shadow:0 16px 40px #1b1d2120}.prompt-box textarea{resize:none;width:100%;color:var(--ink);border:0;outline:0;padding:5px;font-size:14px;line-height:1.65}.prompt-box>div{border-top:1px solid #eee;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.prompt-box>div>span{color:var(--ink-faint);font-size:10px}.starters{margin-top:26px}.starters>span{color:var(--ink-faint);font-size:11px}.starters>div{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0;display:flex}.starters button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:8px 12px;font-size:11px}.starters button:hover{color:var(--brand);border-color:#bbb5ef}.builder{background:#f5f6f7;grid-template-rows:58px minmax(0,1fr);grid-template-columns:216px minmax(480px,1fr) 274px;height:100dvh;display:grid;overflow:hidden}.builder--left-collapsed{grid-template-columns:0 minmax(480px,1fr) 274px}.builder--right-collapsed{grid-template-columns:216px minmax(480px,1fr) 0}.builder--left-collapsed.builder--right-collapsed{grid-template-columns:0 minmax(480px,1fr) 0}.builder-top{z-index:2;border-bottom:1px solid var(--line);background:#fff;grid-column:1/-1;justify-content:space-between;align-items:center;height:58px;padding:0 14px 0 18px;display:flex}.builder-title,.builder-actions{align-items:center;gap:9px;display:flex}.builder-title a,.builder-title span{color:var(--ink-faint);font-size:11px}.builder-title strong{font-size:12px}.builder-structure,.builder-inspector{background:#fff;min-width:0;overflow:auto}.builder-structure{border-right:1px solid var(--line)}.builder-inspector{border-left:1px solid var(--line)}.panel-heading{text-transform:uppercase;letter-spacing:.07em;color:#737880;border-bottom:1px solid #eff0f2;justify-content:space-between;align-items:center;height:45px;padding:0 13px;font-size:10px;font-weight:750;display:flex}.panel-heading button{color:#91959b;cursor:pointer;background:0 0;border:0}.builder-structure nav{padding:10px 7px}.builder-structure nav button,.structure-label{text-align:left;color:#555b63;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:8px 9px;font-size:11px;display:flex}.builder-structure nav button.is-active{background:var(--brand-soft);color:var(--brand);font-weight:700}.structure-root{margin-bottom:7px}.structure-root>span:nth-child(2){flex-direction:column;display:flex}.structure-root small{color:#92969d;font-size:9px}.structure-label{color:#92969d;text-transform:uppercase;letter-spacing:.08em;margin-top:7px;font-size:9px;font-weight:700}.screen-index{border:1px solid #dddfe3;border-radius:4px;place-items:center;width:17px;height:17px;font-size:8px;display:grid}.builder-center{grid-template-rows:45px minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.builder-mode{background:#fff;border-bottom:1px solid #eff0f2;justify-content:space-between;align-items:center;padding:0 13px;display:flex}.builder-mode>div{gap:3px;display:flex}.builder-mode button{color:#777c83;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.builder-mode button.is-active{color:var(--ink);background:#f0f1f3;font-weight:700}.builder-mode>span{color:#969aa0;font-size:10px}.workflow-canvas{padding:36px clamp(22px,5vw,68px) 80px;overflow:auto}.canvas-intro{text-align:center;max-width:600px;margin:auto}.canvas-intro h2{letter-spacing:-.03em;margin:5px;font-size:22px}.canvas-intro>p:last-child{color:var(--ink-soft);font-size:11px}.workflow-track{flex-direction:column;align-items:center;margin-top:28px;display:flex}.workflow-node-wrap{flex-direction:column;align-items:center;display:flex}.workflow-node{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:9px;grid-template-columns:30px 1fr 20px;align-items:center;gap:12px;width:min(520px,70vw);padding:13px;display:grid;box-shadow:0 2px 6px #24262c08}.workflow-node:hover,.workflow-node.is-selected{border-color:#aaa2ec;box-shadow:0 0 0 2px #e8e5ff}.workflow-node>span{color:#686d74;background:#f1f1f4;border-radius:7px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:grid}.workflow-node strong{font-size:12px;display:block}.workflow-node small{color:var(--ink-faint);font-size:9px}.workflow-connector{color:#aaaeb4;flex-direction:column;align-items:center;height:38px;font-size:8px;display:flex}.workflow-connector i{background:#d3d6da;flex:1;width:1px;display:block}.add-step{color:#70757d;background:#fff;border:1px dashed #cfd2d7;border-radius:7px;align-items:center;gap:5px;margin:13px auto;padding:7px 11px;font-size:10px;display:flex}.inspector-content{padding:18px 15px}.inspector-content h2{margin:5px 0 18px;font-size:16px}.inspector-content label{color:#60656d;flex-direction:column;gap:6px;margin:15px 0;font-size:10px;font-weight:650;display:flex}.inspector-content input:not([type=checkbox]),.inspector-content textarea,.test-config input,.test-config textarea,.integration-manage select{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:7px;outline:none;padding:9px;font-size:11px}.toggle-row{justify-content:space-between;align-items:center;flex-direction:row!important}.toggle-row span{flex-direction:column;display:flex}.toggle-row small{color:#979ba1;font-weight:400}.inspector-note,.context-hint{background:var(--brand-soft);color:var(--brand);border-radius:8px;gap:9px;padding:11px;display:flex}.inspector-note p,.context-hint p{color:#5f5994;font-size:9px}.panel-reopen{z-index:10;border:1px solid var(--line);cursor:pointer;background:#fff;width:22px;height:32px;position:fixed;top:70px}.panel-reopen--left{left:240px}.panel-reopen--right{right:0}.builder-ai{min-height:0;overflow:hidden}.builder-ai .chat-panel{height:100%;color:var(--ink);background:#fafafa;border:0}.builder-ai .chat-header{border-color:var(--line);background:#fff;height:56px;padding:10px 18px}.builder-ai .chat-header-icon{background:var(--brand);color:#fff}.builder-ai .chat-header h2{color:var(--ink);font-size:13px}.builder-ai .chat-header-subtitle{color:var(--ink-faint)}.builder-ai .chat-bubble.assistant .chat-bubble-content{color:var(--ink);border:1px solid var(--line);background:#fff}.builder-ai .chat-bubble.user .chat-bubble-content{background:var(--brand);color:#fff}.builder-ai .chat-input-container{border-color:var(--line);background:#fff}.builder-ai .chat-input{color:var(--ink);border-color:var(--line);background:#fff}.builder-ai .chat-avatar{background:var(--brand-soft);font-size:0}.toast{z-index:80;color:#fff;background:#1f2125;border-radius:7px;padding:9px 14px;font-size:11px;position:fixed;top:70px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0003}.modal-backdrop{z-index:100;background:#17191c66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.readiness{background:#fff;border-radius:13px;width:min(430px,100%);padding:28px;position:relative;box-shadow:0 30px 80px #0004}.modal-close{cursor:pointer;background:0 0;border:0;position:absolute;top:15px;right:15px}.readiness-icon{background:var(--brand-soft);width:42px;height:42px;color:var(--brand);border-radius:10px;place-items:center;display:grid}.readiness h2{margin:14px 0 5px;font-size:20px}.readiness>p{color:var(--ink-soft);font-size:11px}.readiness ul{margin:19px 0;list-style:none}.readiness li{color:var(--success);border-top:1px solid #eee;align-items:center;gap:10px;padding:12px 0;display:flex}.readiness li>span{color:var(--ink);flex-direction:column;display:flex}.readiness li strong{font-size:11px}.readiness li small{color:var(--ink-faint);font-size:9px}.standalone-workspace{background:#eceef0;height:100dvh;overflow:hidden}.standalone-top{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;padding:0 16px;display:grid}.standalone-top>div{align-items:center;gap:14px;display:flex}.standalone-top>div:last-child{justify-content:flex-end}.standalone-top a,.standalone-top span{font-size:11px;font-weight:650}.standalone-top a{color:var(--ink-soft)}.device-toggle{background:#f1f2f3;border-radius:7px;padding:3px}.device-toggle button{cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 11px;font-size:10px}.device-toggle button.is-active{background:#fff;box-shadow:0 1px 3px #0002}.preview-stage{flex-direction:column;align-items:center;height:calc(100dvh - 58px);padding:36px;display:flex;overflow:auto}.preview-stage>p{color:#777c84;margin-top:13px;font-size:9px}.preview-device{background:#fff;transition:all .25s;overflow:hidden;box-shadow:0 25px 60px #20232925}.preview-device iframe{background:#fff;border:0;width:100%;height:100%}.preview-device--mobile{border:7px solid #1c1d21;border-radius:27px;width:390px;height:min(780px,100dvh - 125px)}.preview-device--desktop{border:1px solid #cfd2d6;border-radius:9px;width:min(1180px,100vw - 330px);height:calc(100dvh - 135px)}.test-layout{grid-template-columns:390px 1fr;height:calc(100dvh - 58px);display:grid}.test-config{border-right:1px solid var(--line);background:#fff;padding:32px;overflow:auto}.test-config h1{font-size:24px}.test-config>p:not(.eyebrow){font-size:11px}.test-config label{flex-direction:column;gap:6px;margin:18px 0;font-size:10px;font-weight:700;display:flex}.static-input{border:1px solid var(--line);border-radius:7px;padding:9px;font-size:11px}.instagram-dot{background:#c62d78;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.context-hint{margin:14px 0}.context-hint svg{flex:none}.test-preview{place-items:center;padding:25px;display:grid;overflow:auto}.test-empty{text-align:center;max-width:390px}.test-empty>span{width:45px;height:45px;color:var(--brand);background:#fff;border-radius:50%;place-items:center;margin:auto;display:grid}.test-empty h2{margin:13px 0 4px;font-size:17px}.test-empty p{color:var(--ink-soft);font-size:11px}.handoff-mini,.auth-flow{justify-content:center;align-items:center;gap:8px;margin-top:22px;display:flex}.handoff-mini b,.auth-flow span{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;font-size:9px}.handoff-mini i,.auth-flow i{background:#b6bac0;width:18px;height:1px}.section-heading{justify-content:flex-start;display:block}.integration-card{grid-template-columns:48px 1fr auto;align-items:start;gap:16px;padding:20px;display:grid}.integration-brand{border-radius:11px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.integration-brand--instagram{color:#b92069;background:#fff0f7}.integration-brand--messenger{color:#1664d9;background:#e8f0fe}.integration-main{justify-content:space-between;align-items:start;gap:20px;display:flex}.integration-main h3{font-size:14px}.integration-main p{color:var(--ink-soft);margin-top:4px;font-size:11px}.connected-badge{color:var(--success);background:#e7f6ee;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:750;display:flex}.connected-badge i{background:var(--success);border-radius:50%;width:5px;height:5px}.integration-actions,.integration-manage{grid-column:2/-1}.integration-actions{align-items:center;gap:12px;display:flex}.integration-actions small,.integration-manage>p{color:var(--ink-faint);font-size:9px}.integration-manage{border-top:1px solid #eee;padding-top:15px}.integration-manage label{justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.integration-manage select{width:260px}.integration-manage>p{margin:8px 0 12px}.integration-note{border:1px solid var(--line);background:#f0f1f3;border-radius:10px;gap:14px;margin-top:28px;padding:18px;display:flex}.integration-note>svg{color:#7d828a}.integration-note h3{font-size:12px}.integration-note p{color:var(--ink-soft);max-width:700px;margin-top:3px;font-size:10px}.integration-skeleton{width:100%;height:155px;display:block}.table-surface{overflow:auto}.table-surface table{border-collapse:collapse;width:100%;font-size:11px}.table-surface th{text-align:left;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;background:#fafafa;padding:12px 16px;font-size:9px}.table-surface td{border-top:1px solid #eff0f2;padding:13px 16px}.customer-cell{align-items:center;gap:9px;display:flex}.customer-cell i{background:var(--brand-soft);width:28px;height:28px;color:var(--brand);border-radius:50%;place-items:center;font-style:normal;font-weight:750;display:grid}.social-handle{color:#6e5665}.muted{color:var(--ink-faint)!important}.table-loading{text-align:center;color:var(--ink-faint);padding:50px;font-size:11px}.integration-remove{border-top:1px solid #eee;justify-content:space-between;align-items:center;gap:18px;margin-top:15px;padding-top:15px;display:flex}.integration-remove strong{font-size:11px}.integration-remove p{max-width:620px;color:var(--ink-soft);margin-top:3px;font-size:9px}.integration-remove .button--danger{flex:none}.inbox-page{background:#fff;grid-template-rows:72px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.inbox-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 22px;display:flex}.inbox-head h1{letter-spacing:-.03em;font-size:20px}.inbox-grid{grid-template-columns:280px minmax(360px,1fr) 280px;min-height:0;display:grid}.conversation-list{border-right:1px solid var(--line);padding:7px;overflow:auto}.conversation-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:10px;width:100%;padding:11px;display:flex;position:relative}.conversation-list button.is-active{background:#f1f0fa}.conversation-list button>span:nth-child(2){flex:1;min-width:0}.conversation-list strong{font-size:11px}.conversation-list p{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.conversation-list small,.conversation-list time{color:var(--ink-faint);font-size:8px}.conversation-thread{grid-template-rows:58px 1fr 75px;min-height:0;display:grid}.conversation-thread>header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:0 17px;display:flex}.conversation-thread>header div{flex-direction:column;display:flex}.conversation-thread>header strong{font-size:11px}.conversation-thread>header small{color:var(--ink-faint);font-size:8px}.message-thread{background:#fafafa;padding:20px;overflow:auto}.message-bubble{border-radius:10px;max-width:70%;margin:8px 0;padding:10px;font-size:10px}.message-bubble--customer{border:1px solid var(--line);background:#fff}.message-bubble--business{background:var(--brand);color:#fff;margin-left:auto}.message-bubble time{opacity:.6;margin-top:4px;font-size:7px;display:block}.thread-event{color:var(--ink-faint);justify-content:center;align-items:center;gap:7px;margin:30px;font-size:9px;display:flex}.conversation-thread>footer{border-top:1px solid var(--line);padding:10px 15px}.conversation-thread>footer>div{display:flex}.conversation-thread>footer input{border:1px solid var(--line);border-radius:7px 0 0 7px;flex:1;padding:8px;font-size:10px}.conversation-thread>footer button{color:#999;background:#ddd;border:0;border-radius:0 7px 7px 0;padding:0 14px;font-size:10px}.conversation-thread>footer small{color:var(--ink-faint);font-size:8px}.context-panel{border-left:1px solid var(--line);padding:20px;overflow:auto}.context-person{text-align:center}.customer-avatar--large{background:var(--brand);width:45px;height:45px;margin:auto;font-size:15px}.context-person h2{margin:9px 0 1px;font-size:13px}.context-person p{color:var(--ink-soft);font-size:9px}.context-panel dl{margin:20px 0}.context-panel dl div{border-top:1px solid #eee;padding:10px 0}.context-panel dt{text-transform:uppercase;color:var(--ink-faint);font-size:8px}.context-panel dd{margin-top:3px;font-size:10px;font-weight:650}.context-status{color:var(--warning)}.context-data h3{margin-bottom:7px;font-size:10px}.context-data p{border-top:1px solid #eee;justify-content:space-between;padding:8px 0;font-size:9px;display:flex}.context-data p span{text-transform:capitalize;color:var(--ink-faint)}.active-session{background:var(--brand-soft);border-radius:9px;gap:10px;margin-top:18px;padding:12px;display:flex}.active-session>span{color:var(--brand)}.active-session>div{flex-direction:column;display:flex}.active-session small{color:var(--brand);text-transform:uppercase;font-size:8px}.active-session strong{font-size:10px}.active-session p{color:#6c6791;font-size:8px}.secondary-surface{text-align:left;max-width:700px}.secondary-surface h2{margin:15px 0 5px;font-size:17px}.secondary-surface p{color:var(--ink-soft);margin-bottom:16px;font-size:11px}.auth-page{background:#f7f7f8;grid-template-columns:minmax(360px,.85fr) minmax(500px,1.15fr);min-height:100dvh;display:grid}.auth-aside{color:#fff;background:#171725;flex-direction:column;justify-content:space-between;padding:42px clamp(32px,5vw,72px);display:flex}.auth-aside h1{font-family:var(--font-space-grotesk);letter-spacing:-.055em;max-width:580px;margin:12px 0 18px;font-size:clamp(34px,4vw,54px);line-height:1.03}.auth-aside>div>p:last-child{color:#b7b7c5;max-width:560px;font-size:14px;line-height:1.7}.auth-flow{justify-content:flex-start}.auth-flow span{color:#d8d7ea;background:#242437;border-color:#39394f}.auth-flow i{background:#4d4a75}.auth-panel{place-items:center;padding:30px;display:grid}.auth-card{flex-direction:column;gap:17px;width:min(390px,100%);display:flex}.auth-card h2{font-family:var(--font-space-grotesk);letter-spacing:-.04em;margin:5px 0;font-size:28px}.auth-card>div>p:last-child{color:var(--ink-soft);font-size:12px}.auth-card label{flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.auth-card input{border:1px solid var(--line-strong);background:#fff;border-radius:8px;outline:none;height:42px;padding:0 11px;font-size:12px}.auth-card input:focus{border-color:#9990e2;box-shadow:0 0 0 3px #ebe9ff}.form-error,.form-success{border-radius:7px;padding:9px 11px;font-size:10px}.form-error{color:#9e3030;background:#fceaea}.form-success{color:#267654;background:#e9f6ef}.auth-links{color:var(--ink-soft);flex-direction:column;align-items:center;gap:8px;font-size:10px;display:flex}.auth-links a{color:var(--brand);font-weight:700}.product-loading{color:#767b82;background:var(--product-bg);place-content:center;justify-items:center;gap:10px;min-height:100dvh;font-size:11px;display:grid}.product-spinner{border:2px solid #ddd;border-top-color:var(--brand);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.product-mobile-menu,.product-nav-scrim,.product-sidebar-close{display:none}@media (max-width:1100px){.metric-grid,.app-card-grid{grid-template-columns:repeat(2,1fr)}.builder{grid-template-columns:190px minmax(420px,1fr) 240px}.inbox-grid{grid-template-columns:250px 1fr}.context-panel{display:none}.test-layout{grid-template-columns:340px 1fr}}@media (max-width:820px){.product-shell{padding-top:52px;display:block}.product-main{min-height:calc(100dvh - 52px)}.product-mobile-menu{z-index:25;border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:fixed;top:10px;left:12px}.product-sidebar{transition:all .2s;transform:translate(-100%)}.product-sidebar.is-open{transform:none}.product-sidebar-close{display:block;position:absolute;top:22px;right:13px}.product-nav-scrim{z-index:29;background:#0006;border:0;display:block;position:fixed;inset:0}.product-page{padding:28px 18px 60px}.overview-columns,.app-card-grid{grid-template-columns:1fr}.builder{grid-template-columns:0 minmax(0,1fr) 0;height:calc(100dvh - 52px)}.builder-structure,.builder-inspector,.builder-actions .button--quiet{display:none}.standalone-workspace{height:calc(100dvh - 52px)}.standalone-top{grid-template-columns:1fr 1fr}.standalone-top>.device-toggle{display:none}.test-layout{grid-template-columns:1fr;height:calc(100dvh - 110px)}.test-preview{display:none}.inbox-page{height:calc(100dvh - 52px)}.inbox-grid{grid-template-columns:230px 1fr}.auth-page{grid-template-columns:1fr}.auth-aside{display:none}}@media (max-width:560px){.page-header{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:15px}.skeleton-grid{grid-template-columns:1fr 1fr}.list-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.creation-page{padding:20px 15px}.creation-card{margin-top:4vh}.creation-card h1{font-size:31px}.prompt-box>div{flex-direction:column;align-items:flex-start;gap:10px}.prompt-box .button{width:100%}.integration-card{grid-template-columns:42px 1fr}.integration-main{display:block}.integration-main>.connected-badge,.integration-main>.status{margin-top:8px}.integration-manage{grid-column:1/-1}.integration-manage label{flex-direction:column;align-items:flex-start;gap:8px}.integration-manage select{width:100%}.integration-remove{flex-direction:column;align-items:stretch}.integration-remove .button--danger{width:100%}.inbox-grid{grid-template-columns:1fr}.conversation-thread{display:none}.standalone-top{padding:0 9px}.standalone-top .button{padding:7px}.preview-stage{padding:16px}.preview-device--mobile{width:min(390px,94vw);height:calc(100dvh - 145px)}.table-surface{border-radius:8px}.auth-panel{padding:22px}.metric-card strong{font-size:25px}}.product-shell--portfolio{padding-top:64px;display:block}.product-shell--portfolio .product-main{min-height:calc(100dvh - 64px)}.product-portfolio-bar{z-index:25;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(22px,4vw,56px);display:flex;position:fixed;inset:0 0 auto}.product-logo--dark{color:var(--ink)}.product-portfolio-profile{align-items:center;gap:11px;display:flex}.product-portfolio-profile>span:first-child{color:var(--ink-soft);font-size:11px}.product-portfolio-profile button{color:#777c83;cursor:pointer;background:0 0;border:0}.product-page--portfolio{max-width:1280px}.product-sidebar-head{padding-bottom:18px}.product-all-apps{color:#91949b;align-items:center;gap:8px;margin:0 7px 12px;padding:7px 5px;font-size:11px;display:flex}.product-all-apps:hover{color:#fff}.product-selected-app{background:#1d1e23;border:1px solid #303137;border-radius:8px;align-items:center;gap:9px;margin:0 4px 14px;padding:10px;display:flex}.product-selected-app>span:last-child{flex-direction:column;min-width:0;display:flex}.product-selected-app strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.product-selected-app small{color:#858890;text-transform:capitalize;font-size:8px}.page-header-actions{align-items:center;gap:8px;display:flex}.app-card--link{transition:transform .16s,border-color .16s,box-shadow .16s}.app-card--link:hover{border-color:#cbc7ef;transform:translateY(-2px);box-shadow:0 12px 30px #25273a10}.app-card-open{color:var(--ink-faint)}.app-card footer>span{color:var(--brand);font-size:11px;font-weight:700}.app-readiness{flex-direction:column;display:flex}.readiness-row{border-top:1px solid #eff0f1;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:11px 0;display:grid}.readiness-row>span{color:#898d93;background:#f0f1f2;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.readiness-row>span.is-ready{color:var(--success);background:#e7f6ee}.readiness-row strong{font-size:11px}.readiness-row small{color:var(--ink-faint);font-size:9px}.app-readiness-actions{gap:7px;margin-top:auto;padding-top:18px;display:flex}.app-integration-assignment{justify-content:space-between;align-items:center;gap:18px;display:flex}.app-integration-assignment strong{font-size:11px}.app-integration-assignment p{color:var(--ink-soft);margin-top:3px;font-size:9px}@media (max-width:820px){.product-shell--portfolio{padding-top:58px}.product-shell--portfolio .product-main{min-height:calc(100dvh - 58px)}.product-portfolio-bar{height:58px;padding:0 16px}.product-portfolio-profile>span:first-child{display:none}}@media (max-width:560px){.page-header-actions{width:100%}.page-header-actions .button{flex:1}.app-integration-assignment{flex-direction:column;align-items:flex-start}.app-integration-assignment .button{width:100%}}.builder-ai .chat-bubble.assistant .chat-bubble-content,.builder-ai .chat-bubble.user .chat-bubble-content{background:0 0;border:0}.builder-ai .chat-bubble.assistant .chat-bubble-text{color:var(--ink);border:1px solid var(--line);background:#fff;box-shadow:0 1px 2px #17191c0a}.builder-ai .chat-bubble.user .chat-bubble-text{background:var(--brand);color:#fff;border:0}.builder-ai .chat-avatar{background:var(--brand-soft);border:1px solid #e3e0ff;font-size:0}.builder-ai .chat-avatar svg{display:none}.builder-ai .chat-avatar:after{content:"AI";color:var(--brand);font-size:9px;font-weight:800}.builder-ai .chat-composer{border-color:var(--line-strong);background:#fff;box-shadow:0 1px 2px #17191c0a}.builder-ai .chat-composer:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.builder-ai .chat-input{color:var(--ink)}.builder-ai .chat-input::placeholder,.builder-ai .composer-hint{color:var(--ink-faint)}.builder-ai .composer-hint kbd{border-color:var(--line);background:var(--product-bg);color:var(--ink-soft)}.builder-ai .chat-send-btn{background:var(--brand);box-shadow:0 4px 12px #5b4bd847}.builder-ai .chat-send-btn:hover:not(:disabled){background:var(--brand-dark);box-shadow:0 6px 16px #5b4bd85c}.builder-ai .chat-stop-btn{border-color:var(--line-strong);color:var(--ink);background:#fff}.builder-ai .chat-stop-btn:hover{border-color:var(--danger);color:var(--danger)}.builder-ai .process-steps{background:#f7f6ff;border-color:#e3e0ff}.builder-ai .process-steps-header{color:var(--ink-soft)}.builder-ai .process-steps-header:hover{color:var(--ink)}.builder-ai .process-steps-latest{color:var(--ink-faint)}.builder-ai .process-spinner{color:var(--brand)}.builder-ai .process-done-icon{color:var(--success)}.builder-ai .process-chevron{color:var(--ink-faint)}.builder-ai .process-step{color:var(--ink-soft)}.builder-ai .process-step+.process-step{border-top-color:var(--line)}.builder-ai .process-step.status{color:var(--success)}.builder-ai .process-step.tool_call{color:var(--brand-dark)}.builder-ai .process-step-icon{border:1px solid var(--line);background:#fff}.builder-ai .stream-cursor{background:var(--brand)}.builder-ai .typing-indicator span{background:var(--ink-faint)}.builder-ai .copy-btn{border-color:var(--line-strong);color:var(--ink-soft);background:#fff}.builder-ai .copy-btn:hover{color:var(--ink);background:var(--product-bg)}.builder-ai .copy-btn.is-copied{color:var(--success);border-color:#cfe5d9}.builder-ai .choice-reply{border-color:var(--line-strong);color:var(--ink);background:#fff}.builder-ai .choice-reply:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft)}.builder-ai .choice-reply-key{background:var(--brand-soft);color:var(--brand)}.builder-ai .choice-custom-form{background:#f7f6ff;border-color:#e3e0ff}.builder-ai .choice-custom-form label{color:var(--ink-soft)}.builder-ai .choice-custom-form textarea{border-color:var(--line-strong);color:var(--ink);background:#fff}.builder-ai .choice-custom-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.builder-ai .choice-custom-submit{background:var(--brand);color:#fff}.builder-ai .scroll-bottom-btn{border-color:var(--line-strong);color:var(--ink-soft);background:#fff}.builder-ai .scroll-bottom-btn:hover{color:var(--ink);border-color:var(--brand)}.builder-ai .welcome-hero-icon{background:var(--brand);box-shadow:0 12px 28px #5b4bd840}.builder-ai .welcome-title{color:var(--ink)}.builder-ai .welcome-sub{color:var(--ink-soft)}.builder-ai .suggestion-chip{border-color:var(--line-strong);color:var(--ink);background:#fff}.builder-ai .suggestion-chip:hover{border-color:var(--brand);background:var(--brand-soft)}.builder-ai .md-code{background:var(--brand-soft);color:var(--brand-dark);border-color:#e3e0ff}.builder-ai .chat-bubble.user .md-code{color:#fff;background:#ffffff2e;border-color:#ffffff4d}.builder-ai .md-pre{border-color:var(--line);color:var(--ink);background:#f6f7f9}.builder-ai .md-pre-lang{color:var(--ink-faint)}.builder-ai .md-link{color:var(--brand-dark)}.builder-ai .chat-bubble.user .md-link{color:#fff}.builder-ai .chat-messages::-webkit-scrollbar-thumb{background:var(--line-strong)}.standalone-actions{justify-content:flex-end;gap:8px;display:flex}.simulate-panel{z-index:40;border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;width:370px;animation:.2s simulateIn;display:flex;position:fixed;top:70px;bottom:16px;right:16px;box-shadow:0 24px 60px #20232938}@keyframes simulateIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.simulate-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:16px 18px 13px;display:flex}.simulate-panel-head h2{font-family:var(--font-space-grotesk),sans-serif;margin-top:3px;font-size:19px}.panel-close{width:28px;height:28px;color:var(--ink-soft);cursor:pointer;background:#f1f2f3;border:0;border-radius:7px;place-items:center;display:grid}.panel-close:hover{color:var(--ink);background:#e6e8ea}.simulate-panel-body{padding:14px 18px 18px;overflow:auto}.simulate-intro{color:var(--ink-soft);margin-bottom:4px;font-size:11px}.simulate-panel-body label{flex-direction:column;gap:6px;margin:16px 0;font-size:10px;font-weight:700;display:flex}.simulate-panel-body input,.simulate-panel-body textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:7px;outline:none;padding:9px;font-size:11px}.simulate-panel-body input:focus,.simulate-panel-body textarea:focus{border-color:var(--brand)}@media (max-width:760px){.simulate-panel{width:auto;max-height:72dvh;top:auto;left:12px;right:12px}}.preview-layout{background:#eceef0;grid-template-columns:minmax(280px,320px) minmax(0,1fr);height:calc(100dvh - 58px);min-height:0;display:grid}.preview-users{border-right:1px solid var(--line);background:#fff;min-width:0;padding:30px 20px;overflow:auto}.preview-users-intro h1{font-family:var(--font-space-grotesk),sans-serif;letter-spacing:-.04em;margin:5px 0 7px;font-size:25px}.preview-users-intro>p:last-child{color:var(--ink-soft);font-size:11px;line-height:1.55}.mock-user-form{border:1px solid var(--line);background:#fafafa;border-radius:10px;margin-top:25px;padding:15px}.mock-user-form label{color:var(--ink);margin-bottom:7px;font-size:10px;font-weight:750;display:block}.mock-user-input-row{gap:7px;display:flex}.mock-user-input-row input{border:1px solid var(--line-strong);min-width:0;color:var(--ink);background:#fff;border-radius:7px;outline:none;flex:1;padding:9px;font-size:11px}.mock-user-input-row input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.mock-user-input-row .button{min-height:34px;padding:8px 10px}.mock-user-form>small{color:var(--ink-faint);margin-top:8px;font-size:9px;line-height:1.4;display:block}.mock-users-heading{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;align-items:center;margin:25px 2px 9px;font-size:10px;font-weight:750;display:flex}.mock-users-heading>span:last-child{min-width:20px;height:20px;color:var(--ink-faint);background:#f0f1f3;border-radius:999px;place-items:center;padding:0 5px;font-size:9px;display:grid}.mock-users-list{gap:5px;display:grid}.mock-users-empty{color:var(--ink-faint);padding:12px 4px;font-size:10px;line-height:1.5}.mock-user-row{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:9px 8px;display:flex}.mock-user-row:hover{background:#f7f7f8}.mock-user-row.is-selected{background:var(--brand-soft);border-color:#d8d3ff}.mock-user-avatar{width:29px;height:29px;color:var(--brand-dark);background:#e8e6f8;border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid}.mock-user-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mock-user-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mock-user-copy small{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-faint);font-size:9px;overflow:hidden}.mock-user-state{width:16px;color:var(--brand);text-align:center;font-size:12px;font-weight:800}.preview-error{margin-top:16px;font-size:10px}.preview-layout .preview-stage{justify-content:center;height:auto;min-height:0;padding:32px;overflow:auto}.preview-layout .preview-device{flex:none;max-width:100%;position:relative}.preview-layout .preview-device--mobile{width:min(390px,100%);height:min(780px,100dvh - 125px)}.preview-layout .preview-device--desktop{border:1px solid #cfd2d6;border-radius:9px;width:min(1180px,100%);height:min(780px,100dvh - 125px)}.preview-layout .preview-device iframe{transition:opacity .25s;display:block}.preview-empty-state{text-align:center;height:100%;color:var(--ink);background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.preview-empty-state>span{background:var(--brand-soft);width:44px;height:44px;color:var(--brand);border-radius:12px;place-items:center;display:grid}.preview-empty-state h2{margin:14px 0 5px;font-size:16px}.preview-empty-state p{max-width:270px;color:var(--ink-soft);font-size:11px;line-height:1.55}.preview-session-note{color:#777c84;text-align:center;max-width:620px;margin-top:13px;font-size:10px}@media (max-width:820px){.preview-layout{grid-template-rows:minmax(255px,auto) minmax(0,1fr);grid-template-columns:1fr;height:calc(100dvh - 110px);overflow:auto}.preview-users{border-right:0;border-bottom:1px solid var(--line);max-height:330px;padding:20px 16px}.preview-users-intro h1{font-size:22px}.mock-user-form,.mock-users-heading{margin-top:17px}.preview-layout .preview-stage{min-height:560px;padding:22px 16px 32px}}@media (max-width:560px){.preview-layout{grid-template-rows:minmax(280px,auto) minmax(0,1fr);height:calc(100dvh - 110px)}.preview-users{max-height:360px}.preview-layout .preview-device--mobile{width:min(390px,94vw);height:calc(100dvh - 145px)}.preview-layout .preview-device--desktop{height:calc(100dvh - 145px)}}.danger-zone{background:snow;border-color:#eccaca;justify-content:space-between;align-items:center;gap:28px;max-width:700px;margin-top:18px;display:flex;position:relative}.danger-zone h2{margin:5px 0;font-size:16px}.danger-zone>div>p:last-child{max-width:475px;color:var(--ink-soft);font-size:11px;line-height:1.55}.danger-zone .eyebrow{color:var(--danger)}.danger-zone-error{position:absolute;top:calc(100% + 8px);left:0}.button--danger{background:var(--danger);color:#fff;border-color:var(--danger);white-space:nowrap}.button--danger:hover:not(:disabled){background:#982f2f;border-color:#982f2f}.delete-modal-backdrop{z-index:110}.delete-modal{background:#fff;border-radius:13px;width:min(470px,100%);padding:28px;position:relative;box-shadow:0 30px 80px #0004}.delete-modal-icon{width:42px;height:42px;color:var(--danger);background:#fbe8e8;border-radius:10px;place-items:center;margin-bottom:14px;display:grid}.delete-modal h2{font-family:var(--font-space-grotesk),sans-serif;letter-spacing:-.03em;margin:5px 0 7px;font-size:21px}.delete-modal>p:not(.eyebrow):not(.form-error){color:var(--ink-soft);font-size:11px;line-height:1.55}.delete-modal label{color:var(--ink-soft);flex-direction:column;gap:7px;margin-top:20px;font-size:10px;display:flex}.delete-modal label strong{color:var(--ink)}.delete-modal input{border:1px solid var(--line-strong);width:100%;height:40px;color:var(--ink);border-radius:7px;outline:none;padding:0 10px;font-size:12px}.delete-modal input:focus{border-color:var(--danger);box-shadow:0 0 0 3px #fbe8e8}.delete-modal .form-error{margin-top:12px}.delete-modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}@media (max-width:560px){.danger-zone{flex-direction:column;align-items:stretch}.danger-zone .button--danger{width:100%}.delete-modal{padding:23px 20px}.delete-modal-actions{flex-direction:column-reverse}.delete-modal-actions .button{width:100%}}.workflow-node>span.workflow-node-copy{place-items:initial;width:auto;height:auto;color:inherit;font-size:inherit;background:0 0;border-radius:0;font-weight:400;display:block}.conversation-list .conversation-preview{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.agent-card{margin-bottom:16px;padding:20px}.agent-card .section-heading{margin-bottom:14px}.agent-toggle{cursor:pointer;align-items:center;gap:12px;display:flex}.agent-toggle input{width:18px;height:18px;accent-color:var(--brand)}.agent-toggle span{flex-direction:column;gap:2px;display:flex}.agent-toggle strong{font-size:12px}.agent-toggle small{color:var(--ink-soft);font-size:10px}.agent-field{flex-direction:column;gap:6px;margin:14px 0;font-size:11px;font-weight:700;display:flex}.agent-field>span{justify-content:space-between;align-items:center;display:flex}.agent-field small{color:var(--ink-faint);font-size:9px;font-weight:400}.agent-field input,.agent-field textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:7px;outline:none;padding:9px;font-family:inherit;font-size:12px;font-weight:400}.agent-field input:focus,.agent-field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.agent-preview{border:1px dashed var(--line-strong);background:#fafafa;border-radius:8px;margin-top:4px;padding:12px}.agent-preview small{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);font-size:9px;font-weight:700}.agent-preview p{margin-top:6px;font-size:12px;line-height:1.55}.agent-radios{flex-direction:column;gap:8px;margin:4px 0 6px;display:flex}.agent-radio{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.agent-radio.is-selected{border-color:var(--brand);background:var(--brand-soft)}.agent-radio input{accent-color:var(--brand);margin-top:2px}.agent-radio span{flex-direction:column;gap:2px;display:flex}.agent-radio strong{font-size:11px}.agent-radio small{color:var(--ink-soft);font-size:10px}.agent-hint{color:var(--ink-soft);margin-top:10px;font-size:10px}.agent-hint a{color:var(--brand);font-weight:700}