:root{color:#e9edf7;font-synthesis:none;text-rendering:optimizelegibility;background:#0a0d14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.shell{background:radial-gradient(at 70% 0,#172039 0,#0000 42%),#0a0d14;min-height:100vh}.topbar{border-bottom:1px solid #222a3a;justify-content:space-between;align-items:center;height:76px;padding:0 30px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{color:#8e9ab0;margin-top:3px;font-size:11px}.status{color:#bdc7da;font-size:12px}.dot{background:#50d6a0;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.divider{color:#485168;margin:0 10px}.layout{grid-template-columns:245px 1fr;min-height:calc(100vh - 112px);display:grid}.sidebar{border-right:1px solid #222a3a;flex-direction:column;gap:9px;padding:24px 16px;display:flex}.primary,.secondary{color:#f3f5fb;text-align:left;cursor:pointer;background:#202b42;border:1px solid #39465f;border-radius:9px;padding:11px 13px}.primary{text-align:center;background:#5b50d9;border-color:#7569ed;font-weight:650}.sidebar h4{letter-spacing:1.5px;color:#6f7d96;margin:27px 10px 8px;font-size:10px}.nav{color:#a6b1c5;border-radius:8px;align-items:center;gap:10px;padding:11px 10px;font-size:13px;display:flex}.nav.active{color:#f2f5ff;background:#1b2335}.sidebar-bottom{gap:12px;margin-top:auto;display:grid}.safe{color:#8ce1c2;background:#102320;border:1px solid #244c48;border-radius:9px;align-items:flex-start;gap:10px;padding:12px;display:flex}.safe b,.safe small{display:block}.safe b{font-size:11px}.safe small{color:#8baea7;margin-top:5px;font-size:10px}.sidebar-bottom>small{color:#8290a8;overflow-wrap:anywhere;font-size:10px}.main{width:100%;max-width:1080px;margin:0 auto;padding:54px 6% 30px}.welcome{max-width:740px;margin:0 auto 35px}.eyebrow{letter-spacing:2px;color:#9d91ff;font-size:10px;font-weight:800}.welcome h1{letter-spacing:-1.8px;margin:15px 0;font-size:clamp(32px,4vw,52px);line-height:1.1}.welcome h1 span{color:#0000;background:linear-gradient(90deg,#a89cff,#6cb6ff);-webkit-background-clip:text;background-clip:text}.welcome p{color:#9ca9c0;max-width:600px;font-size:14px;line-height:1.7}.pill-row{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.pill-row span{color:#b8c4d9;background:#101623;border:1px solid #283349;border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.chat{background:#101521;border:1px solid #2a3448;border-radius:15px;max-width:800px;margin:auto;overflow:hidden;box-shadow:0 20px 70px #0004}.chat-heading{border-bottom:1px solid #252d3d;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.chat-heading b,.chat-heading small{display:block}.chat-heading b{font-size:13px}.chat-heading small{color:#8492aa;margin-top:5px;font-size:10px}.live{color:#69ddb1;letter-spacing:1px;font-size:9px}.messages{flex-direction:column;gap:17px;min-height:160px;max-height:390px;padding:20px;display:flex;overflow:auto}.message{align-items:flex-start;gap:11px;display:flex}.avatar{color:#c5bbff;background:#292448;border-radius:9px;flex:0 0 30px;place-items:center;height:30px;font-size:9px;font-weight:800;display:grid}.user .avatar{color:#a5d6ff;background:#1d3850}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;color:#cbd4e5;background:#171f2d;border-radius:4px 10px 10px;max-width:90%;padding:9px 12px;font-size:12px;line-height:1.6}.user .bubble{background:#1a2940}.composer{background:#0c111b;border:1px solid #344159;border-radius:10px;align-items:center;margin:0 16px;padding:7px;display:flex}.composer textarea{resize:vertical;color:#e8edf8;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:8px;font-size:12px}.composer button{color:#fff;cursor:pointer;background:#6257e8;border:0;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.composer button:disabled{opacity:.4;cursor:not-allowed}.hint{color:#68768e;padding:9px 20px 15px;font-size:10px}footer{color:#63718a;text-align:center;border-top:1px solid #20283a;padding:14px;font-size:10px}@media (width<=760px){.topbar{padding:0 16px}.status{font-size:0}.status .dot{font-size:12px}.layout{grid-template-columns:1fr}.sidebar{display:none}.main{padding:35px 16px}.welcome h1{font-size:37px}.pill-row{gap:6px}.pill-row span{font-size:9px}}.model-label{color:#64738d;margin:5px 2px 0;font-size:9px}.messages{min-height:130px}.project-options{grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px 10px;display:grid}.project-options label{color:#8998b1;flex-direction:column;gap:6px;font-size:10px;display:flex}.project-options input,.project-options select{color:#dce5f6;width:100%;font:inherit;background:#0c111b;border:1px solid #344159;border-radius:7px;min-width:0;padding:9px;font-size:11px}.image-attachment{color:#aab8ce;border:1px solid #344159;border-radius:8px;align-items:center;gap:10px;margin:4px 16px 12px;padding:8px;font-size:11px;display:flex}.image-attachment img{object-fit:cover;border-radius:5px;width:54px;height:54px}.image-attachment span{overflow-wrap:anywhere;flex:1}.image-attachment button,.attach-button{color:#b9c6dc;cursor:pointer;background:#151e2d;border:1px solid #344159;border-radius:7px;place-items:center;min-width:34px;height:34px;display:grid}.hidden-file{display:none}.composer .attach-button{color:#9fafff;background:#151e2d;flex:0 0 35px}.zip-actions{align-items:center;gap:12px;padding:10px 16px 0;display:flex}.zip-button{color:#f0edff;cursor:pointer;background:#2b2659;border:1px solid #7469e8;border-radius:8px;align-items:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:700;display:flex}.zip-button:disabled{opacity:.45;cursor:not-allowed}.zip-actions span{color:#6f7e96;font-size:9px}.hint{line-height:1.6}@media (width<=600px){.project-options{grid-template-columns:1fr}.zip-actions{flex-direction:column;align-items:flex-start}.composer{margin:0 10px}.project-options{padding-left:10px;padding-right:10px}}.primary,.secondary,.zip-button{justify-content:center;align-items:center;gap:8px;display:flex}.chat-history{flex-direction:column;gap:5px;max-height:48vh;display:flex;overflow:auto}.history-item{color:#a6b1c5;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;width:100%;padding:10px;font-size:12px;display:flex}.history-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-item:hover,.history-item.selected{color:#f2f5ff;background:#1b2335;border-color:#303b52}.muted{color:#75829a;padding:8px;font-size:11px}.account{gap:8px;display:grid}.account-email{color:#8b99b0;overflow-wrap:anywhere;font-size:10px}.account .secondary{width:100%;font-size:11px}.attachments-list{flex-wrap:wrap;gap:7px;padding:10px 16px;display:flex}.attachment-chip{color:#bdc8dc;background:#151e2d;border:1px solid #344159;border-radius:8px;align-items:center;gap:7px;max-width:100%;padding:6px 8px;font-size:10px;display:flex}.attachment-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.attachment-chip button{color:#9eacc2;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.sign-in{flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100vh;padding:24px;display:flex}.sign-in-card{text-align:center;background:#101521;border:1px solid #2a3448;border-radius:18px;width:min(100%,470px);padding:35px;box-shadow:0 20px 70px #0004}.sign-in-card .large{width:54px;height:54px;margin:auto;font-size:17px}.sign-in-card h1{font-size:28px;line-height:1.2}.sign-in-card p{color:#9ca9c0;font-size:13px;line-height:1.7}.sign-in-card>small{color:#6f7e96;margin-top:16px;font-size:10px;display:block}.google-login{color:#111827;background:#f3f4f6;border-radius:9px;justify-content:center;align-items:center;gap:10px;margin-top:22px;padding:12px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.google-login:hover{background:#fff}.message>div:last-child{flex:1;min-width:0}.bubble{max-width:100%}.messages{max-height:52vh}.chat-heading small{max-width:540px;line-height:1.4}@media (width<=760px){.chat-history{max-height:none}.sign-in-card{padding:24px}.messages{max-height:48vh}}