:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17191d;--muted:#6f7782;--line:#dfe3e6;--paper:#f5f3ee;--panel:#fff;--field:#f8faf9;--accent:#0d9488;--accent-dark:#0f766e;--amber:#c9831f;--blue:#3164d9;--shadow:0 24px 80px #13181f1f}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,a{font:inherit}a{color:inherit}.login-shell{grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);min-height:100svh;display:grid}.brand-pane{color:#f8faf9;background:radial-gradient(circle at 16% 18%,#0d948833,#0000 30%),linear-gradient(145deg,#15201f 0%,#101316 58%,#20242a 100%);flex-direction:column;justify-content:space-between;min-height:100svh;padding:clamp(28px,5vw,64px);display:flex}.brand-mark{color:#f8faf9db;letter-spacing:0;align-items:center;gap:10px;width:fit-content;font-size:14px;font-weight:700;display:inline-flex}.mark-dot{background:var(--accent);border:3px solid #ffffffeb;border-radius:999px;width:13px;height:13px;box-shadow:0 0 0 6px #0d948838}.brand-copy{max-width:650px;padding:80px 0}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}.brand-copy h1{letter-spacing:0;max-width:680px;margin:0;font-size:clamp(44px,7vw,82px);line-height:.96}.mobile-title{display:none}.lede{color:#f8faf9b8;max-width:570px;margin:28px 0 0;font-size:clamp(17px,2vw,20px);line-height:1.55}.access-pane{flex-direction:column;justify-content:center;gap:24px;min-height:100svh;padding:clamp(24px,5vw,64px);display:flex}.login-panel{width:min(100%,520px);box-shadow:var(--shadow);background:#ffffffe6;border:1px solid #dfe3e6e6;border-radius:8px;margin-inline:auto;padding:clamp(28px,5vw,48px)}.panel-heading h2{letter-spacing:0;margin:0;font-size:clamp(30px,4vw,44px);line-height:1}.panel-heading p:last-child{color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.55}.login-form{gap:18px;margin-top:34px;display:grid}.login-form label{color:#3f464d;gap:8px;font-size:13px;font-weight:700;display:grid}.login-form input{background:var(--field);width:100%;height:52px;color:var(--ink);border:1px solid #d6dce0;border-radius:6px;outline:none;padding:0 15px;transition:border-color .16s,background .16s,box-shadow .16s}.login-form input:focus{background:#fff;border-color:#0d9488ad;box-shadow:0 0 0 4px #0d94881f}.login-form button,.primary-action{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;height:54px;margin-top:4px;font-weight:800;text-decoration:none;transition:transform .16s,background .16s;display:inline-flex}.login-form button:hover,.primary-action:hover{background:var(--accent-dark);transform:translateY(-1px)}.login-form button:disabled{cursor:wait;opacity:.72;transform:none}.form-error{color:#a43d2b;margin:-4px 0 0;font-size:12px;font-weight:800}.panel-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;font-size:12px;line-height:1.5;display:flex}.panel-footer a{color:var(--accent-dark);font-weight:800;text-decoration:none}@media (max-width:980px){.login-shell{grid-template-columns:1fr}.brand-pane{min-height:auto}.brand-copy{padding:72px 0}.access-pane{min-height:auto}}@media (max-width:640px){.brand-pane,.access-pane{padding:24px}.brand-copy{padding:42px 0 36px}.brand-copy h1{font-size:36px;line-height:1.05}.desktop-title{display:none}.mobile-title{display:block}.lede{margin-top:18px;font-size:15px}.login-panel{padding:24px}}.builder-shell{background:#eef1ee;grid-template-columns:minmax(360px,.38fr) minmax(0,1fr);height:100svh;min-height:720px;display:grid;overflow:hidden}.builder-chat{background:#fbfcfa;border-right:1px solid #d8ded9;grid-template-rows:auto auto 1fr auto;min-height:0;display:grid;overflow:hidden}.builder-chat-header,.preview-topbar{border-bottom:1px solid #d8ded9;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:18px 22px;display:flex}.workspace-brand{align-items:center;gap:10px;font-size:14px;font-weight:800;display:inline-flex}.target-switcher{flex-wrap:wrap;gap:6px;margin-top:12px;display:inline-flex}.target-switcher button{color:#536066;cursor:pointer;background:#fff;border:1px solid #d3dbd5;border-radius:999px;min-height:28px;padding:0 10px;font-size:11px;font-weight:900}.target-switcher button.active{color:var(--accent-dark);background:#e9f6f3;border-color:#0d948866}.environment-pill,.review-state{color:var(--accent-dark);border:1px solid #cdd6d0;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.change-summary{border-bottom:1px solid #e1e6e2;padding:22px}.change-summary h1{letter-spacing:0;margin:0;font-size:clamp(28px,3vw,42px);line-height:1}.change-summary p:last-child{color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.5}.message-list{overscroll-behavior:contain;scroll-behavior:smooth;align-content:start;gap:14px;min-height:0;padding:22px;display:grid;overflow-y:auto}.message-list:before{content:"";min-height:12px}.message-row{gap:7px;max-width:88%;display:grid}.message-row.system{justify-self:end}.message-row span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.message-row p{color:#273034;background:#fff;border:1px solid #d8ded9;border-radius:8px;margin:0;padding:13px 14px;font-size:14px;line-height:1.45}.message-row.system p{background:#edf7f4;border-color:#0d948838}.message-row.pending p{color:var(--muted)}.prompt-box{background:#fbfcfa;border-top:1px solid #d8ded9;gap:12px;padding:16px;display:grid}.prompt-box textarea{resize:vertical;width:100%;min-height:108px;color:var(--ink);background:#fff;border:1px solid #cfd7d1;border-radius:8px;outline:none;padding:14px}.prompt-box textarea:focus{border-color:#0d9488ad;box-shadow:0 0 0 4px #0d94881a}.prompt-actions,.review-buttons{justify-content:flex-end;gap:8px;display:flex}.prompt-actions button,.review-buttons button,.viewport-switcher button{cursor:pointer;border:1px solid #cfd7d1;border-radius:6px;font-weight:800}.prompt-actions button,.review-buttons button{min-height:40px;color:var(--ink);background:#fff;padding:0 14px}.prompt-actions button:last-child,.review-buttons button:last-child{color:#fff;background:#101416;border-color:#101416}.prompt-actions button:disabled,.review-buttons button:disabled{cursor:wait;opacity:.7}.draft-preview-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.draft-preview-actions button,.draft-preview-actions a,.draft-preview-actions span{color:#0f766e;cursor:pointer;background:#fff;border:1px solid #cbd6cf;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.draft-preview-actions button:hover,.draft-preview-actions a:hover{background:#edf7f4;border-color:#0d94887a}.draft-preview-actions span{color:#718077;cursor:not-allowed;opacity:.76}.builder-preview{grid-template-rows:auto 1fr auto;min-width:0;min-height:0;display:grid;overflow:hidden}.preview-topbar h2{margin:0;font-size:22px;line-height:1.1}.preview-stage{background:linear-gradient(135deg,#0d94881a,#0000 35%),#f6f8f5;place-items:center;min-height:0;padding:28px;display:grid;overflow:auto}.viewport-switcher{border:1px solid #d8dfda;border-radius:7px;gap:4px;padding:3px;display:inline-flex}.viewport-switcher button{height:30px;color:var(--muted);background:0 0;border:0;padding:0 10px;font-size:12px}.viewport-switcher button.active{color:#fff;background:#101416}.phone-preview{aspect-ratio:390/844;background:#eef3ef;border:10px solid #111519;border-radius:34px;width:min(100%,340px);padding:18px;transition:opacity .16s,transform .18s,box-shadow .18s;box-shadow:0 28px 68px #1014162e}.phone-preview.live-preview{background:#f4f5f1;padding:0;overflow:hidden}.phone-preview.preview-updating{opacity:.72;transform:scale(.992);box-shadow:0 22px 48px #10141624}.web-preview{background:#fff;border:1px solid #d7ded9;border-radius:8px;width:min(100%,1180px);height:min(76svh,760px);min-height:520px;transition:opacity .16s,transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 24px 68px #1014161f}.web-preview.preview-updating{opacity:.72;transform:scale(.995);box-shadow:0 18px 48px #1014161a}.web-iframe{background:#fff;border:0;width:100%;height:100%}.phone-iframe{background:#f4f5f1;border:0;width:100%;height:100%}.phone-loading{text-align:center;color:#6b7280;letter-spacing:0;place-items:center;width:100%;height:100%;padding:28px;font-size:.86rem;font-weight:800;display:grid}.phone-status{background:#111519;border-radius:999px;width:68px;height:5px;margin:0 auto 34px}.phone-hero{width:100%;min-height:154px;color:inherit;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:18px;gap:8px;padding:22px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.phone-hero:hover,.phone-hero:focus-visible{transform:translateY(-1px);box-shadow:0 12px 30px #1014161a}.phone-hero.hero-top{align-content:start}.phone-hero.hero-center{align-content:center}.phone-hero.hero-bottom{align-content:end}.phone-hero.density-compact{gap:5px;min-height:126px;padding:18px}.phone-hero.density-spacious{gap:13px;min-height:184px;padding:26px}.phone-hero span{color:var(--accent-dark);font-size:12px;font-weight:800}.phone-hero strong{font-size:30px;line-height:1}.phone-lines{gap:12px;margin-top:22px;display:grid}.phone-lines button{cursor:pointer;background:#fff;border:0;border-radius:14px;height:54px;transition:background .16s,transform .16s}.phone-lines button:hover,.phone-lines button:focus-visible{background:#f8fbf8;transform:translateY(-1px)}.phone-banner{width:100%;height:42px;color:var(--accent-dark);cursor:pointer;background:#e8f7f2;border:0;border-radius:14px;justify-content:center;align-items:center;margin-top:18px;font-size:13px;font-weight:800;display:flex}.phone-action{color:#fff;cursor:pointer;background:#101416;border:0;border-radius:14px;justify-content:center;align-items:center;width:100%;height:48px;margin-top:22px;font-size:14px;font-weight:800;transition:filter .16s,transform .16s;display:flex}.phone-action:hover,.phone-action:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.phone-screen{gap:12px;display:grid}.phone-back{color:#101416;cursor:pointer;background:#fff;border:1px solid #d9e0da;border-radius:999px;width:fit-content;height:30px;padding:0 12px;font-size:12px;font-weight:800}.phone-screen-heading{gap:5px;margin:4px 0 6px;display:grid}.phone-screen-heading span{letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:900}.phone-screen-heading strong{color:#101416;font-size:28px;line-height:1}.phone-row,.phone-metric{color:#101416;cursor:pointer;text-align:left;background:#fff;border:0;border-radius:15px;gap:5px;width:100%;min-height:68px;padding:15px;transition:background .16s,transform .16s;display:grid}.phone-row:hover,.phone-row:focus-visible,.phone-metric:hover,.phone-metric:focus-visible{background:#f8fbf8;transform:translateY(-1px)}.phone-row span,.phone-metric span{font-size:13px;font-weight:900}.phone-row small{color:var(--muted);font-size:11px;line-height:1.35}.phone-metrics{grid-template-columns:1fr 1fr;gap:12px;display:grid}.phone-metric{min-height:96px}.phone-metric strong{font-size:28px;line-height:1}.phone-row.wide{grid-column:1/-1}.review-dock{background:#fbfcfaf5;border-top:1px solid #d8ded9;justify-content:space-between;align-items:center;gap:22px;padding:16px 22px;display:flex}.review-dock ul{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.review-dock li{color:#4a555b;background:#eef3ef;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.review-version{color:var(--muted);margin-left:8px;font-size:12px;font-weight:700;display:inline-flex}.confirm-backdrop{z-index:30;background:#10141657;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#fff;border:1px solid #cdd6d0eb;border-radius:8px;width:min(100%,460px);padding:24px;box-shadow:0 28px 80px #1014163d}.confirm-dialog h2{letter-spacing:0;margin:0;font-size:26px;line-height:1.08}.confirm-dialog p:not(.eyebrow){color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.55}.confirm-dialog ul{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.confirm-dialog li{color:#4a555b;background:#eef3ef;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.confirm-actions button{min-height:42px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #cfd7d1;border-radius:6px;padding:0 14px;font-weight:800}.confirm-actions button:last-child{color:#fff;background:#101416;border-color:#101416}@media (max-width:980px){.builder-shell{grid-template-columns:1fr;height:auto;min-height:100svh;overflow:visible}.builder-chat,.builder-preview{min-height:auto;overflow:visible}.message-list{min-height:360px;max-height:48svh}}@media (max-width:620px){.builder-chat-header,.preview-topbar,.review-dock{flex-direction:column;align-items:stretch}.preview-stage{padding:20px}.web-preview{height:70svh;min-height:480px}.review-buttons,.prompt-actions,.confirm-actions{justify-content:stretch}.review-buttons button,.prompt-actions button,.confirm-actions button{flex:1}}