.welcome-screen{width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;background:#08031a}.hg-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:linear-gradient(160deg,#1a0a35,#08031a 40%,#060818)}.hg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 30% 50%,transparent 0%,rgba(8,3,26,.5) 100%),linear-gradient(to bottom,rgba(8,3,26,.2) 0%,transparent 20%,transparent 80%,rgba(8,3,26,.3) 100%);z-index:10;pointer-events:none}.hg-blob{position:absolute;border-radius:50%;filter:blur(60px);will-change:transform}.hg-b1{width:55%;height:150%;background:radial-gradient(circle,rgba(91,33,182,.9) 0%,rgba(76,29,149,.6) 35%,transparent 65%);top:-25%;left:-15%;opacity:1;animation:hgBlob1 12s ease-in-out infinite}.hg-b2{width:50%;height:140%;background:radial-gradient(circle,rgba(29,78,216,.85) 0%,rgba(30,64,175,.5) 35%,transparent 65%);top:-20%;right:-12%;opacity:1;animation:hgBlob2 14s ease-in-out infinite}.hg-b3{width:45%;height:130%;background:radial-gradient(circle,rgba(109,40,217,.8) 0%,rgba(91,33,182,.5) 35%,transparent 65%);top:15%;left:20%;opacity:1;animation:hgBlob3 16s ease-in-out infinite}.hg-b4{width:40%;height:120%;background:radial-gradient(circle,rgba(67,56,202,.75) 0%,rgba(55,48,163,.45) 35%,transparent 65%);top:-15%;right:25%;opacity:1;animation:hgBlob4 13s ease-in-out infinite}.hg-b5{width:42%;height:125%;background:radial-gradient(circle,rgba(124,58,237,.8) 0%,rgba(109,40,217,.5) 35%,transparent 65%);bottom:-35%;left:35%;opacity:1;animation:hgBlob5 15s ease-in-out infinite}@keyframes hgBlob1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(8%,10%) scale(1.05)}66%{transform:translate(3%,5%) scale(.98)}}@keyframes hgBlob2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10%,8%) scale(1.08)}}@keyframes hgBlob3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-5%,-8%) scale(1.1)}66%{transform:translate(8%,-3%) scale(.95)}}@keyframes hgBlob4{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6%,12%) scale(1.06)}}@keyframes hgBlob5{0%,to{transform:translate(0) scale(1)}33%{transform:translate(10%,-5%) scale(1.04)}66%{transform:translate(-5%,-10%) scale(1.08)}}.hg-pulse{position:absolute;border-radius:50%;filter:blur(30px);will-change:transform,opacity}.hg-p1{width:180px;height:180px;background:#8b5cf6;top:30%;left:15%;animation:hgPulse1 4s ease-in-out infinite}.hg-p2{width:150px;height:150px;background:#3b82f6;top:50%;right:20%;animation:hgPulse2 5s ease-in-out infinite}.hg-p3{width:200px;height:200px;background:#a78bfa;bottom:25%;left:55%;animation:hgPulse3 4.5s ease-in-out infinite}@keyframes hgPulse1{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:.85}}@keyframes hgPulse2{0%,to{transform:scale(1);opacity:.45}50%{transform:scale(1.6);opacity:.8}}@keyframes hgPulse3{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.4);opacity:.75}}.hg-spark{position:absolute;border-radius:50%;filter:blur(8px);will-change:transform,opacity}.hg-s1{width:50px;height:50px;background:#c084fc;top:20%;left:60%;animation:hgSpark1 3s ease-in-out infinite}.hg-s2{width:40px;height:40px;background:#38bdf8;top:65%;left:25%;animation:hgSpark2 2.5s ease-in-out infinite}.hg-s3{width:45px;height:45px;background:#818cf8;top:40%;right:35%;animation:hgSpark3 3.5s ease-in-out infinite}.hg-s4{width:35px;height:35px;background:#e879f9;bottom:30%;right:15%;animation:hgSpark4 2.8s ease-in-out infinite}@keyframes hgSpark1{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(15px,-20px) scale(1.5);opacity:1}}@keyframes hgSpark2{0%,to{transform:translate(0) scale(1);opacity:.55}50%{transform:translate(-20px,15px) scale(1.5);opacity:.95}}@keyframes hgSpark3{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(10px,25px) scale(1.4);opacity:.9}}@keyframes hgSpark4{0%,to{transform:translate(0) scale(1);opacity:.55}50%{transform:translate(-15px,-10px) scale(1.6);opacity:1}}@media (max-width: 768px){.hg-blob{filter:blur(70px)}.hg-pulse{filter:blur(35px)}.hg-p1,.hg-p2,.hg-p3{width:100px;height:100px}.hg-spark{filter:blur(10px)}.hg-s1,.hg-s2,.hg-s3,.hg-s4{width:30px;height:30px}}@media (prefers-reduced-motion: reduce){.hg-blob,.hg-pulse,.hg-spark{animation:none}}.welcome-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;width:100%;max-width:1120px;padding:var(--space-8) var(--space-8);position:relative;z-index:1;height:100%;max-height:100vh}.welcome-left{display:flex;flex-direction:column;gap:var(--space-7)}.welcome-logo{display:flex;align-items:center;gap:var(--space-3)}.welcome-logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--accent),var(--purple));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 0 28px #3b82f659;flex-shrink:0;animation:logo-pulse 3s ease-in-out infinite}@keyframes logo-pulse{0%,to{box-shadow:0 0 28px #3b82f659}50%{box-shadow:0 0 42px #3b82f68c,0 0 80px #a855f733}}.welcome-logo-icon span{font-family:var(--font-mono);font-weight:800;font-size:15px;color:#fff;letter-spacing:-.05em}.welcome-logo-text{display:flex;flex-direction:column;gap:1px}.welcome-logo-name{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.welcome-logo-sub{font-size:11px;color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;font-weight:500}.welcome-tag{display:inline-flex;align-items:center;gap:var(--space-2);font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-full);padding:4px 12px;width:fit-content;margin-bottom:var(--space-2)}.welcome-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.welcome-headline{display:flex;flex-direction:column;gap:var(--space-1)}.welcome-headline h1{font-size:clamp(2.4rem,3.8vw,3.6rem);font-weight:800;line-height:1.08;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:var(--space-4)}.gradient-text-accent{background:linear-gradient(135deg,#3b82f6,#a855f7,#ec4899,#f59e0b,#3b82f6);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 4s ease-in-out infinite;font-size:1.2em;display:inline-block;filter:drop-shadow(0 0 30px rgba(168,85,247,.4));position:relative}.gradient-text-accent:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3b82f6,#a855f7,#ec4899);border-radius:var(--radius-full);animation:gradient-shift 4s ease-in-out infinite;background-size:300% 300%;opacity:.6}.welcome-headline-cursor{display:inline-block;width:3px;height:.9em;background:var(--accent);margin-left:4px;vertical-align:baseline;animation:cursor-blink 1s step-end infinite;border-radius:2px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.welcome-subtitle{font-size:1rem;color:#b0bac8;line-height:1.7;max-width:440px}.welcome-agent-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.welcome-pill-wrapper{position:relative}.welcome-pill{display:inline-flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-top:1.5px solid var(--agent-color);border-radius:var(--radius-md);padding:6px 10px;font-size:12px;cursor:default;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}.welcome-pill:hover{box-shadow:0 0 20px color-mix(in srgb,var(--agent-color) 30%,transparent),0 4px 16px #0000004d;transform:translateY(-2px);border-color:color-mix(in srgb,var(--agent-color) 30%,transparent)}.welcome-pill-name{font-weight:700;color:var(--agent-color)}.welcome-pill-role{color:var(--text-tertiary);font-size:11px}.welcome-pill-hovercard{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:240px;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.08);border-top:2px solid var(--agent-color);border-radius:var(--radius-lg);padding:14px 16px;z-index:100;pointer-events:none;box-shadow:0 12px 40px #00000080,0 0 20px color-mix(in srgb,var(--agent-color) 15%,transparent)}.welcome-pill-hovercard:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--bg-elevated)}.welcome-hovercard-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.welcome-hovercard-emoji{font-size:20px}.welcome-hovercard-name{font-size:13px;font-weight:700;color:var(--agent-color)}.welcome-hovercard-role{font-size:11px;color:var(--text-tertiary)}.welcome-hovercard-desc{font-size:12px;color:var(--text-secondary);line-height:1.5}.welcome-hovercard-personality{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:var(--text-tertiary);font-style:italic;line-height:1.4}.welcome-features{display:flex;flex-direction:column;gap:var(--space-3)}.welcome-feature-row{display:flex;align-items:center;gap:var(--space-3);font-size:13px;color:#a0adb8}.welcome-feature-icon{color:#8b5cf6;flex-shrink:0}.welcome-cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.welcome-btn-start{font-size:15px;padding:13px 28px;position:relative;z-index:1;box-shadow:0 0 40px #3b82f64d,0 0 0 1px #3b82f626}.welcome-btn-glow-wrap{position:relative;display:inline-flex;border-radius:var(--radius-lg)}.welcome-btn-glow-wrap:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(var(--glow-angle, 0deg),#3b82f6,#a855f7,#ec4899,#3b82f6);animation:glow-border-rotate 3s linear infinite;z-index:0;opacity:.7;filter:blur(3px)}.welcome-btn-glow-wrap:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(var(--glow-angle, 0deg),#3b82f6,#a855f7,#ec4899,#3b82f6);animation:glow-border-rotate 3s linear infinite;z-index:0}@keyframes glow-border-rotate{0%{--glow-angle: 0deg}to{--glow-angle: 360deg}}@property --glow-angle{syntax: ""; initial-value: 0deg; inherits: false;}.welcome-cta-note{font-size:12px;color:#7a8a9a}.welcome-right{display:flex;flex-direction:column;gap:var(--space-4);height:100%;max-height:580px;justify-content:center}.welcome-mock-feed{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0;box-shadow:0 24px 60px #0006,0 0 0 1px #ffffff0a,0 0 80px #3b82f60f;position:relative}.welcome-mock-feed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:2;border-radius:inherit}.welcome-mock-topbar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:var(--border-subtle);background:var(--bg-elevated);flex-shrink:0}.welcome-mock-dot{width:10px;height:10px;border-radius:50%;opacity:.7}.welcome-mock-title{font-size:11px;font-weight:600;color:var(--text-tertiary);margin-left:6px;text-transform:uppercase;letter-spacing:.08em}.welcome-mock-status{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:10px;color:var(--success);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.welcome-mock-status-dot{width:5px;height:5px;border-radius:50%;background:var(--success);animation:pulse-dot 1.5s ease-in-out infinite}.welcome-mock-messages{flex:1;overflow:hidden;padding:var(--space-3) var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.welcome-mock-msg{display:flex;align-items:flex-start;gap:10px;background:var(--bg-elevated);border:var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;position:relative;overflow:hidden}.welcome-mock-msg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);animation:msg-shimmer 2s ease-out forwards;pointer-events:none}@keyframes msg-shimmer{0%{transform:translate(-100%)}60%{transform:translate(100%)}to{transform:translate(100%);opacity:0}}.welcome-mock-msg--file{border-color:#22c55e26;background:#22c55e0a}.welcome-mock-msg--thinking{border-color:#3b82f61f;background:#3b82f60a;border-style:dashed}.welcome-mock-emoji{font-size:16px;line-height:1;flex-shrink:0;margin-top:1px}.welcome-mock-body{display:flex;flex-direction:column;gap:3px;min-width:0}.welcome-mock-agent{font-size:11px;font-weight:700}.welcome-mock-badge{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#22c55e;background:#22c55e1f;border-radius:var(--radius-full);padding:1px 6px;width:fit-content}.welcome-mock-badge--think{color:var(--accent);background:var(--accent-dim)}.welcome-mock-text{font-size:12px;color:var(--text-secondary);line-height:1.4}.welcome-mock-code{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);background:#0000004d;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm);padding:8px 10px;margin-top:4px;white-space:pre;overflow:hidden;line-height:1.5}.welcome-mock-code .code-keyword{color:#c084fc}.welcome-mock-code .code-string{color:#86efac}.welcome-mock-code .code-tag{color:#ef4444}.welcome-mock-code .code-attr{color:#93c5fd}.welcome-mock-code .code-comment{color:#475569;font-style:italic}.welcome-mock-code .code-punct{color:#64748b}.welcome-mock-cursor{display:flex;gap:4px;align-items:center;padding:4px 12px}.welcome-mock-cursor span{width:5px;height:5px;border-radius:50%;background:var(--text-tertiary);animation:bounce-dot 1.2s ease-in-out infinite}.welcome-mock-cursor span:nth-child(2){animation-delay:.2s}.welcome-mock-cursor span:nth-child(3){animation-delay:.4s}@keyframes bounce-dot{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.welcome-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.welcome-stat{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;transition:border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.welcome-stat:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s ease}.welcome-stat:hover:before{opacity:1}.welcome-stat:hover{border-color:#3b82f626;box-shadow:0 4px 20px #0003,0 0 20px #3b82f60f}.welcome-stat-val{font-size:1.6rem;font-weight:800;letter-spacing:-.04em;color:var(--text-primary);font-family:var(--font-mono);background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.welcome-stat-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}@media (max-width: 900px){.welcome-screen{overflow-y:auto;height:auto;min-height:100vh;align-items:flex-start}.welcome-layout{grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-6) var(--space-5);height:auto;max-height:none}.welcome-right{max-height:400px}.welcome-cta{align-items:center}.welcome-left{align-items:center;text-align:center}.welcome-headline h1{font-size:clamp(2rem,7vw,2.8rem)}.welcome-subtitle{max-width:100%}.welcome-tag{margin:0 auto var(--space-2)}.welcome-agent-pills{justify-content:center}.welcome-features{align-items:center}.welcome-feature-row{justify-content:center}.welcome-pill-hovercard{display:none!important}}@media (max-width: 480px){.welcome-layout{padding:var(--space-5) var(--space-4);gap:var(--space-6)}.welcome-headline h1{font-size:2rem}.welcome-right{max-height:340px}.welcome-stats{gap:var(--space-2)}.welcome-stat-val{font-size:1.3rem}}.brief-screen{width:100%;height:100vh;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow-y:auto;padding:var(--space-12) var(--space-6);-webkit-overflow-scrolling:touch}.brief-orb--accent{position:fixed;width:500px;height:500px;background:var(--accent);border-radius:50%;filter:blur(100px);opacity:.07;top:-150px;right:-100px;pointer-events:none}.brief-container{width:100%;max-width:680px;display:flex;flex-direction:column;gap:var(--space-6)}.brief-header{display:flex;align-items:center;justify-content:space-between}.brief-step{font-size:12px;color:var(--text-tertiary);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.brief-title h2{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-2)}.brief-title p{font-size:14px;color:var(--text-secondary)}.brief-input-wrap{position:relative}.brief-textarea{font-size:15px;line-height:1.7;min-height:160px;padding:var(--space-5);border-radius:var(--radius-lg);transition:border-color .2s,box-shadow .2s}.brief-textarea:focus{border-color:#3b82f666;box-shadow:0 0 0 3px #3b82f614}.brief-char-count{position:absolute;bottom:var(--space-3);right:var(--space-3);font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono);pointer-events:none}.brief-examples{display:flex;flex-direction:column;gap:var(--space-3)}.brief-examples-label{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.brief-examples-list{display:flex;flex-direction:column;gap:var(--space-2)}.brief-example-btn{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;font-size:13px;color:var(--text-secondary);line-height:1.5;display:flex;align-items:flex-start;gap:var(--space-2);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.brief-example-btn svg{color:var(--accent);flex-shrink:0;margin-top:2px}.brief-example-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#3b82f633}.brief-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brief-hint{font-size:12px;color:var(--text-tertiary);flex:1}.brief-submit{flex-shrink:0;font-size:15px;padding:12px 24px}@media (max-width: 768px){.brief-screen{padding:var(--space-8) var(--space-4)}.brief-container{gap:var(--space-5)}.brief-footer{flex-direction:column;gap:var(--space-3)}.brief-submit{width:100%;justify-content:center}.brief-title h2{font-size:1.4rem}}.agent-avatar-wrap{display:inline-flex;align-items:center;gap:8px}.agent-avatar-wrap--labeled{gap:10px}.agent-avatar{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color) 15%,var(--bg-elevated));border:2px solid color-mix(in srgb,var(--color) 40%,transparent);flex-shrink:0}.agent-avatar--sm{width:28px;height:28px}.agent-avatar--md{width:36px;height:36px}.agent-avatar--lg{width:48px;height:48px}.agent-avatar--xl{width:64px;height:64px}.agent-avatar--sm .agent-avatar-emoji{font-size:14px}.agent-avatar--md .agent-avatar-emoji{font-size:18px}.agent-avatar--lg .agent-avatar-emoji{font-size:24px}.agent-avatar--xl .agent-avatar-emoji{font-size:32px}.agent-avatar-emoji{line-height:1}.agent-avatar-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--color);opacity:0;animation:avatarPulse 2s ease infinite}@keyframes avatarPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}.agent-avatar-labels{display:flex;flex-direction:column;gap:1px}.agent-avatar-name{font-size:13px;font-weight:700;line-height:1}.agent-avatar-role{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600;line-height:1}.config-screen{width:100%;height:100vh;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;position:relative;padding:var(--space-12) var(--space-6);-webkit-overflow-scrolling:touch}.config-orb--purple{position:fixed;width:500px;height:500px;background:var(--purple);border-radius:50%;filter:blur(100px);opacity:.07;top:-100px;left:-100px;pointer-events:none}.config-container{width:100%;max-width:680px;display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:var(--space-12)}.config-header{display:flex;align-items:center;justify-content:space-between}.config-step{font-size:12px;color:var(--text-tertiary);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.config-title h2{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-2)}.config-title p{font-size:14px;color:var(--text-secondary)}.config-brief-preview{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.config-brief-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:var(--space-2)}.config-brief-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.config-sections{display:flex;flex-direction:column;gap:var(--space-5)}.config-section{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.config-section-header{display:flex;align-items:center;gap:var(--space-2);font-size:12px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.config-section-header svg{color:var(--accent)}.config-site-types{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.config-type-btn{background:var(--bg-elevated);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:13px;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast)}.config-type-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.config-type-btn.active{background:var(--accent-dim);border-color:#3b82f64d;color:var(--accent)}.config-presets{display:flex;gap:var(--space-2);flex-wrap:wrap}.config-preset-btn{background:var(--bg-elevated);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);min-width:100px}.config-preset-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.config-preset-btn.active{border-color:#3b82f64d;color:var(--text-primary)}.config-preset-colors{display:flex;gap:3px;border-radius:var(--radius-sm);overflow:hidden}.config-preset-swatch{width:20px;height:20px}.config-sliders{display:flex;flex-direction:column;gap:var(--space-5)}.config-slider-wrap{display:flex;flex-direction:column;gap:var(--space-2)}.config-slider-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--text-primary)}.config-slider-val{font-family:var(--font-mono);font-size:12px;color:var(--accent)}.config-slider-desc{font-size:12px;color:var(--text-secondary)}.config-range{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#ffffff14;border-radius:var(--radius-full);outline:none;cursor:pointer}.config-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);cursor:pointer;transition:box-shadow var(--transition-fast)}.config-range::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--accent-dim)}.config-slider-hints{display:flex;justify-content:space-between;font-size:11px;color:var(--text-tertiary)}.config-quality-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.config-quality-btn{background:var(--bg-elevated);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;text-align:center;transition:all var(--transition-fast)}.config-quality-btn:hover{background:var(--bg-hover)}.config-quality-btn.active{background:var(--accent-dim);border-color:#3b82f64d}.config-quality-btn.active .config-quality-label{color:var(--accent)}.config-quality-label{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:3px}.config-quality-desc{font-size:11px;color:var(--text-secondary)}.config-toggles{display:flex;flex-direction:column;gap:var(--space-3)}.config-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);cursor:pointer}.config-toggle-info{display:flex;flex-direction:column;gap:2px}.config-toggle-label{font-size:13px;font-weight:600;color:var(--text-primary)}.config-toggle-desc{font-size:12px;color:var(--text-secondary)}.config-toggle-switch{width:40px;height:22px;border-radius:var(--radius-full);background:#ffffff1a;position:relative;cursor:pointer;transition:background var(--transition-fast);flex-shrink:0}.config-toggle-switch.on{background:var(--accent)}.config-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--transition-fast);box-shadow:0 1px 4px #0000004d}.config-toggle-switch.on .config-toggle-thumb{transform:translate(18px)}.config-submit{width:100%;font-size:15px;padding:14px 24px;justify-content:center}.config-ai-badge{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--accent);background:var(--accent-dim);border-radius:var(--radius-full);padding:2px 6px;text-transform:uppercase;margin-left:auto;flex-shrink:0}.config-ai-tag{margin-left:auto;font-size:10px;font-weight:600;color:var(--accent);background:var(--accent-dim);border-radius:var(--radius-full);padding:2px 8px;text-transform:none;letter-spacing:0}.config-type-btn.suggested,.config-preset-btn.suggested,.config-quality-btn.suggested{border-color:#3b82f633}.config-section--ai{border-color:#3b82f626;background:#3b82f608}.config-section--ai .config-section-header svg{color:var(--accent)}.config-title-sparkle{display:inline;vertical-align:middle;color:var(--accent);margin-right:4px}.config-custom-questions{display:flex;flex-direction:column;gap:var(--space-5)}.config-custom-question{display:flex;flex-direction:column;gap:var(--space-2)}.config-custom-question-header{display:flex;align-items:center;gap:var(--space-2);font-size:13px;font-weight:700;color:var(--text-primary)}.config-custom-question-header svg{color:var(--accent);flex-shrink:0}.config-custom-question-desc{font-size:12px;color:var(--text-tertiary);padding-left:21px}.config-custom-opts{display:flex;flex-direction:column;gap:var(--space-2)}.config-custom-opt{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-elevated);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.config-custom-opt:hover{background:var(--bg-hover)}.config-custom-opt.active{background:var(--accent-dim);border-color:#3b82f64d}.config-custom-opt-emoji{font-size:18px;line-height:1;flex-shrink:0}.config-custom-opt-info{display:flex;flex-direction:column;gap:2px}.config-custom-opt-label{font-size:13px;font-weight:600;color:var(--text-primary)}.config-custom-opt.active .config-custom-opt-label{color:var(--accent)}.config-custom-opt-desc{font-size:11px;color:var(--text-secondary)}.brief-analyzing{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.brief-analyzing-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.brief-analyzing-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(59,130,246,.15);border-top-color:var(--accent);animation:spin .9s linear infinite}.brief-analyzing-text{font-size:16px;font-weight:700;color:var(--text-primary)}.brief-analyzing-sub{font-size:13px;color:var(--text-tertiary);max-width:260px;line-height:1.5}@media (max-width: 768px){.config-screen{padding:var(--space-8) var(--space-4)}.config-site-types{grid-template-columns:repeat(2,1fr)}.config-quality-opts{grid-template-columns:1fr}.config-presets{flex-direction:column}.config-preset-btn{flex-direction:row;min-width:auto}.config-title h2{font-size:1.4rem}.config-container{padding-bottom:var(--space-16)}}.agent-msg{background:var(--bg-card);border:var(--border-subtle);border-left:3px solid var(--agent-color);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);transition:background var(--transition-fast)}.agent-msg:hover{background:var(--bg-hover)}.agent-msg--thinking{background:color-mix(in srgb,var(--agent-color) 5%,var(--bg-card));border-style:dashed;opacity:.9}.agent-msg--conflict{border-color:var(--warning);background:var(--warning-dim)}.agent-msg-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.agent-msg-name{font-size:13px;font-weight:700}.agent-msg-to{color:var(--text-tertiary);font-size:12px}.agent-msg-target{font-size:13px;font-weight:600}.agent-msg-type-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#ffffff0f;color:var(--text-tertiary);margin-left:auto}.agent-msg-type--file_created{background:var(--success-dim);color:var(--success)}.agent-msg-type--file_modified{background:var(--accent-dim);color:var(--accent)}.agent-msg-type--file_deleted{background:var(--error-dim);color:var(--error)}.agent-msg-type--agent_conflict{background:var(--warning-dim);color:var(--warning)}.agent-msg-type--bug_report{background:var(--error-dim);color:var(--error)}.agent-msg-type--review_comment{background:var(--purple-dim);color:var(--purple)}.agent-msg-type--build_complete{background:var(--success-dim);color:var(--success)}.agent-msg-time{font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono)}.agent-msg-thinking{display:flex;align-items:flex-start;gap:var(--space-3)}.agent-msg-thinking-dots{padding-top:3px;flex-shrink:0}.agent-msg-bubble{background:color-mix(in srgb,var(--agent-color) 8%,var(--bg-elevated));border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.agent-msg-text{font-size:13px;color:var(--text-primary);line-height:1.6;margin:0}.agent-msg-file-op{display:flex;flex-direction:column;gap:var(--space-2)}.agent-msg-file-path{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--text-secondary)}.agent-msg-file-op--file_created .agent-msg-file-path{color:var(--success)}.agent-msg-file-op--file_modified .agent-msg-file-path{color:var(--accent)}.agent-msg-file-op--file_deleted .agent-msg-file-path{color:var(--error)}.agent-msg-file-path code{font-family:var(--font-mono);font-size:12px}.agent-msg-reason{font-size:12px;color:var(--text-secondary);margin:0;font-style:italic}.agent-msg-file-preview{margin-top:var(--space-1)}.agent-msg-file-preview .code-block{font-size:11px;padding:var(--space-3);max-height:140px;overflow:auto}.agent-msg-conflict-about{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--warning);font-weight:600}.agent-msg-bug{border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.agent-msg-bug--high{background:var(--error-dim)}.agent-msg-bug--medium{background:var(--warning-dim)}.agent-msg-bug--low{background:#ffffff0a}.agent-msg-bug-header{display:flex;align-items:center;gap:var(--space-2);color:var(--error)}.agent-msg-bug--medium .agent-msg-bug-header{color:var(--warning)}.agent-msg-bug-severity{font-size:10px;font-weight:800;letter-spacing:.08em}.agent-msg-review{display:flex;flex-direction:column;gap:var(--space-2)}.agent-msg-review-file{font-size:11px;color:var(--purple);font-family:var(--font-mono);background:var(--purple-dim);padding:2px 6px;border-radius:var(--radius-sm);display:inline-block}.agent-msg-complete{display:flex;align-items:center;gap:var(--space-3);color:var(--success)}.agent-msg-phase{display:flex;align-items:center;gap:var(--space-3);font-size:13px;font-weight:700;font-family:var(--font-mono)}.agent-msg-phase-from{color:var(--text-tertiary)}.agent-msg-phase-to{color:var(--accent)}.conflict-resolver{background:color-mix(in srgb,var(--warning) 8%,var(--bg-card));border:1px solid rgba(234,179,8,.25);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.conflict-header{display:flex;align-items:center;gap:var(--space-2);font-size:12px;font-weight:800;color:var(--warning);text-transform:uppercase;letter-spacing:.06em}.conflict-about{font-size:13px;color:var(--text-primary);line-height:1.5;margin:0}.conflict-options{display:flex;gap:var(--space-3);align-items:stretch}.conflict-vs{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--text-tertiary);flex-shrink:0}.conflict-option{flex:1;background:var(--bg-elevated);border:1px solid color-mix(in srgb,var(--color) 20%,transparent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.conflict-option-header{display:flex;flex-direction:column;gap:2px}.conflict-option-agent{font-size:13px;font-weight:700}.conflict-option-role{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.conflict-option-proposal{font-size:12px;color:var(--text-secondary);line-height:1.5;margin:0;flex:1}.conflict-vote-btn{align-self:flex-start;border:1px solid}.conflict-custom,.conflict-custom-input{display:flex;flex-direction:column;gap:var(--space-2)}.conflict-custom-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.agent-feed{display:flex;flex-direction:column;height:100%;overflow:hidden}.agent-feed-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:var(--border-subtle);flex-shrink:0}.agent-feed-title{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.agent-feed-phase{display:flex;align-items:center;gap:var(--space-2);font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.agent-feed-phase-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s ease infinite}.agent-feed-scroll{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.agent-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12);color:var(--text-tertiary)}.agent-feed-empty p{font-size:13px;color:var(--text-tertiary)}.phase-marker{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.phase-marker-line{flex:1;height:1px;background:#ffffff0f}.phase-marker-content{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-elevated);border:var(--border-subtle);border-radius:var(--radius-full);padding:4px 12px;font-size:11px;font-weight:700;font-family:var(--font-mono);white-space:nowrap}.phase-marker-from,.phase-marker-arrow{color:var(--text-tertiary)}.phase-marker-to{color:var(--accent)}.file-tree{display:flex;flex-direction:column;height:100%;overflow:hidden}.file-tree-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:var(--border-subtle);flex-shrink:0;font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.file-tree-count{background:#ffffff14;color:var(--text-tertiary);border-radius:var(--radius-full);padding:1px 7px;font-size:11px;font-weight:600}.file-tree-scroll{flex:1;overflow-y:auto;padding:var(--space-2) 0}.file-tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8);color:var(--text-tertiary);font-size:12px}.file-tree-item{width:100%;background:none;border:none;display:flex;align-items:center;gap:var(--space-2);padding:5px 12px;cursor:pointer;font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);text-align:left;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap;overflow:hidden}.file-tree-item:hover{background:var(--bg-card);color:var(--text-primary)}.file-tree-file{position:relative}.file-tree-file.active{background:var(--accent-dim);color:var(--accent)}.file-tree-file.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.file-tree-file--new{animation:fileNewPop .5s var(--transition-bounce)}@keyframes fileNewPop{0%{background:#22c55e33}to{background:transparent}}.file-tree-file-icon{font-size:13px;flex-shrink:0}.file-tree-file-name{flex:1;overflow:hidden;text-overflow:ellipsis}.file-tree-file-agent{font-size:12px;flex-shrink:0;border-radius:var(--radius-full);width:18px;height:18px;display:flex;align-items:center;justify-content:center}.file-tree-dir-btn{color:var(--text-primary)}.file-tree-dir-chevron{display:flex;align-items:center;color:var(--text-tertiary);flex-shrink:0}.file-tree-dir-icon{color:var(--warning);opacity:.7;flex-shrink:0}.file-tree-dir-name{font-weight:600;flex:1}.live-preview{display:flex;flex-direction:column;height:100%;overflow:hidden}.live-preview-header{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:var(--border-subtle);flex-shrink:0;gap:var(--space-2)}.live-preview-viewports{display:flex;gap:var(--space-1);flex-shrink:0}.live-preview-actions{display:flex;gap:var(--space-1);flex-shrink:0;margin-left:auto}.live-preview-vp-label{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);background:var(--bg-elevated);border:var(--border-subtle);border-radius:var(--radius-full);padding:2px 8px;white-space:nowrap;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;min-width:0}.live-preview-vp-label--code{color:var(--accent);background:var(--accent-dim);border-color:#3b82f633}.live-preview-vp-btn{width:30px;height:30px;border-radius:var(--radius-sm);border:var(--border-subtle);background:var(--bg-elevated);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.live-preview-vp-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.live-preview-vp-btn.active{background:var(--accent-dim);color:var(--accent);border-color:#3b82f64d}.live-preview-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.live-preview-code{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.live-preview-code-path{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:12px;color:var(--accent);padding:var(--space-2) var(--space-3);background:var(--accent-dim);border-radius:var(--radius-sm);flex-shrink:0}.live-preview-code-lines{margin-left:auto;font-size:11px;color:var(--text-tertiary)}.live-preview-code-block{flex:1;background:var(--bg-primary);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);overflow:auto;line-height:1.7;margin:0;white-space:pre;-moz-tab-size:2;tab-size:2;counter-reset:line}.live-preview-no-file{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-tertiary);padding:var(--space-8);text-align:center}.live-preview-no-file p{font-size:13px;color:var(--text-tertiary)}.live-preview-iframe-wrap{flex:1;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;background:#0000004d;padding:var(--space-3)}.live-preview-iframe-wrap:has(.viewport-desktop){justify-content:flex-start}.live-preview-iframe-container{height:100%;transition:width .35s cubic-bezier(.4,0,.2,1);position:relative}.live-preview-iframe-container.viewport-desktop{flex-shrink:0;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.live-preview-iframe-container.viewport-tablet{border-radius:16px;border:8px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #ffffff0d,0 24px 60px #00000080;overflow:hidden;height:calc(100% - 16px)}.live-preview-iframe-container.viewport-mobile{border-radius:32px;border:10px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px #ffffff0f,0 32px 80px #0009;overflow:hidden;height:calc(100% - 20px)}.live-preview-iframe{width:100%;height:100%;border:none;background:#fff;display:block}.viewport-desktop .live-preview-iframe{border-radius:0}.live-preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-8);text-align:center}.live-preview-placeholder p{font-size:12px;color:var(--text-tertiary)}.live-preview-placeholder-grid{width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--space-3);opacity:.4}.pp-nav,.pp-hero,.pp-section,.pp-card{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% center;animation:shimmer 2s infinite}.pp-nav{height:32px}.pp-hero{height:100px}.pp-section{display:flex;gap:var(--space-3);background:none;animation:none}.pp-card{height:60px;flex:1}.build-progress{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:var(--border-subtle)}.build-progress-bar{display:flex;align-items:center;gap:var(--space-3)}.build-progress-bar .progress-bar{flex:1}.build-progress-pct{font-size:11px;font-weight:700;font-family:var(--font-mono);color:var(--accent);min-width:32px;text-align:right}.build-progress-phases{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none}.build-progress-phases::-webkit-scrollbar{display:none}.build-progress-phase{display:flex;align-items:center;gap:var(--space-1);position:relative;flex-shrink:0}.build-progress-phase:not(:last-child):after{content:"";width:16px;height:1px;background:#ffffff1a;display:block;margin:0 2px}.build-progress-phase.done:after{background:var(--accent);opacity:.5}.build-progress-phase-dot{width:6px;height:6px;border-radius:50%;background:#ffffff26;flex-shrink:0}.build-progress-phase.done .build-progress-phase-dot{background:var(--accent);opacity:.7}.build-progress-phase.active .build-progress-phase-dot{background:var(--accent);box-shadow:0 0 6px var(--accent);animation:pulse 1.5s ease infinite}.build-progress-phase-label{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.build-progress-phase.done .build-progress-phase-label{color:var(--accent);opacity:.8}.build-progress-phase.active .build-progress-phase-label{color:var(--accent)}.build-screen{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-secondary)}.build-topbar{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);height:54px;border-bottom:var(--border-subtle);background:var(--bg-elevated);flex-shrink:0}.build-topbar-left{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.build-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--accent),var(--purple));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:800;font-size:11px;color:#fff;flex-shrink:0;letter-spacing:-.05em}.build-brief-summary{display:flex;align-items:center;gap:var(--space-3);min-width:0}.build-brief-text{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.build-conn-indicator{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.build-conn-indicator.connected{background:var(--success-dim);color:var(--success)}.build-conn-indicator.connecting{background:var(--warning-dim);color:var(--warning)}.build-conn-indicator.disconnected,.build-conn-indicator.error{background:var(--error-dim);color:var(--error)}.build-topbar-center{flex:2;max-width:600px}.build-topbar-right{display:flex;align-items:center;gap:var(--space-2);flex:1;justify-content:flex-end}.build-mobile-tabs{display:none;gap:0;border-bottom:var(--border-subtle);flex-shrink:0}.build-mobile-tab{flex:1;background:none;border:none;padding:var(--space-3);font-size:13px;font-weight:600;color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);font-family:var(--font-main);text-transform:capitalize}.build-mobile-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.build-main{display:grid;grid-template-columns:200px 1fr 340px;flex:1;overflow:hidden;position:relative}.build-panel{border-right:var(--border-subtle);overflow:hidden;display:flex;flex-direction:column}.build-panel--files{background:var(--bg-primary)}.build-panel--feed{background:var(--bg-secondary)}.build-panel--preview{background:var(--bg-primary);border-right:none}.build-feedback{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:var(--border-subtle);flex-shrink:0;background:var(--bg-elevated)}.build-feedback-input{flex:1;font-size:13px;padding:8px 12px}.build-activity-log{position:absolute;bottom:12px;left:208px;width:340px;display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:30}.build-activity-log-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);padding-left:6px;margin-bottom:2px}.build-activity-chip{display:flex;align-items:center;gap:6px;background:#0a0a0fd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-full);padding:4px 10px 4px 8px;font-size:11px;min-width:0;overflow:hidden}.build-activity-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.build-activity-agent{font-weight:700;font-size:11px;white-space:nowrap;flex-shrink:0}.build-activity-text{color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.build-error-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.build-error-card{background:var(--bg-elevated);border:1px solid var(--error-dim);border-radius:var(--radius-lg);padding:var(--space-8);max-width:420px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.build-error-icon{color:var(--error)}.build-error-card h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.build-error-message{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.build-error-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.build-conn-indicator.failed{background:var(--error-dim);color:var(--error)}@media (max-width: 1024px){.build-main{grid-template-columns:180px 1fr 280px}}@media (max-width: 768px){.build-mobile-tabs{display:flex}.build-main{display:block;position:relative}.build-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:none;border-right:none}.build-panel.mobile-active{display:flex;overflow-y:auto;-webkit-overflow-scrolling:touch}.build-topbar-center{display:none}.build-brief-text{max-width:140px}}.review-screen{width:100%;height:100vh;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;position:relative;padding:var(--space-12) var(--space-6);-webkit-overflow-scrolling:touch}.review-orb{position:fixed;width:600px;height:600px;background:var(--success);border-radius:50%;filter:blur(120px);opacity:.06;top:-200px;right:-200px;pointer-events:none}.review-container{width:100%;max-width:600px;display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-16, 4rem)}.review-success-banner{display:flex;align-items:center;gap:var(--space-5);background:var(--success-dim);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8)}.review-success-icon{color:var(--success);flex-shrink:0}.review-success-banner h2{font-size:1.5rem;margin-bottom:var(--space-1)}.review-success-banner p{font-size:14px;color:var(--text-secondary)}.review-section-label{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:space-between}.review-file-count{background:#ffffff14;padding:1px 8px;border-radius:var(--radius-full);font-size:11px;color:var(--text-tertiary)}.review-brief,.review-summary{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.review-brief p,.review-summary p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.review-files{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.review-file-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:240px;overflow-y:auto}.review-file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--bg-elevated);transition:background var(--transition-fast)}.review-file-item:hover{background:var(--bg-hover)}.review-file-icon{color:var(--accent);flex-shrink:0}.review-file-path{flex:1;font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-file-size{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono);flex-shrink:0}.review-share{background:var(--bg-card);border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-lg);padding:var(--space-5)}.review-share-badge{background:#3b82f626;color:var(--accent);padding:1px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.review-share-row{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.review-share-url{flex:1;font-size:12px;font-family:var(--font-mono);color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all}.review-share-copy{flex-shrink:0;color:var(--text-tertiary);transition:color var(--transition-fast)}.review-share-copy:hover{color:var(--text-primary)}.review-share-open{flex-shrink:0;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1)}.review-share-unavailable{font-size:13px;color:var(--text-tertiary);margin:0;padding:var(--space-3) 0}.review-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.review-download-btn{flex:1;justify-content:center;font-size:15px;padding:14px;min-width:160px}.review-open-btn{flex:1;justify-content:center;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);min-width:160px}.review-revision{background:var(--bg-card);border:1px solid rgba(168,85,247,.25);border-radius:var(--radius-lg);padding:var(--space-5)}.review-revision-badge{background:#a855f726;color:#a855f7;padding:1px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.review-revision-toggle{width:100%;justify-content:center;gap:var(--space-2);padding:12px;font-size:14px;border:1px dashed rgba(168,85,247,.3);color:var(--text-secondary);transition:all var(--transition-base)}.review-revision-toggle:hover{border-color:#a855f780;color:#a855f7;background:#a855f70d}.review-revision-input-wrap{display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden}.review-revision-textarea{resize:vertical;min-height:100px;font-size:14px;line-height:1.6}.review-revision-actions{display:flex;align-items:center;gap:var(--space-2)}.review-revision-char-count{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono);margin-right:auto}.review-revision-submit{gap:var(--space-1)}.review-revision-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);color:#a855f7;font-size:14px}.review-revision-spinner{animation:review-spin 1s linear infinite}@keyframes review-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.review-screen{padding:var(--space-8) var(--space-4)}.review-actions{flex-direction:column}.review-success-banner{flex-direction:column;text-align:center;padding:var(--space-5)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}:root{--bg-primary: #070810;--bg-secondary: #0b0d16;--bg-elevated: #111322;--bg-card: #15182b;--bg-hover: #1c2038;--bg-sunken: #04050a;--bg-overlay: rgba(4, 4, 8, .8);--bg-frosted: rgba(10, 12, 20, .6);--text-primary: #edf2f7;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-muted: #334155;--text-bright: #f8fafc;--text-link: #60a5fa;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-dim: rgba(59, 130, 246, .15);--accent-strong: #2563eb;--accent-subtle: rgba(59, 130, 246, .08);--accent-glow: rgba(59, 130, 246, .35);--success: #22c55e;--success-dim: rgba(34, 197, 94, .15);--success-glow: rgba(34, 197, 94, .3);--error: #ef4444;--error-dim: rgba(239, 68, 68, .15);--error-glow: rgba(239, 68, 68, .3);--warning: #eab308;--warning-dim: rgba(234, 179, 8, .15);--warning-glow: rgba(234, 179, 8, .3);--purple: #a855f7;--purple-dim: rgba(168, 85, 247, .15);--purple-glow: rgba(168, 85, 247, .3);--cyan: #06b6d4;--cyan-dim: rgba(6, 182, 212, .15);--pink: #ec4899;--pink-dim: rgba(236, 72, 153, .15);--architect: #3b82f6;--architect-dim: rgba(59, 130, 246, .12);--architect-glow: rgba(59, 130, 246, .25);--frontend-dev: #22c55e;--frontend-dev-dim: rgba(34, 197, 94, .12);--frontend-dev-glow: rgba(34, 197, 94, .25);--stylist: #a855f7;--stylist-dim: rgba(168, 85, 247, .12);--stylist-glow: rgba(168, 85, 247, .25);--reviewer: #ef4444;--reviewer-dim: rgba(239, 68, 68, .12);--reviewer-glow: rgba(239, 68, 68, .25);--qa-tester: #eab308;--qa-tester-dim: rgba(234, 179, 8, .12);--qa-tester-glow: rgba(234, 179, 8, .25);--font-main: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", "Fira Code", "Cascadia Code", monospace;--font-display: "DM Sans", system-ui, -apple-system, sans-serif;--border-subtle: 1px solid rgba(255, 255, 255, .08);--border-muted: 1px solid rgba(255, 255, 255, .05);--border-accent: 1px solid rgba(59, 130, 246, .3);--border-strong: 1px solid rgba(255, 255, 255, .12);--border-glow: 1px solid rgba(59, 130, 246, .2);--glass-bg: rgba(10, 12, 20, .75);--glass-bg-light: rgba(20, 23, 40, .5);--glass-bg-heavy: rgba(6, 6, 12, .9);--glass-blur: blur(20px);--glass-blur-sm: blur(8px);--glass-blur-lg: blur(40px);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-border-bright: 1px solid rgba(255, 255, 255, .12);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .6), 0 8px 16px rgba(0, 0, 0, .4);--shadow-2xl: 0 24px 80px rgba(0, 0, 0, .7);--shadow-glow: 0 0 24px rgba(59, 130, 246, .15);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3);--shadow-up: 0 -4px 16px rgba(0, 0, 0, .3);--shadow-architect: 0 4px 24px rgba(59, 130, 246, .15), 0 0 48px rgba(59, 130, 246, .05);--shadow-frontend-dev: 0 4px 24px rgba(34, 197, 94, .15), 0 0 48px rgba(34, 197, 94, .05);--shadow-stylist: 0 4px 24px rgba(168, 85, 247, .15), 0 0 48px rgba(168, 85, 247, .05);--shadow-reviewer: 0 4px 24px rgba(239, 68, 68, .15), 0 0 48px rgba(239, 68, 68, .05);--shadow-qa-tester: 0 4px 24px rgba(234, 179, 8, .15), 0 0 48px rgba(234, 179, 8, .05);--elevation-1: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--elevation-2: 0 3px 6px rgba(0, 0, 0, .35), 0 2px 4px rgba(0, 0, 0, .25);--elevation-3: 0 10px 20px rgba(0, 0, 0, .4), 0 3px 6px rgba(0, 0, 0, .3);--elevation-4: 0 14px 28px rgba(0, 0, 0, .5), 0 10px 10px rgba(0, 0, 0, .3);--elevation-5: 0 19px 38px rgba(0, 0, 0, .55), 0 15px 12px rgba(0, 0, 0, .35);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--transition-smooth: cubic-bezier(.22, 1, .36, 1);--transition-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-spring: cubic-bezier(.175, .885, .32, 1.275);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-slower: .6s ease;--z-base: 0;--z-elevated: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-overlay: 9999}body{background-color:var(--bg-primary);background-image:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(59,130,246,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 85% 75%,rgba(168,85,247,.05) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 50% 50%,#06060c00,#06060c);color:var(--text-primary);font-family:var(--font-main);font-size:14px;line-height:1.5;min-height:100vh;overflow:hidden}#root{height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:3rem;letter-spacing:-.03em;line-height:1.1}h2{font-size:2rem;letter-spacing:-.02em;line-height:1.15}h3{font-size:1.5rem;letter-spacing:-.01em;line-height:1.2}h4{font-size:1.125rem;line-height:1.3}h5{font-size:1rem;line-height:1.4;letter-spacing:.01em}h6{font-size:.875rem;line-height:1.4;letter-spacing:.02em;text-transform:uppercase}p{color:var(--text-secondary);line-height:1.7}code,pre{font-family:var(--font-mono);font-size:.85em}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}::selection{background:#3b82f64d;color:var(--text-bright)}.text-xs{font-size:.6875rem;line-height:1.5;letter-spacing:.02em}.text-sm{font-size:.8125rem;line-height:1.5;letter-spacing:.01em}.text-base{font-size:.875rem;line-height:1.6;letter-spacing:0}.text-md{font-size:1rem;line-height:1.6;letter-spacing:0}.text-lg{font-size:1.125rem;line-height:1.5;letter-spacing:-.005em}.text-xl{font-size:1.25rem;line-height:1.4;letter-spacing:-.01em}.text-2xl{font-size:1.5rem;line-height:1.3;letter-spacing:-.015em}.text-3xl{font-size:2rem;line-height:1.2;letter-spacing:-.02em}.text-4xl{font-size:2.5rem;line-height:1.1;letter-spacing:-.03em}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.02em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.05em}.tracking-wider{letter-spacing:.1em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-full);transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#ffffff38}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}*:hover{scrollbar-color:rgba(255,255,255,.15) transparent}.glass-sm{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:var(--glass-border);box-shadow:var(--glass-highlight)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-highlight)}.glass-lg{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-lg);-webkit-backdrop-filter:var(--glass-blur-lg);border:var(--glass-border-bright);box-shadow:var(--glass-highlight),var(--shadow-lg)}.card{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover{box-shadow:var(--elevation-2)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-main);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .25s var(--transition-smooth);white-space:nowrap;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background var(--transition-fast)}.btn:hover:after{background:#ffffff0d}.btn:active:after{background:#ffffff1a}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 #3b82f64d,0 2px 8px #3b82f633}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 0 4px #3b82f61f,0 4px 16px #3b82f640}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:var(--border-subtle);box-shadow:var(--elevation-1)}.btn-secondary:hover{background:var(--bg-hover);border-color:#ffffff1a;box-shadow:var(--elevation-2)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-danger{background:var(--error-dim);color:var(--error)}.btn-danger:hover{background:var(--error);color:#fff;box-shadow:0 4px 16px #ef444440}.btn-success{background:var(--success-dim);color:var(--success)}.btn-success:hover{background:var(--success);color:#fff;box-shadow:0 4px 16px #22c55e40}.btn-sm{padding:6px 12px;font-size:12px;border-radius:var(--radius-sm)}.btn-lg{padding:14px 28px;font-size:16px;border-radius:var(--radius-lg)}.btn-icon{padding:8px;border-radius:var(--radius-md);aspect-ratio:1}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none;filter:saturate(.5)}.btn-glow{position:relative;z-index:1}.btn-glow:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--accent),var(--purple),var(--accent));background-size:200% 200%;animation:gradient-shift 3s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;transition:opacity var(--transition-normal);z-index:-1}.btn-glow:hover:before{opacity:1}.btn-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#3b82f626,#a855f726);opacity:0;transition:opacity var(--transition-normal)}.btn-glow:hover:after{opacity:1}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent),0 0 16px var(--accent-glow)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent),0 0 20px var(--accent-glow)}.input:focus-visible{outline:none;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a,0 0 16px #3b82f60f}.input{width:100%;background:var(--bg-elevated);border:var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;font-family:var(--font-main);font-size:14px;color:var(--text-primary);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:#3b82f666;box-shadow:0 0 0 3px #3b82f614,0 0 20px #3b82f60a;background:var(--bg-card)}.input:hover:not(:focus){border-color:#ffffff1a}textarea.input{resize:none;line-height:1.6}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent;transition:all var(--transition-fast)}.badge-accent{background:var(--accent-dim);color:var(--accent);border-color:#3b82f626}.badge-success{background:var(--success-dim);color:var(--success);border-color:#22c55e26}.badge-warning{background:var(--warning-dim);color:var(--warning);border-color:#eab30826}.badge-error{background:var(--error-dim);color:var(--error);border-color:#ef444426}.badge-purple{background:var(--purple-dim);color:var(--purple);border-color:#a855f726}@keyframes loadingDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.loading-dots{display:inline-flex;gap:4px;align-items:center}.loading-dots span{width:5px;height:5px;border-radius:50%;background:currentColor;animation:loadingDot 1.2s infinite ease-in-out}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.skeleton{position:relative;overflow:hidden;background:var(--bg-elevated);border-radius:var(--radius-md)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 20%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 80%,transparent 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.skeleton-text{height:14px;border-radius:var(--radius-sm);margin-bottom:8px}.skeleton-text:last-child{width:60%}.skeleton-circle{border-radius:50%}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.loading-shimmer{background:linear-gradient(90deg,var(--bg-elevated) 0%,var(--bg-hover) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.glow-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;pointer-events:none}.glow-orb--animated{animation:float 8s ease-in-out infinite}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.02;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.agent-architect{color:var(--architect)}.agent-frontend-dev{color:var(--frontend-dev)}.agent-stylist{color:var(--stylist)}.agent-reviewer{color:var(--reviewer)}.agent-qa-tester{color:var(--qa-tester)}.agent-architect-bg{background:var(--architect-dim);border-color:#3b82f633;box-shadow:inset 0 0 30px #3b82f608}.agent-frontend-dev-bg{background:var(--frontend-dev-dim);border-color:#22c55e33;box-shadow:inset 0 0 30px #22c55e08}.agent-stylist-bg{background:var(--stylist-dim);border-color:#a855f733;box-shadow:inset 0 0 30px #a855f708}.agent-reviewer-bg{background:var(--reviewer-dim);border-color:#ef444433;box-shadow:inset 0 0 30px #ef444408}.agent-qa-tester-bg{background:var(--qa-tester-dim);border-color:#eab30833;box-shadow:inset 0 0 30px #eab30808}.agent-architect-glow{box-shadow:var(--shadow-architect)}.agent-frontend-dev-glow{box-shadow:var(--shadow-frontend-dev)}.agent-stylist-glow{box-shadow:var(--shadow-stylist)}.agent-reviewer-glow{box-shadow:var(--shadow-reviewer)}.agent-qa-tester-glow{box-shadow:var(--shadow-qa-tester)}.progress-bar{width:100%;height:4px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff05;border-radius:inherit}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:var(--radius-full);transition:width .5s var(--transition-smooth);box-shadow:0 0 12px #3b82f680,0 0 4px #3b82f6cc;position:relative}.progress-bar-fill:after{content:"";position:absolute;right:0;top:-2px;bottom:-2px;width:20px;background:#ffffff4d;border-radius:50%;filter:blur(4px);animation:breathing-glow 1.5s ease-in-out infinite}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06) 20%,rgba(255,255,255,.06) 80%,transparent);margin:var(--space-4) 0;border:none}.code-block{background:var(--bg-sunken);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);overflow:auto;line-height:1.6;box-shadow:var(--shadow-inner)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-subtle{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-6px) rotate(.5deg)}66%{transform:translateY(3px) rotate(-.3deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #3b82f633,0 0 24px #3b82f61a}50%{box-shadow:0 0 16px #3b82f666,0 0 48px #3b82f633}}@keyframes pulse-glow{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.7;filter:brightness(1.2)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scale-in-bounce{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes typewriter-cursor{0%,to{border-right-color:var(--accent)}50%{border-right-color:transparent}}@keyframes breathing-glow{0%,to{opacity:.4}50%{opacity:1}}@keyframes border-glow-rotate{0%{--glow-angle: 0deg}to{--glow-angle: 360deg}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes orbit{0%{transform:rotate(0) translate(var(--orbit-radius, 60px)) rotate(0)}to{transform:rotate(360deg) translate(var(--orbit-radius, 60px)) rotate(-360deg)}}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30% 70%/40% 70% 60% 30%}75%{border-radius:60% 30% 60% 40%/70% 40% 50% 60%}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .3s var(--transition-smooth)}.animate-slide-down{animation:slideDown .3s var(--transition-smooth)}.animate-slide-in-left{animation:slide-in-left .4s var(--transition-smooth)}.animate-slide-in-right{animation:slide-in-right .4s var(--transition-smooth)}.animate-scale-in{animation:scale-in .3s var(--transition-smooth)}.animate-scale-bounce{animation:scale-in-bounce .5s var(--transition-smooth)}.animate-pulse{animation:pulse 2s ease infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-subtle{animation:float-subtle 8s ease-in-out infinite}.animate-glow-pulse{animation:glow-pulse 2.5s ease-in-out infinite}.animate-gradient-shift{animation:gradient-shift 4s ease infinite}.animate-breathing{animation:breathing-glow 2s ease-in-out infinite}.animate-morph{animation:morph 8s ease-in-out infinite}.animate-shimmer{background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.gradient-text{background:linear-gradient(135deg,#fff 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:linear-gradient(135deg,var(--accent) 0%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-bright{background:linear-gradient(135deg,#f8fafc 0%,var(--accent-hover) 50%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%)}.gradient-success{background:linear-gradient(135deg,#16a34a 0%,var(--success) 100%)}.gradient-purple{background:linear-gradient(135deg,var(--purple) 0%,#c084fc 50%,var(--accent) 100%)}.gradient-warm{background:linear-gradient(135deg,var(--error) 0%,var(--warning) 100%)}.gradient-cool{background:linear-gradient(135deg,var(--accent) 0%,var(--cyan) 100%)}.gradient-mesh{background:radial-gradient(ellipse at 20% 50%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(34,197,94,.06) 0%,transparent 50%),radial-gradient(ellipse at 90% 70%,rgba(6,182,212,.08) 0%,transparent 50%),var(--bg-primary)}.gradient-mesh-animated{background:radial-gradient(ellipse at 20% 50%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(34,197,94,.06) 0%,transparent 50%),var(--bg-primary);background-size:200% 200%;animation:gradient-shift 15s ease infinite}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:4px 10px;background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-sm);font-size:11px;color:var(--text-secondary);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-md);z-index:var(--z-dropdown)}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);animation:fadeIn .2s ease}.separator-label{display:flex;align-items:center;gap:var(--space-3);color:var(--text-tertiary);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.separator-label:before,.separator-label:after{content:"";flex:1;height:1px;background:#ffffff0f}@media (max-width: 768px){body{overflow:auto}#root{height:auto;min-height:100vh;overflow:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff;color:#000}.noise-overlay,.glow-orb{display:none}}