:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17283b;background:#f5f7fa;font-synthesis:none;--blue:#1769ec;--line:#e0e6ee;--muted:#67788b}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,.button-link{cursor:pointer;background:var(--blue);color:white;border:0;border-radius:10px;padding:13px 18px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none}button:hover,.button-link:hover{background:#0e54c3}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #93bafd;outline-offset:3px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.muted{color:#8c9bae;font-weight:400}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:750;letter-spacing:.025em}.mark{display:inline-grid;place-items:center;background:#142b45;color:#fff;width:36px;height:36px;border-radius:10px;letter-spacing:-1px;font-size:14px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--muted)}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.15;letter-spacing:-.9px;font-weight:650}h2{font-size:16px;letter-spacing:-.3px}p{line-height:1.6;color:var(--muted);font-size:14px}.entry{min-height:100svh;max-width:520px;margin:auto;padding:55px 24px 30px}.entry-card{margin-top:70px}.entry h1{font-size:42px;margin:15px 0 18px}.entry form{margin-top:34px}.entry label{display:block;font-size:13px;font-weight:600;margin:20px 0}.entry input{display:block;width:100%;padding:14px 15px;background:white;border:1px solid #d4deea;border-radius:10px;margin-top:8px;color:inherit}.entry button{width:100%;justify-content:space-between;margin-top:8px}.entry-note{display:block;margin-top:35px;line-height:1.6;color:var(--muted)}.error{color:#bd3344;font-size:13px;min-height:18px;margin-top:12px}header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px}nav{display:flex;align-items:center;gap:25px;font-size:13px}.quiet{background:transparent;color:var(--muted);padding:8px 10px;font-size:12px}.quiet:hover{background:#edf2f8;color:#17283b}.workspace{display:grid;grid-template-columns:minmax(400px,1.2fr) minmax(340px,1fr);max-width:1600px;margin:0 auto;min-height:calc(100svh - 76px)}.chat{padding:32px 35px;display:flex;flex-direction:column;min-height:calc(100svh - 76px);max-height:calc(100svh - 76px)}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.chat-head h1{margin-top:9px;font-size:26px}.pill{font-size:11px;background:#e8eef7;color:#58708e;border:1px solid #d6e0ed;border-radius:999px;white-space:nowrap;padding:7px 11px}.pill.ready{background:#e4f4ed;color:#2f7658;border-color:#d1e9dd}.connect{padding:20px;border:1px solid #d6e1f3;background:#eef4ff;border-radius:14px;margin-top:24px}.connect p{font-size:13px;margin:8px 0 14px}.connect h2{font-size:15px}.connect button{font-size:12px;padding:10px 14px}#login-code{border-top:1px solid #d5e1f6;margin-top:16px}#code{font-family:ui-monospace,monospace;font-size:25px;display:block;margin-bottom:15px;color:#142b45}.button-link{font-size:13px;padding:11px 15px}.history{flex:1;overflow:auto;padding:27px 0 18px;min-height:180px}.welcome{margin:30px auto;max-width:390px}.welcome-symbol{display:block;font-size:30px;color:#85a5d1;margin-bottom:22px}.welcome h2{font-size:22px;line-height:1.4;margin-bottom:10px}.welcome p{margin-bottom:20px}.example{display:flex;justify-content:space-between;text-align:left;background:#fff;color:#40566e;border:1px solid var(--line);width:100%;margin:10px 0;font-weight:450;font-size:13px}.example:hover{background:#edf3fc;color:#12499b}.composer{background:white;border:1px solid #d4deec;border-radius:15px;padding:15px;box-shadow:0 5px 18px #18365406}.composer textarea{resize:vertical;display:block;width:100%;border:0;outline:none;background:transparent;color:inherit;line-height:1.5;font-size:14px;min-height:75px;max-height:220px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.composer small{font-size:10px;color:var(--muted);line-height:1.5}.composer button{padding:11px 14px;font-size:12px;flex-shrink:0}.composer .error:empty{display:none}.preview{border-left:1px solid var(--line);background:#edf1f6;padding:32px 26px;display:flex;flex-direction:column;max-height:calc(100svh - 76px)}.preview-head{display:flex;justify-content:space-between;align-items:center}.preview-head h2{margin-top:9px;font-size:21px}.site-state{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin:20px 0 13px}.site-state span:first-child{width:6px;height:6px;background:#a3acb8;border-radius:100%}.site-state .online{background:#459a75!important}iframe{width:100%;flex:1;min-height:400px;border:1px solid #d5deea;border-radius:12px;background:#fff}.preview-note{margin-top:14px;font-size:11px}.task{border-bottom:1px solid var(--line);padding:18px 0 22px}.task:first-child{padding-top:0}.task-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;margin-bottom:9px}.task-prompt{font-size:14px;color:#20374f;line-height:1.6;white-space:pre-wrap;font-weight:550}.task-events{border-left:2px solid #dce5f1;padding-left:14px;margin:14px 0 0}.event{font-size:11px;color:var(--muted);line-height:1.6;margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.event.answer{font-size:13px;color:#2a425b;margin:12px 0;line-height:1.65}.event.error{color:#ad3c4c}.task-message{font-size:11px;color:#58718c;margin-top:12px;line-height:1.6}.status-failed,.status-interrupted{color:#ad3c4c}.status-done{color:#2f7658}.status-running{color:#1769ec}.loading{height:100svh;display:grid;place-items:center;color:var(--muted);font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){.brand .muted{display:none}.chat{padding:26px 22px}.preview{padding:26px 18px}.chat-head{align-items:flex-start;flex-direction:column}.chat-head h1{font-size:25px}}@media(max-width:780px){header{height:64px;padding:0 18px}.brand{font-size:11px}nav{gap:8px;font-size:11px}.workspace{display:flex;flex-direction:column}.chat{min-height:calc(100svh - 64px);max-height:none;padding:24px 18px}.history{max-height:55svh;min-height:230px}.chat-head{flex-direction:row;align-items:center}.chat-head h1{font-size:22px}.pill{font-size:9px;padding:6px 8px}.preview{border-left:0;border-top:1px solid var(--line);max-height:none;padding:25px 18px}iframe{height:520px;flex:none}.entry{padding-top:30px}.entry-card{margin-top:50px}.entry h1{font-size:36px}.composer-bottom{align-items:flex-end}.composer small{max-width:140px}}