:root{--bg:#0b111b;--panel:#101824;--panel2:#131e2c;--line:#233044;--muted:#8290a4;--text:#e7edf6;--teal:#37d3ae;--blue:#188cff;--amber:#ffb84d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#172a42 0,var(--bg) 46%)}.login-card{width:min(420px,calc(100vw - 40px));padding:42px;border:1px solid var(--line);border-radius:20px;background:#111a27d9;box-shadow:0 30px 80px #0008}.mark{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--blue));font-size:24px;font-weight:850;color:white;box-shadow:0 12px 34px #149fd644}.mark.small{width:30px;height:30px;border-radius:9px;font-size:14px}.eyebrow,.section-label{color:#7f91a9;font-size:10px;font-weight:800;letter-spacing:.14em}.login-card h1{font-size:27px;margin:22px 0 8px}.muted{color:var(--muted);line-height:1.6}.login-card form{display:grid;gap:16px;margin-top:28px}.login-card label{display:grid;gap:7px;color:#b9c5d4;font-size:12px}.login-card input{background:#0b121d;border:1px solid #2a394e;border-radius:9px;color:white;padding:12px 13px;outline:none}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #188cff22}.primary{border:0;border-radius:9px;background:linear-gradient(135deg,#18a9d4,#1985ff);color:white;padding:12px;font-weight:750;cursor:pointer}.error{color:#ff8080;min-height:18px;margin:0}.footnote{text-align:center;color:#67758a;font-size:11px;margin:20px 0 0}.app-shell{height:100vh;display:grid;grid-template-columns:248px minmax(430px,1fr) minmax(430px,46%);overflow:hidden}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0d1520;padding:18px 14px}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:750;padding:0 6px 18px}.new-project{background:#172536;border:1px solid #2a3a50;color:#dce7f5;border-radius:9px;padding:10px;text-align:left;cursor:pointer}.section-label{margin:24px 8px 9px}.project{width:100%;border:1px solid #2a3a50;background:#172333;color:white;border-radius:10px;padding:10px;display:flex;gap:10px;text-align:left}.project-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#183c4b;color:var(--teal);font-size:11px;font-weight:800}.project strong,.project small{display:block}.project small{color:#92a0b4;font-size:11px;margin-top:5px}.project small i,.preview-foot i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--amber);margin-right:5px}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 7px 18px;border-bottom:1px solid var(--line)}.project-meta span,.project-meta strong{display:block;font-size:10px}.project-meta span{color:#6f7e92;margin-bottom:4px}.project-meta strong{color:#b7c3d2}.project-meta .amber{color:var(--amber)}nav{display:grid;gap:4px;margin-top:16px}nav button{border:0;background:transparent;color:#8190a3;padding:9px 11px;border-radius:7px;text-align:left;cursor:pointer}nav button span{margin-left:10px}nav button.active,nav button:hover{background:#172333;color:#dce7f5}.sidebar footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:#5f6d80;font-size:10px}.sidebar footer button{background:none;border:0;color:#8795a8;cursor:pointer}.workspace{display:flex;min-width:0;flex-direction:column;background:#0e1621;border-right:1px solid var(--line)}.topbar,.preview-head{height:58px;flex:0 0 58px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid var(--line);font-size:12px}.crumb{color:#637188}.status{color:#96a5b8;border:1px solid #2a384b;border-radius:20px;padding:7px 10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.amber-dot{background:var(--amber)}.chat-scroll{overflow:auto;padding:42px clamp(24px,5vw,62px)}.welcome{text-align:center;max-width:540px;margin:0 auto 42px}.spark{color:var(--teal);font-size:24px}.welcome h2{font-size:25px;margin:12px 0 10px}.welcome p{color:#8493a7;line-height:1.65}.message{display:grid;grid-template-columns:34px 1fr;gap:12px;margin:0 auto 24px;max-width:660px}.avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#173c4b;color:var(--teal);font-weight:800}.message-head{display:flex;align-items:center;gap:10px}.message-head time{font-size:10px;color:#667489}.message p{color:#a8b5c5;line-height:1.6}.checklist{border:1px solid var(--line);background:#101a28;border-radius:10px;padding:5px 14px}.checklist div{padding:9px 0;border-bottom:1px solid #1c2939;color:#6f7f94;font-size:12px}.checklist div:last-child{border:0}.checklist .done{color:var(--teal)}.checklist span{color:#a8b5c5;margin-left:7px}.activity-card{border:1px solid var(--line);border-radius:11px;max-width:660px;margin:auto;overflow:hidden;background:#101925}.activity-card header,.activity-card>div{display:flex;align-items:center;padding:11px 14px;border-bottom:1px solid #1d2939}.activity-card>div:last-child{border:0}.activity-card header{justify-content:space-between;color:#718096;font-size:10px;font-weight:800;letter-spacing:.12em}.activity-card button{border:0;background:transparent;color:#7890ad;font-size:10px}.activity-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;margin-right:10px}.green{background:#143a32;color:var(--teal)}.amber-bg{background:#3b2b18;color:var(--amber)}.activity-card p{margin:0;display:grid;gap:3px;font-size:11px}.activity-card p small{color:#68778b}.activity-card time{margin-left:auto;color:#637085;font-size:10px}.composer{padding:15px 24px 19px;border-top:1px solid var(--line)}.composer-box{border:1px solid #2a384b;background:#101a27;border-radius:12px;padding:10px}.composer textarea{width:100%;min-height:52px;resize:none;border:0;background:transparent;color:white;outline:0}.composer-box>div{display:flex;align-items:center;justify-content:space-between;color:#607086;font-size:10px}.composer button{border:0;border-radius:7px;padding:7px 11px;background:#223044;color:#68788e}.preview-panel{min-width:0;display:flex;flex-direction:column;background:#0b111a}.preview-head>div:first-child{display:flex;align-items:center;gap:12px}.preview-url{font-size:10px;color:#728096}.view-controls{display:flex;border:1px solid #263448;border-radius:7px;padding:2px}.view-controls button,.browser-bar button{border:0;background:transparent;color:#73839a;padding:5px 8px;cursor:pointer}.view-controls button.active{background:#203046;color:#e1e9f4;border-radius:5px}.browser-bar{height:44px;display:flex;align-items:center;gap:4px;padding:0 13px;border-bottom:1px solid var(--line);background:#0d1520}.browser-bar div{height:28px;flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:#131e2c;border:1px solid #223147;border-radius:7px;color:#8494a9;font-size:10px}.frame-wrap{flex:1;display:flex;justify-content:center;overflow:hidden;background:#080d14;padding:12px}.frame-wrap iframe{width:100%;height:100%;border:1px solid #243247;border-radius:8px;background:white;transition:width .2s}.preview-foot{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-top:1px solid var(--line);color:#67768b;font-size:9px}@media(max-width:1100px){.app-shell{grid-template-columns:210px 1fr}.preview-panel{display:none}}@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}}