*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f7fb;color:#111827}a{text-decoration:none;color:inherit}.logo{font-weight:900;letter-spacing:-.04em;font-size:20px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:#111827;color:#fff;padding:12px 18px;font-weight:800;cursor:pointer}.ghost{padding:11px 16px;border:1px solid #d8dce5;border-radius:9px;background:#fff}.landing header,.appbar{height:72px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8eaf0}.landing nav,.appbar nav{display:flex;align-items:center;gap:22px;font-size:13px}.hero{max-width:1080px;margin:0 auto;padding:100px 24px;text-align:center}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:900;color:#5b5ce2;margin-bottom:16px}.hero h1{font-size:68px;line-height:1.02;letter-spacing:-.065em;margin:0}.hero h1 span{color:#6667e8}.hero p{max-width:650px;margin:24px auto;color:#667085;line-height:1.7}.hero-actions{display:flex;justify-content:center;gap:12px;margin:30px 0 55px}.preview{max-width:850px;margin:auto;border:1px solid #dfe2ea;border-radius:16px;background:#fff;overflow:hidden;text-align:left;box-shadow:0 25px 70px #11182712}.windowbar,.tabs{height:44px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid #e8eaf0;background:#fafbfc;font-size:12px;color:#667085}.windowbar i{width:9px;height:9px;border-radius:50%;background:#d0d5dd}.windowbar span{margin-left:10px}.code{padding:35px;font-family:ui-monospace,monospace;line-height:2;color:#344054}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.authbox,.sharebox{width:min(430px,100%);background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:34px;box-shadow:0 20px 60px #1018280d}.authbox h1,.sharebox h1{font-size:30px;letter-spacing:-.04em;margin:35px 0 8px}.authbox p,.sharebox p{color:#667085;font-size:13px;margin-bottom:24px}.authbox input,.authbox textarea,.shareform input,.shareform select{width:100%;padding:13px 14px;border:1px solid #d9dde5;border-radius:9px;margin-bottom:12px;font:inherit}.authbox textarea{height:120px;resize:vertical}.authbox .btn{width:100%;margin-top:4px}.authbox small{display:block;text-align:center;margin-top:18px;color:#667085}.authbox small a{color:#4f46e5;font-weight:700}.error{background:#fff1f0;color:#b42318;padding:10px;border-radius:8px;font-size:12px;margin-bottom:12px}.success{background:#ecfdf3;color:#027a48;padding:10px;border-radius:8px;font-size:12px;margin:12px 0}.dash{max-width:1200px;margin:auto;padding:60px 24px}.dashhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.dashhead h1{font-size:42px;letter-spacing:-.05em;margin:0 0 8px}.dashhead p{margin:0;color:#667085}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:22px;transition:.2s}.project:hover{transform:translateY(-2px);box-shadow:0 15px 40px #1018280d}.projecttop{display:flex;justify-content:space-between}.folder{font-size:22px}.pill{background:#f2f4f7;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:800;color:#475467}.project h3{margin:25px 0 7px}.project p{color:#667085;font-size:13px;min-height:38px}.project small{color:#98a2b3;font-size:10px}.empty{background:#fff;border:1px dashed #d0d5dd;padding:45px;text-align:center;border-radius:14px;color:#667085}.editor{height:100vh;overflow:hidden}.editorbar{height:64px;background:#fff;border-bottom:1px solid #dfe3ea;display:flex;align-items:center;gap:12px;padding:0 18px}.editorbar>div:last-child{margin-left:auto;display:flex;gap:8px}.run{border:0;border-radius:8px;background:#4f46e5;color:#fff;padding:10px 15px;font-weight:800}.work{height:calc(100vh - 64px);display:grid;grid-template-columns:190px 1fr 1fr}.files{background:#fff;border-right:1px solid #dfe3ea;padding:18px 10px}.files strong{font-size:10px;color:#98a2b3;padding:0 8px}.file{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 8px;border-radius:7px;margin-top:5px;color:#475467;cursor:pointer}.file:hover{background:#f2f4f7}.codepane,.previewpane{min-width:0;background:#fff;border-right:1px solid #dfe3ea}.tabs{justify-content:space-between}.tabs button{border:0;background:#111827;color:#fff;border-radius:6px;padding:5px 10px;font-size:11px}.codepane textarea{width:100%;height:calc(100% - 44px);border:0;outline:0;resize:none;padding:20px;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:#111827}.previewpane iframe{border:0;width:100%;height:calc(100% - 44px);background:#fff}.shareform{display:grid;grid-template-columns:1fr 110px auto;gap:8px}.shareform input,.shareform select{margin:0}.member{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #eef0f3}.member small{display:block;color:#98a2b3;margin-top:3px}.back{display:inline-block;margin-top:22px;color:#4f46e5;font-size:13px;font-weight:700}@media(max-width:800px){.hero{padding:65px 18px}.hero h1{font-size:46px}.landing header,.appbar{padding:0 20px}.project-grid{grid-template-columns:1fr}.dashhead{align-items:flex-start;gap:20px;flex-direction:column}.work{grid-template-columns:1fr;overflow:auto;height:auto}.files{border-right:0;border-bottom:1px solid #dfe3ea;display:flex;gap:5px;overflow:auto}.files strong{display:none}.file{white-space:nowrap;width:auto}.codepane,.previewpane{height:500px}.editor{height:auto;overflow:auto}.shareform{grid-template-columns:1fr}.shareform select,.shareform .btn{width:100%}}