:root{--bg-0:#f7f9fa;--bg-1:#fff;--bg-2:#f1f4f5;--border:#dce3e5;--border-strong:#bbc7cb;--text-primary:#0b1820;--text-secondary:#50636b;--text-muted:#839399;--accent:#0b1820;--accent-hover:#152a34;--accent-dim:#e7f2f1;--signal:#167d80;--signal-soft:#d9efed;--success:#167d80;--danger:#0b1820;--radius:2px;--radius-lg:3px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f7f9fa;background:var(--bg-0);color:#0b1820;color:var(--text-primary);font-family:IBM Plex Sans,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.55}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.app-header{background:#07151c;border-bottom:1px solid #17323b;justify-content:space-between;padding:1rem 2.5rem}.app-header,.header-left{align-items:center;display:flex}.header-left{gap:.85rem}.brand-mark{background:#0000;border:1px solid #167d80;border:1px solid var(--signal);border-radius:50%;color:#f4fbfb;flex-shrink:0;font-family:Georgia,serif;font-size:18px;font-weight:600;height:29px;justify-content:center;letter-spacing:-.08em;width:29px}.brand-mark,.brand-title{align-items:center;display:flex}.brand-title{gap:8px}.header-left h1{color:#f4fbfb;font-size:11px;font-weight:650;letter-spacing:.12em}.brand-title span{border:1px solid #28787b;color:#9fe1de;font-size:8px;letter-spacing:.13em;padding:1px 4px}.subtitle{color:#9badb2;font-size:11px}.header-right{gap:.6rem}.header-right,.status{align-items:center;display:flex}.status{border:1px solid #23414a;border-radius:20px;color:#b8cbd0;font-size:11px;gap:6px;padding:.3rem .7rem}.status-dot{background:#839399;background:var(--text-muted);border-radius:50%;height:6px;width:6px}.status.connected .status-dot{background:#167d80;background:var(--signal);box-shadow:0 0 0 3px #167d8026}.status.disconnected .status-dot{background:#6e7f85}.tab-nav{background:#fff;background:var(--bg-1);border-bottom:1px solid #dce3e5;border-bottom:1px solid var(--border);display:flex;gap:.25rem;padding:0 2.5rem}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#839399;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:.8rem 1rem;transition:color .1s linear}.tab-btn.active,.tab-btn:hover{color:#0b1820;color:var(--text-primary)}.tab-btn.active{border-bottom-color:#167d80;border-bottom-color:var(--signal)}.main-content{flex:1 1;margin:0 auto;max-width:860px;padding:2.5rem;width:100%}.stats-grid{grid-gap:1px;background:#dce3e5;background:var(--border);border:1px solid #dce3e5;border:1px solid var(--border);display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.stat-card{background:#f7f9fa;background:var(--bg-0);padding:1.25rem 1.4rem}.stat-info h3{color:#839399;color:var(--text-muted);font-size:11.5px;font-weight:500;letter-spacing:.04em;margin-bottom:.4rem;text-transform:uppercase}.stat-number{font-size:1.6rem;font-weight:600;letter-spacing:-.02em}.stat-card.success .stat-number,.stat-number{color:#0b1820;color:var(--text-primary)}.section-heading{color:#839399;color:var(--text-muted);font-size:11.5px;font-weight:600;letter-spacing:.06em;margin-bottom:.85rem;text-transform:uppercase}.activity-list{background:#f7f9fa;background:var(--bg-0);border:1px solid #dce3e5;border:1px solid var(--border);max-height:400px;overflow-y:auto}.activity-item{border-bottom:1px solid #dce3e5;border-bottom:1px solid var(--border);display:flex;font-size:13px;gap:.9rem;padding:.7rem .9rem}.activity-item:last-child{border-bottom:none}.activity-time{font-feature-settings:"tnum";color:#839399;color:var(--text-muted);font-size:11.5px;font-variant-numeric:tabular-nums;min-width:64px}.activity-item.error .activity-message,.activity-item.success .activity-message{color:#0b1820;color:var(--text-primary)}.activity-item.error .activity-message{font-weight:500}.no-logs{color:#839399;color:var(--text-muted);font-size:13px;padding:1.25rem}.builder-form,.deploy-form{background:#f7f9fa;background:var(--bg-0);border:1px solid #dce3e5;border:1px solid var(--border);padding:2rem}.form-group{margin-bottom:1.4rem}.form-group label{color:#50636b;color:var(--text-secondary);display:block;font-size:12px;font-weight:500;margin-bottom:.5rem}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],textarea{background:#f7f9fa;background:var(--bg-0);border:1px solid #dce3e5;border:1px solid var(--border);border-radius:2px;border-radius:var(--radius);color:#0b1820;color:var(--text-primary);font-family:inherit;font-size:13.5px;outline:none;padding:.65rem .8rem;transition:border-color .1s linear;width:100%}.form-group input:focus,textarea:focus{border-color:#0b1820;border-color:var(--text-primary)}.form-group small{color:#839399;color:var(--text-muted);display:block;font-size:11.5px;margin-top:.4rem}.project-type-grid{grid-gap:0;border:1px solid #dce3e5;border:1px solid var(--border);display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.type-card{background:#f7f9fa;background:var(--bg-0);border:none;border-bottom:1px solid #dce3e5;border-bottom:1px solid var(--border);border-right:1px solid #dce3e5;border-right:1px solid var(--border);color:#50636b;color:var(--text-secondary);cursor:pointer;font-size:12.5px;padding:.7rem .85rem;text-align:right;transition:background .1s linear}.type-card:hover{background:#f1f4f5;background:var(--bg-2);color:#0b1820;color:var(--text-primary)}.type-card.selected{background:#0b1820;background:var(--text-primary);color:#f7f9fa;color:var(--bg-0)}.checkbox-label{align-items:center;color:#0b1820;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:.55rem}.checkbox-label input[type=checkbox]{accent-color:#0b1820;accent-color:var(--text-primary);height:15px;width:15px}.submit-btn{background:#0b1820;background:var(--accent);border:1px solid #0b1820;border:1px solid var(--accent);border-radius:2px;border-radius:var(--radius);color:#f7f9fa;color:var(--bg-0);cursor:pointer;font-size:13.5px;font-weight:600;letter-spacing:.01em;padding:.9rem;transition:background .1s linear;width:100%}.submit-btn:hover{background:#152a34;background:var(--accent-hover);border-color:#167d80;border-color:var(--signal)}.submit-btn:disabled{cursor:not-allowed;opacity:.35}.auth-error,.build-status{color:#0b1820;color:var(--text-primary);font-size:12.5px;margin:.5rem 0}.auth-error{border-right:2px solid #0b1820;border-right:2px solid var(--text-primary);font-weight:500;padding-right:.6rem;text-align:right}.app-footer{background:#07151c;border-top:1px solid #17323b;color:#94a9ae;font-size:10.5px;letter-spacing:.04em;padding:.85rem 2.5rem;text-align:center}.app-footer i{background:#167d80;background:var(--signal);border-radius:50%;display:inline-block;height:4px;margin:0 .55rem;vertical-align:middle;width:4px}.app-loading{color:#839399;color:var(--text-muted);font-size:13px;height:100vh}.app-loading,.auth-screen{align-items:center;display:flex;justify-content:center}.auth-screen{min-height:100vh}.auth-card{background:#f7f9fa;background:var(--bg-0);border:1px solid #dce3e5;border:1px solid var(--border);padding:2.75rem;width:360px}.auth-card-header{align-items:center;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.9rem}.auth-card h1{font-size:14px;font-weight:600}.auth-card .subtitle{font-size:12.5px}.auth-switch{background:none;border:none;color:#50636b;color:var(--text-secondary);cursor:pointer;font-size:12px;margin-top:1rem;text-align:center;transition:color .1s linear;width:100%}.auth-switch:hover{color:#0b1820;color:var(--text-primary)}.credits-badge{font-feature-settings:"tnum";border:1px solid #23414a;border-radius:20px;color:#b8cbd0;font-size:11px;font-variant-numeric:tabular-nums;padding:.3rem .7rem}.credits-badge b{color:#f2fbfb;font-weight:600}.logout-btn{background:none;border:1px solid #23414a;border-radius:2px;border-radius:var(--radius);color:#b8cbd0;cursor:pointer;font-size:11px;padding:.3rem .7rem;transition:border-color .1s linear,color .1s linear}.logout-btn:hover{border-color:#167d80;border-color:var(--signal);color:#f2fbfb}.agent-chat{display:flex;flex-direction:column;min-height:72vh}.chat-window{background:#f7f9fa;background:var(--bg-0);border:1px solid #dce3e5;border:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;gap:.75rem;margin:0 0 1.25rem;overflow-y:auto;padding:1.5rem}.chat-bubble{border-radius:2px;border-radius:var(--radius);font-size:13.5px;max-width:78%;padding:.75rem 1rem}.chat-bubble.user{align-self:flex-end;background:#0b1820;background:var(--text-primary);color:#f7f9fa;color:var(--bg-0)}.chat-bubble.agent{align-self:flex-start;background:#f1f4f5;background:var(--bg-2);border:1px solid #dce3e5;border:1px solid var(--border);color:#0b1820;color:var(--text-primary)}.chat-bubble.error{background:#f7f9fa;background:var(--bg-0);border:1px solid #0b1820;border:1px solid var(--text-primary)}.chat-bubble-label{color:#839399;color:var(--text-muted);font-size:10.5px;font-weight:600;letter-spacing:.04em;margin-bottom:.3rem;text-transform:uppercase}.chat-bubble.user .chat-bubble-label{color:#d4d4d4}.chat-bubble-text{white-space:pre-wrap}.agent-response{display:flex;flex-direction:column;gap:.55rem;letter-spacing:.002em;line-height:1.62}.agent-response p{margin:0;white-space:pre-wrap}.agent-response h4{color:#0b1820;color:var(--text-primary);font-size:12px;letter-spacing:.055em;line-height:1.35;margin:.2rem 0 0;text-transform:uppercase}.agent-response ul{display:flex;flex-direction:column;gap:.38rem;margin:0;padding:0 1.05rem 0 0}.agent-response li::marker{color:#839399;color:var(--text-muted)}.agent-response code{background:#f7f9fa;background:var(--bg-0);border:1px solid #dce3e5;border:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;padding:1px 4px}.agent-response-caret{-webkit-margin-start:3px;animation:agent-response-blink .8s step-end infinite;background:#0b1820;background:var(--text-primary);display:inline-block;height:1.05em;margin-inline-start:3px;vertical-align:-2px;width:6px}.agent-response-skip{align-self:flex-start;background:#0000;border:0;color:#50636b;color:var(--text-secondary);cursor:pointer;font-size:11px;padding:0;text-decoration:underline}@keyframes agent-response-blink{50%{opacity:0}}.chat-transcript{color:#839399;color:var(--text-muted);font-size:11.5px;margin-top:.6rem}.chat-transcript summary{cursor:pointer}.chat-transcript-item{font-family:ui-monospace,monospace;padding:.2rem 0}.chat-input-row{display:flex;gap:.6rem}.chat-input-row input{background:#f7f9fa;background:var(--bg-0);border:1px solid #bbc7cb;border:1px solid var(--border-strong);border-radius:2px;border-radius:var(--radius);color:#0b1820;color:var(--text-primary);flex:1 1;font-size:14.5px;padding:1rem 1.1rem;transition:border-color .1s linear}.chat-input-row input:focus{border-color:#0b1820;border-color:var(--text-primary);outline:none}.chat-input-row .submit-btn{padding:1rem 2rem;width:auto}.activity-message a{color:#0b1820;color:var(--text-primary);text-decoration:underline;text-underline-offset:2px}.activity-message a:hover{text-decoration:none}.build-status a{color:#0b1820;color:var(--text-primary);font-size:13px;text-decoration:underline;text-underline-offset:2px}.build-status a:hover{text-decoration:none}.thinking-indicator{--ti-glow:#6366f1;align-items:center;display:inline-flex;gap:9px}.ti-orbit{flex-shrink:0;height:20px;position:relative;width:20px}.ti-glow-bg{animation:ti-rotate 4.5s linear infinite;background:conic-gradient(from 0deg,#0000,var(--ti-glow) 15%,#0000 30%,#0000 100%);border-radius:50%;filter:blur(4px);inset:-6px;opacity:.13;position:absolute}.ti-lines{inset:0;overflow:visible;position:absolute}.ti-lines line{stroke:#bbc7cb;stroke:var(--border-strong);stroke-width:.6;animation:ti-pulse-line 2.4s ease-in-out infinite}.ti-lines line:first-child{animation-delay:0s}.ti-lines line:nth-child(2){animation-delay:.5s}.ti-lines line:nth-child(3){animation-delay:1s}.ti-dot{animation:ti-pulse-dot 2.4s ease-in-out infinite;background:#50636b;background:var(--text-secondary);border-radius:50%;box-shadow:0 0 3px .5px #6366f159;height:2.4px;position:absolute;width:2.4px}.ti-dot-1{animation-delay:0s;left:9px;top:1px}.ti-dot-2{animation-delay:.5s;bottom:2px;left:2.5px}.ti-dot-3{animation-delay:1s;bottom:2px;right:2.5px}.ti-text{animation:ti-breathe 2.8s ease-in-out infinite;color:#839399;color:var(--text-muted);font-size:11px;font-weight:450;letter-spacing:.015em;-webkit-user-select:none;user-select:none}@keyframes ti-pulse-dot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes ti-pulse-line{0%,to{opacity:.4}50%{opacity:1}}@keyframes ti-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ti-breathe{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.ti-dot,.ti-glow-bg,.ti-lines line,.ti-text{animation:none!important;opacity:.7!important}}.preview-frame-wrap{background:#f1f4f5;background:var(--bg-2);border:1px solid #dce3e5;border:1px solid var(--border);border-radius:3px;border-radius:var(--radius-lg);margin-top:.75rem;min-height:280px;overflow:hidden;position:relative;width:100%}.preview-frame-iframe{animation:pf-fade-in .5s ease-out;border:none;display:block;height:280px;width:100%}.preview-frame-skeleton{background:#f1f4f5;background:var(--bg-2);box-sizing:border-box;display:flex;flex-direction:column;gap:12px;inset:0;padding:20px;position:absolute}.pf-skel-bar,.pf-skel-block{animation:pf-shimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,#f1f4f5 25%,#dce3e5 50%,#f1f4f5 75%);background:linear-gradient(90deg,var(--bg-2) 25%,var(--border) 50%,var(--bg-2) 75%);background-size:200% 100%;border-radius:2px;border-radius:var(--radius)}.pf-skel-bar{height:10px}.pf-skel-bar-1{width:45%}.pf-skel-bar-2{width:30%}.pf-skel-block{flex:1 1}@keyframes pf-fade-in{0%{filter:blur(6px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes pf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.preview-frame-iframe{animation:none}.pf-skel-bar,.pf-skel-block{animation:none;opacity:.6}}.preview-frame-error{align-items:center;background:#f1f4f5;background:var(--bg-2);color:#50636b;color:var(--text-secondary);display:flex;flex-direction:column;font-size:13px;gap:.6rem;inset:0;justify-content:center;padding:1rem;position:absolute;text-align:center}.project-center-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.project-center-header .subtitle{color:#50636b;color:var(--text-secondary);display:block;font-size:12.5px;max-width:520px}.project-center-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.project-center-actions .submit-btn{padding:.65rem .8rem;width:auto}.btn{background:#f7f9fa;background:var(--bg-0);border:1px solid #bbc7cb;border:1px solid var(--border-strong);border-radius:2px;border-radius:var(--radius);color:#0b1820;color:var(--text-primary);cursor:pointer;font:inherit;font-size:12px;padding:.6rem .75rem}.btn:hover{border-color:#167d80;border-color:var(--signal)}.btn:disabled{cursor:not-allowed;opacity:.45}.project-empty-state{align-items:flex-start;background:#f7f9fa;background:var(--bg-0);border:1px solid #dce3e5;border:1px solid var(--border);color:#50636b;color:var(--text-secondary);display:flex;flex-direction:column;gap:.8rem;padding:2rem}.project-empty-state strong{color:#0b1820;color:var(--text-primary);font-size:15px}.project-empty-state .submit-btn{padding:.7rem 1rem;width:auto}.project-center-layout{grid-gap:1px;background:#dce3e5;background:var(--border);border:1px solid #dce3e5;border:1px solid var(--border);display:grid;gap:1px;grid-template-columns:minmax(220px,.72fr) minmax(0,1.4fr)}.project-list{max-height:640px;overflow:auto}.project-card,.project-list{background:#f7f9fa;background:var(--bg-0)}.project-card{border:0;border-bottom:1px solid #dce3e5;border-bottom:1px solid var(--border);color:#0b1820;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:.35rem;padding:.9rem;text-align:left;width:100%}.project-card:last-child{border-bottom:0}.project-card:hover{background:#f1f4f5;background:var(--bg-2)}.project-card.selected{background:#e7f2f1;background:var(--accent-dim);box-shadow:inset 2px 0 0 #167d80;box-shadow:inset 2px 0 0 var(--signal)}.project-card-topline{align-items:flex-start;display:flex;font-size:12.5px;gap:.5rem;justify-content:space-between}.project-card-topline strong{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-meta{color:#50636b;color:var(--text-secondary);font-size:11.5px}.project-card-signals{display:flex;flex-wrap:wrap;gap:.35rem}.project-card-signals span{border:1px solid #dce3e5;border:1px solid var(--border);color:#839399;color:var(--text-muted);padding:1px 4px}.project-card-signals span,.project-status{font-size:9.5px;letter-spacing:.04em;text-transform:uppercase}.project-status{border:1px solid #bbc7cb;border:1px solid var(--border-strong);color:#50636b;color:var(--text-secondary);display:inline-flex;flex-shrink:0;font-weight:600;padding:2px 5px}.project-status.live,.project-status.preview_ready{border-color:#167d80;border-color:var(--signal);color:#167d80;color:var(--signal)}.project-status.attention_required,.project-status.failed{border-color:#0b1820;border-color:var(--text-primary);color:#0b1820;color:var(--text-primary)}.project-detail{background:#f7f9fa;background:var(--bg-0);min-width:0;padding:1.3rem}.project-detail-title{border-bottom:1px solid #dce3e5;border-bottom:1px solid var(--border);display:flex;gap:1rem;justify-content:space-between;padding-bottom:1rem}.project-detail-title h2{font-size:19px;letter-spacing:-.02em;margin:.1rem 0}.eyebrow,.project-detail-title p{color:#50636b;color:var(--text-secondary);font-size:11.5px}.eyebrow{color:#839399;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.project-stage-panel{grid-gap:1px;background:#dce3e5;background:var(--border);border:1px solid #dce3e5;border:1px solid var(--border);display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));margin:1rem 0}.project-stage-panel>div{background:#f1f4f5;background:var(--bg-2);display:flex;flex-direction:column;gap:.2rem;min-width:0;padding:.75rem}.detail-label{color:#839399;color:var(--text-muted);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase}.project-stage-panel strong{font-size:11.5px;font-weight:600;overflow-wrap:anywhere}.project-link-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.project-link-row a{border-bottom:1px solid #167d80;border-bottom:1px solid var(--signal);color:#0b1820;color:var(--text-primary);font-size:12px;padding:.35rem 0;text-decoration:none}.project-health{border:1px solid #bbc7cb;border:1px solid var(--border-strong);display:flex;flex-direction:column;font-size:11.5px;gap:.15rem;margin:.85rem 0;padding:.65rem .75rem}.project-health strong{font-size:10px;letter-spacing:.05em;text-transform:uppercase}.project-health span{color:#50636b;color:var(--text-secondary)}.project-health.healthy{background:#d9efed;background:var(--signal-soft);border-color:#167d80;border-color:var(--signal)}.project-health.degraded,.project-health.unreachable{background:#f1f4f5;background:var(--bg-2);border-color:#0b1820;border-color:var(--text-primary)}.project-section{border-top:1px solid #dce3e5;border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.project-section-title{color:#839399;color:var(--text-muted);font-size:10.5px;font-weight:600;letter-spacing:.06em;margin-bottom:.6rem;text-transform:uppercase}.project-section-note{color:#50636b;color:var(--text-secondary);font-size:11.5px;margin:0 0 .6rem}.environment-name-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.7rem}.environment-name-list span{border:1px solid #bbc7cb;border:1px solid var(--border-strong);color:#50636b;color:var(--text-secondary);font:10.5px ui-monospace,SFMono-Regular,Menlo,monospace;padding:2px 5px}.environment-form{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:minmax(130px,.7fr) minmax(0,1fr) auto}.environment-form input{background:#f7f9fa;background:var(--bg-0);border:1px solid #dce3e5;border:1px solid var(--border);border-radius:2px;border-radius:var(--radius);color:#0b1820;color:var(--text-primary);font:11.5px ui-monospace,SFMono-Regular,Menlo,monospace;min-width:0;padding:.55rem .65rem;width:100%}.environment-form input:focus{border-color:#167d80;border-color:var(--signal);outline:none}.project-step-list{display:flex;flex-direction:column}.project-step{grid-gap:.4rem;align-items:center;border-bottom:1px solid #dce3e5;border-bottom:1px solid var(--border);display:grid;font-size:12px;gap:.4rem;grid-template-columns:12px minmax(0,1fr) auto;padding:.5rem 0}.project-step small{color:#839399;color:var(--text-muted);font-size:10.5px;text-transform:uppercase}.project-step-dot{background:#bbc7cb;background:var(--border-strong);border-radius:50%;height:6px;width:6px}.project-step.running .project-step-dot{box-shadow:0 0 0 3px #d9efed;box-shadow:0 0 0 3px var(--signal-soft)}.project-step.completed .project-step-dot,.project-step.running .project-step-dot{background:#167d80;background:var(--signal)}.project-step.failed .project-step-dot{background:#0b1820;background:var(--text-primary)}.release-row{border-bottom:1px solid #dce3e5;border-bottom:1px solid var(--border);display:flex;font-size:12px;gap:1rem;justify-content:space-between;padding:.55rem 0}.release-row>div{display:flex;flex-direction:column;gap:.15rem}.release-row span{color:#50636b;color:var(--text-secondary);font-size:11px}.release-row a{color:#0b1820;color:var(--text-primary);text-decoration:underline;text-underline-offset:2px}.build-plan-control{background:#f1f4f5;background:var(--bg-2);border:1px solid #dce3e5;border:1px solid var(--border);padding:.9rem}.build-plan-heading{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.build-plan-heading label{margin-bottom:.2rem}.build-plan-heading small{margin:0}.build-plan-preview{border-top:1px solid #dce3e5;border-top:1px solid var(--border);color:#50636b;color:var(--text-secondary);font-size:12px;margin-top:.8rem;padding-top:.8rem}.build-plan-preview>p{color:#0b1820;color:var(--text-primary);margin:.6rem 0}.build-plan-summary{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.build-plan-summary strong{color:#0b1820;color:var(--text-primary);font-size:13px}.build-plan-summary span{border:1px solid #bbc7cb;border:1px solid var(--border-strong);color:#50636b;color:var(--text-secondary);font-size:10.5px;padding:1px 5px}.build-plan-columns{grid-gap:1px;background:#dce3e5;background:var(--border);border:1px solid #dce3e5;border:1px solid var(--border);display:grid;gap:1px;grid-template-columns:1fr 1fr}.build-plan-columns>div,.build-plan-inputs{background:#f7f9fa;background:var(--bg-0);display:flex;flex-direction:column;gap:.3rem;padding:.7rem}.build-plan-columns strong,.build-plan-inputs strong{color:#839399;color:var(--text-muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.build-plan-inputs{border:1px solid #dce3e5;border:1px solid var(--border);margin-top:.7rem}.build-plan-approval{align-items:flex-start;border-top:1px solid #dce3e5;border-top:1px solid var(--border);line-height:1.4;margin-top:.7rem;padding-top:.7rem}.live-preview-panel{background:#f1f4f5;background:var(--bg-2);border:1px solid #dce3e5;border:1px solid var(--border);display:flex;flex-direction:column;gap:.55rem;margin-top:.75rem;padding:.75rem}.live-preview-toolbar{align-items:center;color:#0b1820;color:var(--text-primary);display:flex;font-size:12.5px;font-weight:600;gap:.75rem;justify-content:space-between}.live-preview-actions,.preview-viewport-switcher{align-items:center;display:flex;gap:.35rem}.preview-viewport-switcher{background:#f7f9fa;background:var(--bg-0);border:1px solid #dce3e5;border:1px solid var(--border)}.preview-viewport-switcher button{background:#0000;border:0;border-right:1px solid #dce3e5;border-right:1px solid var(--border);color:#50636b;color:var(--text-secondary);cursor:pointer;font-size:10.5px;padding:.3rem .45rem;text-transform:capitalize}.preview-viewport-switcher button:last-child{border-right:0}.preview-viewport-switcher button.active{background:#0b1820;background:var(--text-primary);color:#f7f9fa;color:var(--bg-0)}.live-preview-actions .btn{font-size:10.5px;padding:.3rem .5rem;text-decoration:none}.live-preview-note{color:#50636b;color:var(--text-secondary);font-size:11.5px;margin:0}.live-preview-frame{background:#f7f9fa;background:var(--bg-0);border:1px solid #bbc7cb;border:1px solid var(--border-strong);height:500px;overflow:hidden;transition:width .18s ease-out;width:100%}.live-preview-frame.tablet{margin:0 auto;max-width:100%;width:768px}.live-preview-frame.mobile{margin:0 auto;max-width:100%;width:390px}.live-preview-frame iframe{border:0;display:block;height:100%;width:100%}@media (max-width:760px){.app-header{align-items:flex-start;gap:.65rem;padding:.8rem 1rem}.header-right{flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.tab-nav{overflow-x:auto;padding:0 .75rem}.tab-btn{padding:.7rem .75rem;white-space:nowrap}.main-content{padding:1.1rem .8rem}.project-center-header,.project-detail-title{flex-direction:column}.project-center-actions{width:100%}.project-center-actions .btn,.project-center-actions .submit-btn{flex:1 1}.project-center-layout{grid-template-columns:1fr}.project-list{max-height:300px}.project-stage-panel{grid-template-columns:1fr}.build-plan-heading{flex-direction:column}.build-plan-columns,.environment-form{grid-template-columns:1fr}.live-preview-toolbar{align-items:flex-start;flex-direction:column}.live-preview-actions{flex-wrap:wrap}.live-preview-frame{height:440px}.chat-bubble{max-width:94%}.app-footer{padding:.8rem 1rem}}
/*# sourceMappingURL=main.e93c4dab.css.map*/