:root{color:#f5f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#080a0f;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 48% -20%,#5d6aff29,#0000 40%),linear-gradient(145deg,#090b12 0%,#06070b 55%,#090b10 100%);min-width:320px}button{font:inherit}.glass-card{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(145deg,#181b25d1,#0e1017d6);border:1px solid #ffffff17;box-shadow:0 24px 90px #00000061,inset 0 1px #ffffff09}.brand-lockup{color:#f7f8ff;letter-spacing:-.01em;align-items:center;gap:10px;font-size:14px;font-weight:720;display:flex}.brand-mark{background:linear-gradient(145deg,#6976ffe6,#6846d2e6);border:1px solid #98a3ff73;border-radius:9px;place-items:center;width:28px;height:28px;font-size:16px;font-weight:800;display:grid;box-shadow:0 8px 24px #574fe147}.brand-divider{background:#ffffff2b;width:1px;height:14px}.brand-product{color:#a7acbb;letter-spacing:.035em;font-size:12px;font-weight:560}.eyebrow{color:#a4adff;letter-spacing:.18em;font-size:10px;font-weight:760}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.handoff-shell{place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.ambient{filter:blur(6px);opacity:.44;pointer-events:none;border-radius:999px;position:absolute}.ambient-one{background:radial-gradient(circle,#5368ff4a,#0000 68%);width:280px;height:280px;animation:9s ease-in-out infinite float-one;top:10%;left:18%}.ambient-two{background:radial-gradient(circle,#7540d233,#0000 68%);width:360px;height:360px;animation:11s ease-in-out infinite float-two;bottom:8%;right:17%}@keyframes float-one{50%{transform:translate(24px,18px)scale(1.07)}}@keyframes float-two{50%{transform:translate(-20px,-24px)scale(.96)}}.landing-shell{place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.landing-card{z-index:1;text-align:center;border-radius:26px;flex-direction:column;align-items:center;width:min(100%,620px);min-height:610px;padding:30px 46px 38px;display:flex;position:relative}.landing-card>.brand-lockup{align-self:flex-start}.landing-icon{color:#c5cbff;background:linear-gradient(145deg,#5c69ff2b,#7945cb14);border:1px solid #7e8bff52;border-radius:28px;place-items:center;width:90px;height:90px;margin-top:54px;display:grid;box-shadow:0 18px 60px #383c9740}.service-status{color:#8bdcb9;align-items:center;gap:7px;margin-top:25px;font-size:11px;font-weight:650;display:flex}.service-status-dot{background:#289a6e1f;border:1px solid #59dca652;border-radius:999px;place-items:center;width:18px;height:18px;display:grid}.landing-copy{margin-top:25px}.landing-copy h1{letter-spacing:-.045em;margin:10px 0 0;font-size:clamp(27px,5vw,38px);font-weight:730}.landing-copy p{color:#9ea3b3;max-width:460px;margin:16px auto 0;font-size:14px;line-height:1.75}.landing-privacy{color:#7f86a2;text-align:left;background:#5d6aff0b;border:1px solid #7e8bff21;border-radius:13px;align-items:flex-start;gap:10px;max-width:470px;margin-top:28px;padding:13px 15px;font-size:10px;line-height:1.6;display:flex}.landing-privacy svg{color:#929cff;flex:none}.landing-action{color:#fff;background:linear-gradient(135deg,#6978f5,#7657df);border:1px solid #727fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;margin-top:24px;padding:0 18px;font-size:11px;font-weight:650;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 24px #5c5bde33}.landing-action:hover{transform:translateY(-1px);box-shadow:0 12px 30px #5c5bde45}.handoff-card{z-index:1;border-radius:24px;flex-direction:column;align-items:center;width:min(100%,560px);min-height:570px;padding:28px 42px 32px;display:flex;position:relative}.handoff-card:after{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(135deg,#818dff0f,#0000 36%);position:absolute;inset:0}.handoff-card>.brand-lockup{align-self:flex-start}.status-orb{color:#c5cbff;background:linear-gradient(145deg,#5c69ff29,#7945cb14);border:1px solid #8e99ff4d;border-radius:30px;place-items:center;width:94px;height:94px;margin-top:60px;display:grid;position:relative;box-shadow:0 18px 60px #383c9747}.status-orb.status-committed{color:#7be4b5;background:#289a6e1a;border-color:#59dca65c}.status-orb.status-error{color:#ff8d98;background:#c137461a;border-color:#ff727e5c}.orb-pulse{border-radius:inherit;border:1px solid #8893ff7a;animation:2s ease-out infinite orb-pulse;position:absolute;inset:-1px}@keyframes orb-pulse{70%,to{opacity:0;transform:scale(1.42)}}.handoff-copy{text-align:center;margin-top:34px}.handoff-copy h1,.build-heading h1{letter-spacing:-.045em;margin:9px 0 0;font-size:clamp(26px,4vw,34px);font-weight:720}.handoff-copy p{color:#9ea3b3;max-width:410px;margin:14px auto 0;font-size:14px;line-height:1.7}.transfer-panel{width:100%;margin-top:30px}.transfer-progress-track,.build-progress-track{background:#ffffff13;border-radius:999px;height:6px;overflow:hidden}.transfer-progress-value,.build-progress-track>div{border-radius:inherit;background:linear-gradient(90deg,#6978ff,#a974ff);height:100%;transition:width .22s;box-shadow:0 0 20px #707cff80}.transfer-metrics{color:#777e91;justify-content:space-between;margin-top:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:flex}.next-step{color:#c7ccff;align-items:center;gap:8px;margin-top:24px;font-size:12px;display:flex}.privacy-note{color:#777e8e;border-top:1px solid #ffffff13;align-items:flex-start;gap:9px;width:100%;margin-top:auto;padding-top:22px;font-size:11px;line-height:1.55;display:flex}.privacy-note svg{color:#777fc6;flex:none}.builder-shell{min-height:100vh;padding:0 28px 40px}.builder-header{justify-content:space-between;align-items:center;width:min(1180px,100%);height:74px;margin:0 auto;display:flex}.isolation-badge{color:#84cbae;background:#2a856013;border:1px solid #66d2a429;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;font-weight:650;display:flex}.builder-layout{grid-template-columns:minmax(0,1.58fr) minmax(300px,.72fr);gap:18px;width:min(1180px,100%);margin:20px auto 0;display:grid}.build-main{border-radius:20px;min-height:690px;padding:34px}.build-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.build-heading h1{font-size:clamp(27px,3vw,36px)}.build-heading p{color:#858b9c;margin:10px 0 0;font-size:13px}.build-status-icon{color:#aeb7ff;background:#636feb17;border:1px solid #7f8bff3d;border-radius:21px;flex:none;place-items:center;width:66px;height:66px;display:grid}.build-status-icon.success{color:#72dcae;background:#2fa17017;border-color:#4fd59d47}.build-status-icon.error,.build-status-icon.cancelled{color:#ff8290;background:#ba384614;border-color:#ff6d7c40}.current-stage{background:#5f6ace0e;border:1px solid #7480ef24;border-radius:15px;margin-top:38px;padding:17px}.stage-title-row{align-items:center;gap:11px;margin-bottom:14px;display:flex}.stage-spinner{color:#a8afff;background:#747fff1a;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.stage-title-row>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.stage-title-row strong{font-size:13px}.stage-title-row span,.stage-title-row b{color:#747b8e;font-size:10px}.stage-title-row b{color:#a8afff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.stage-list{grid-template-columns:1fr 1fr;gap:7px;margin-top:30px;display:grid}.stage-row{color:#63697a;background:#ffffff05;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;min-height:45px;padding:0 12px;font-size:11px;display:flex}.stage-row.complete{color:#8f96a9}.stage-row.active{color:#f0f2ff;background:#6e79f112;border-color:#7985ff2e}.stage-row small{color:#8993f0;margin-left:auto;font-size:9px}.stage-state{color:#4e5567;background:#ffffff09;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.stage-row.complete .stage-state{color:#65c99d;background:#43b38116}.stage-row.active .stage-state{color:#a5adff;background:#6f7bf91c}.cancel-button,.primary-button,.secondary-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 14px;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.cancel-button{color:#9ca1af;background:#ffffff06;border:1px solid #ffffff14;margin-top:28px;font-size:10px}.cancel-button:hover,.secondary-button:hover:not(:disabled){background:#ffffff0e;border-color:#ffffff29}.build-sidebar{flex-direction:column;gap:14px;display:flex}.info-card,.terminal-card,.findings-card{border-radius:16px;padding:18px}.card-title{color:#e8eafe;align-items:center;gap:9px;font-size:12px;font-weight:650;display:flex}.card-title svg{color:#7f89da}.info-card p{color:#747b8d;margin:12px 0 0;font-size:11px;line-height:1.65}.terminal-card{padding:0;overflow:hidden}.terminal-toggle{color:#d7daea;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 17px;display:flex}.terminal-toggle>span:first-child{align-items:center;gap:9px;font-size:11px;font-weight:620;display:flex}.terminal-toggle svg{color:#7c85d5}.terminal-dot{background:#60c697;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #60c697a6}.build-terminal{color:#aeb4c7;white-space:pre-wrap;word-break:break-word;background:#040508b8;border-top:1px solid #ffffff0e;height:360px;margin:0;padding:15px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:9.5px;line-height:1.55;overflow:auto}.terminal-summary{color:#747b8c;border-top:1px solid #ffffff0e;align-items:center;gap:8px;padding:13px 16px;font-size:10px;display:flex}.terminal-summary button{color:#9ba4f2;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:10px}.success-panel,.error-panel{background:#349e6f0e;border:1px solid #49cc932e;border-radius:15px;margin-top:32px;padding:20px}.success-message{color:#70d8aa;align-items:center;gap:12px;display:flex}.success-message>div{flex-direction:column;gap:4px;display:flex}.success-message strong{color:#dff9ec;font-size:13px}.success-message span{color:#79a993;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.result-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.result-stats>div{background:#00000029;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;min-height:60px;padding:0 12px;display:flex}.result-stats span{color:#657a70;font-size:9px}.result-stats strong{color:#d9e9e1;font-size:12px}.success-actions,.error-actions{gap:9px;margin-top:18px;display:flex}.primary-button{color:#fff;background:linear-gradient(135deg,#6978f5,#7657df);border:1px solid #727fff;font-size:10px;font-weight:650;box-shadow:0 8px 24px #5c5bde33}.primary-button:hover{transform:translateY(-1px)}.secondary-button{color:#a7acbb;background:#ffffff08;border:1px solid #ffffff17;font-size:10px}.secondary-button:disabled{cursor:default;opacity:.6}.close-hint{color:#647268;margin:13px 0 0;font-size:9px}.error-panel{color:#ff8290;background:#b735430e;border-color:#ff687730;gap:12px;display:flex}.error-panel>div{min-width:0}.error-panel strong{color:#ffe3e6;font-size:12px}.error-panel p{color:#a77e84;word-break:break-word;margin:8px 0 0;font-size:10px;line-height:1.6}.finding{border-left:2px solid #5e6882;flex-direction:column;gap:5px;margin-top:12px;padding:2px 0 2px 10px;display:flex}.finding.success{border-color:#58bd8e}.finding.warning{border-color:#c89a4d}.finding.error{border-color:#df6674}.finding strong{color:#c9ccda;font-size:10px}.finding span{color:#6e7587;font-size:9px;line-height:1.45}@media (width<=860px){.builder-shell{padding-inline:16px}.builder-layout{grid-template-columns:1fr}.build-main{min-height:auto}.build-terminal{height:280px}}@media (width<=560px){.landing-shell{padding:14px}.landing-card{border-radius:20px;min-height:calc(100vh - 28px);padding:22px}.landing-icon{margin-top:46px}.handoff-shell{padding:14px}.handoff-card{border-radius:20px;min-height:calc(100vh - 28px);padding:22px}.status-orb{margin-top:52px}.brand-product,.brand-divider,.isolation-badge span{display:none}.build-main{padding:24px 18px}.build-status-icon{border-radius:17px;width:54px;height:54px}.stage-list,.result-stats{grid-template-columns:1fr}.success-actions,.error-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}