:root{color-scheme:dark;--ink:#25344d;--sky:#ccddf0;--paper:#f7f8fa;--coral:#e9a18d}*{box-sizing:border-box}body{margin:0;background:#141e2f;color:var(--paper);font:14px/1.5 'DM Sans',Arial,sans-serif}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button,a{transition:background .15s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--coral);outline-offset:3px}a{color:var(--sky)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.workspace-header{height:84px;padding:14px 24px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #ccddf029;background:#1b293e}.back-link{text-decoration:none;font-size:12px;min-height:44px;display:flex;align-items:center}.workspace-identity{display:flex;gap:12px;align-items:center;flex:1;min-width:0}.workspace-identity h1{font-size:19px;line-height:1.25;letter-spacing:-.5px}.workspace-identity p{color:#c0cfe2;font-size:11px;margin-top:4px}#business-mark{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:11px;font-weight:700;background:var(--sky);color:var(--ink)}.quiet-button{min-height:40px;padding:8px 12px;background:transparent;color:var(--sky);border:1px solid #ccddf040;border-radius:7px;font-size:11px;white-space:nowrap}.quiet-button:hover{background:#ccddf018}.workspace{height:calc(100dvh - 84px);display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:0}.preview-panel{min-width:0;min-height:0;padding:18px 18px 0;display:flex;flex-direction:column}.preview-toolbar{min-height:50px;display:flex;gap:14px;align-items:center;padding:0 0 12px}.preview-toolbar h2{font-size:12px;font-weight:500;color:#bccce1;flex:1}.comparison{display:flex;gap:3px;background:#223149;padding:3px;border-radius:7px}.comparison button{background:transparent;border:0;color:#c5d2e3;padding:8px 12px;border-radius:4px;font-size:11px;min-height:34px}.comparison button[aria-pressed=true]{background:var(--sky);color:var(--ink);font-weight:700}.preview-holder{flex:1;min-height:0;position:relative;background:#26344b;border:1px solid #ccddf03b;border-radius:9px;overflow:hidden}.preview-holder iframe{border:0;width:100%;height:100%;display:block;background:#fff}.preview-loading{position:absolute;inset:0;display:grid;place-items:center;background:#25344de8;color:var(--sky);padding:30px}.preview-foot{min-height:36px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:10px;color:#adbed5}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#1b293e;border-left:1px solid #ccddf029}.chat-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 22px 16px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:600;color:var(--coral)}.chat-heading h2{font-size:24px;font-weight:600;letter-spacing:-.8px;margin-top:7px}.ai-dot{width:9px;height:9px;border-radius:50%;background:#b8dac9;box-shadow:0 0 0 5px #b8dac911}.trial-summary{padding:0 22px 14px;border-bottom:1px solid #ccddf021}.trial-count{display:flex;align-items:center;justify-content:space-between;gap:8px}.trial-count strong{font-size:12px}.trial-count button{border:0;background:none;color:#b8cbe4;text-decoration:underline;text-underline-offset:3px;font-size:10px;padding:6px 0}.trial-progress{display:flex;gap:5px;margin-top:8px}.trial-progress i{height:3px;flex:1;background:#485973;border-radius:3px}.trial-progress i.available{background:#b8dac9}#trial-info{font-size:11px;line-height:1.7;color:#c0cfe2;padding-top:12px}.conversation{flex:1;min-height:100px;overflow:auto;overscroll-behavior:contain;padding:20px 22px;scroll-behavior:smooth}.message{padding:0 0 22px}.message:last-child{padding-bottom:0}.message-label{font-size:9px;color:#b4c8e1;letter-spacing:1px;font-weight:700;display:block;margin-bottom:7px}.message p{font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{border-radius:10px;background:#31435d;padding:13px 15px;margin:2px 0 20px}.message.user .message-label{color:#dbe7f7}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 22px 15px}.suggestions button{background:#273950;border:1px solid #ccddf038;border-radius:6px;color:var(--sky);text-align:left;padding:9px 11px;font-size:11px;min-height:38px}.suggestions button:hover{background:#3a4f6a}.ai-status{font-size:11px;color:var(--sky);padding:0 22px}.ai-status:not(:empty){padding-block:10px}.error-message{margin:8px 18px;padding:12px;border:1px solid var(--coral);border-radius:6px;font-size:12px}.error-message button{background:transparent;color:var(--paper);border:0;text-decoration:underline;padding:10px 0 0}.chat-form{margin:0 18px;border:1px solid #ccddf053;border-radius:10px;background:#142136;padding:10px}.chat-form textarea{resize:vertical;min-height:70px;max-height:170px;width:100%;border:0;border-radius:4px;background:none;color:var(--paper);padding:3px 5px;font-size:13px;line-height:1.6}.chat-form textarea::placeholder{color:#b3c5de}.composer-footer{display:flex;gap:10px;align-items:center;justify-content:space-between;padding-top:8px}.composer-footer span{font-size:9px;color:#bdcce0}.composer-footer button,.signup-gate>button,.signup-submit{background:var(--sky);color:var(--ink);border:0;border-radius:6px;font-weight:700;padding:11px 14px;font-size:11px;min-height:42px}.composer-footer button:hover,.signup-gate>button:hover,.signup-submit:hover{background:#f7f8fa}.chat-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:9px;color:#b7c8df}.chat-foot button{background:none;border:0;color:var(--sky);padding:5px 0;text-decoration:underline;font-size:9px}.signup-gate{margin:10px 18px 0;padding:18px;border:1px solid #e9a18d66;border-radius:10px;background:#2c3547}.signup-gate h3{font-size:24px;letter-spacing:-.7px;margin:7px 0 9px}.signup-gate p{font-size:12px;line-height:1.6;color:#deE6f0}.signup-gate>button{margin:14px 0 10px;width:100%;background:var(--coral)}.signup-gate small{display:block;color:#d5dfeE;font-size:10px}.reopen-chat{position:fixed;bottom:42px;right:30px;min-height:52px;padding:12px 22px;border:2px solid #fff;border-radius:30px;background:var(--sky);color:var(--ink);font-weight:700;box-shadow:0 7px 26px #0005}.chat-collapsed .workspace{grid-template-columns:1fr}.chat-collapsed .chat-panel{display:none}dialog{border:1px solid #ccddf050;border-radius:16px;background:#25344d;color:var(--paper);width:min(510px,calc(100% - 32px));max-height:calc(100% - 32px);padding:34px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#0d1628ba;backdrop-filter:blur(4px)}dialog h2{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:15px 0}dialog p{font-size:13px;line-height:1.7;color:#d0deee}dialog .dialog-close{float:right;margin:-15px -15px 0 12px;width:44px;height:44px;border:1px solid #ccddf04f;border-radius:50%;background:none;color:var(--sky);font-size:22px}#signup-form>label{display:block;font-size:12px;margin:20px 0 7px}#signup-email{width:100%;min-height:47px;border:1px solid #ccddf06b;border-radius:6px;background:#18263c;color:var(--paper);padding:10px 12px}#signup-form .consent{display:flex;gap:10px;align-items:flex-start;line-height:1.5;font-size:11px}#signup-consent{flex-shrink:0;margin:3px 0 0;width:16px;height:16px;accent-color:#ccddf0}.signup-submit{width:100%;margin:13px 0}dialog .signup-fineprint{font-size:10px;color:#c1d0e4;margin:15px 0}#pricing-link{font-size:11px}dialog .signup-error{color:#ffc7b7;padding-top:12px}dialog .signup-success{border:1px solid #b8dac9;padding:16px;margin-top:20px;color:#d9f0e4;border-radius:8px}@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 405px}.chat-heading,.conversation{padding-inline:28px}.chat-heading h2{font-size:27px}}@media(max-width:1000px) and (min-width:761px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.workspace-header{gap:18px;padding-inline:18px}.preview-panel{padding-inline:10px}.chat-heading,.conversation{padding-inline:18px}.trial-summary{padding-inline:18px}.preview-toolbar{gap:7px}.preview-toolbar h2{display:none}.comparison{flex:1}.comparison button{flex:1}.workspace-identity h1{font-size:17px}.preview-foot>span:last-child{display:none}}@media(max-width:760px){.workspace-header{height:70px;padding:10px 12px;gap:10px}.back-link{font-size:0;min-width:26px}.back-link:before{content:'←';font-size:19px}.workspace-identity h1{font-size:15px;letter-spacing:-.3px}.workspace-identity p{font-size:9px}.workspace-identity{gap:8px}#business-mark{width:31px;height:31px;font-size:11px;border-radius:8px}#focus-site{max-width:102px;white-space:normal;font-size:10px;line-height:1.3;padding:7px}.workspace{height:calc(100dvh - 70px);grid-template-columns:1fr;grid-template-rows:minmax(180px,42%) minmax(0,1fr)}.preview-panel{padding:6px 8px 0}.preview-toolbar{min-height:36px;padding-bottom:5px;gap:7px}.preview-toolbar h2{font-size:10px}.comparison button{font-size:10px;min-height:28px;padding:5px 10px}.preview-toolbar .quiet-button{font-size:10px;min-height:30px;padding:5px 9px}.preview-foot{font-size:8px;min-height:23px;gap:8px}.chat-panel{border-left:0;border-top:1px solid #ccddf036;overflow:auto;overscroll-behavior:contain}.chat-heading{padding:11px 16px 6px}.chat-heading h2{font-size:19px;margin-top:1px}.chat-heading .eyebrow{font-size:8px}.trial-summary{padding:0 16px 8px;flex-shrink:0}.trial-count strong{font-size:10px}.trial-count button{font-size:9px;padding-block:3px}.trial-progress{margin-top:5px}.conversation{padding:12px 16px;min-height:110px;flex:1}.message p{font-size:12px;line-height:1.6}.message-label{font-size:8px}.message{padding-bottom:14px}.suggestions{padding:0 14px 8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;flex-shrink:0}.suggestions button{font-size:9px;padding:5px 6px;min-height:33px}.chat-form{margin:0 12px;flex-shrink:0;padding:7px}.chat-form textarea{min-height:45px;height:45px;max-height:100px;font-size:12px}.composer-footer{padding-top:2px}.composer-footer button{min-height:34px;padding:7px 12px;font-size:10px}.chat-foot{padding:6px 14px;font-size:8px;flex-shrink:0}.chat-foot button{font-size:8px}.ai-status{padding-inline:14px;flex-shrink:0}.signup-gate{margin:8px 12px;flex-shrink:0;padding:13px}.signup-gate h3{font-size:21px}.signup-gate p{font-size:11px}.chat-collapsed .workspace{grid-template-rows:1fr}.chat-collapsed .preview-foot{padding-bottom:6px}.reopen-chat{bottom:30px;right:18px}.error-message{flex-shrink:0}.signup-gate>button{margin-block:9px}dialog{padding:25px}dialog h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.trial-boundary{font-size:10px;color:#c2d0e3;line-height:1.5;margin-top:9px}@media(max-width:760px){.trial-boundary{font-size:9px;margin-top:6px}}
.return-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;font-size:10px;color:#c2d0e3}.return-row button{border:0;background:none;color:var(--sky);font:inherit;text-decoration:underline;text-underline-offset:3px;padding:5px 0}#return-url{display:block;width:100%;margin-top:8px;background:#18263c;color:var(--paper);border:1px solid #ccddf06b;border-radius:6px;min-height:44px;padding:10px;font-size:12px}#return-dialog label{display:block;margin-top:20px;font-size:12px}#return-expiry,#signup-retention{margin-top:10px;font-size:12px}
.ai-status:not(:empty){display:flex;align-items:center;gap:10px;margin:0 18px 10px;padding:12px;border:1px solid #ccddf02b;border-radius:8px;background:#31435d;flex-shrink:0}.thinking-dots{display:flex;align-items:center;gap:4px;min-width:30px;height:15px}.thinking-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#ccddf0;animation:thinking-dot 1.25s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.18s}.thinking-dots i:nth-child(3){animation-delay:.36s}body[data-ai-thinking=true] .ai-dot{animation:thinking-halo 1.8s ease-in-out infinite}@keyframes thinking-dot{0%,65%,100%{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes thinking-halo{0%,100%{box-shadow:0 0 0 4px #b8dac911}50%{box-shadow:0 0 0 9px #b8dac929}}@media(prefers-reduced-motion:reduce){.thinking-dots i,body[data-ai-thinking=true] .ai-dot{animation:none}.thinking-dots i{opacity:1}}@media(max-width:760px){.ai-status:not(:empty){margin:0 12px 7px;padding:9px;font-size:10px}}
#signup-plan,#own-site-url{display:block;width:100%;min-height:46px;border:1px solid #ccddf06b;border-radius:6px;background:#18263c;color:var(--paper);padding:10px 12px;font:inherit;font-size:13px}#own-site-form label{display:block;margin:20px 0 8px;font-size:12px}.signup-gate>#demo-signup{background:transparent;color:var(--sky);border:1px solid #ccddf040;margin-top:0;font-weight:500;font-size:10px}.chat-foot{flex-wrap:wrap}