*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef2f7;background:#05070b;color-scheme:dark}html,body,#root{min-height:100%;height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -15%,rgba(124,92,246,.2),transparent 38%),radial-gradient(circle at 100% 20%,rgba(53,211,155,.06),transparent 30%),#05070b}button,textarea,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 35%)}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.08);background:#070a0fc7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:relative;z-index:3;box-shadow:0 12px 40px #0003}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#a78bfa,#5b4ce5 65%,#36d399);color:#fff;font-size:11px;font-weight:950;box-shadow:0 0 30px #7c5cf666}.brand strong{font-size:14px;letter-spacing:-.25px}.brand small{display:block;color:#687383;font-size:9px;margin-top:2px;letter-spacing:.7px}.status{color:#aeb7c4;font-size:10px;display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff09;box-shadow:inset 0 1px #ffffff0a}.status i{width:7px;height:7px;border-radius:50%;background:#35d39b;box-shadow:0 0 14px #35d39bcc}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:250px minmax(0,1fr) 380px}.sidebar,.preview-panel{background:#070a0fd6}.sidebar{padding:18px 12px;border-right:1px solid rgba(255,255,255,.065);overflow:auto}.section-title{margin:2px 9px 9px;color:#697483;font-size:9px;font-weight:900;letter-spacing:1.6px}.section-title:nth-of-type(2){margin-top:28px}.project{padding:10px 11px;border-radius:10px;color:#aeb7c4;font-size:12px;margin:2px 0;border:1px solid transparent;cursor:pointer;transition:.18s}.project:hover,.project.active{background:linear-gradient(90deg,#7c5cf629,#7c5cf609);border-color:#7c5cf62e;color:#f4f6f9}.tree{color:#707b89;padding:6px 0;font:11px/2 ui-monospace,SFMono-Regular,Menlo,monospace}.file{display:block;width:100%;padding:7px 10px;border:0;background:transparent;color:#778290;text-align:left;cursor:pointer;border-radius:8px;transition:.16s}.file:hover,.file.selected{background:#ffffff0e;color:#edf1f6}.project-create{display:flex;gap:6px;margin:7px 4px}.project-create input{min-width:0;flex:1;padding:8px 9px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff09;color:#e8eaed;outline:0}.project-create input:focus{border-color:#7c5cf6a6;box-shadow:0 0 0 3px #7c5cf61a}.project-create button{width:34px;border:0;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#5b4ce5);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 7px 20px #5b4ce538}.terminal-panel{min-width:0;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0%,rgba(124,92,246,.08),transparent 34%),#070a0f}.panel-head{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.065);color:#9da7b4;font-size:9px;font-weight:900;letter-spacing:1.25px}.live{color:#48dca9;display:flex;align-items:center;gap:6px}.terminal-output{flex:1;overflow:auto;padding:34px clamp(18px,4vw,54px);font:12px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;scrollbar-width:thin}.welcome{max-width:720px;margin:8vh auto 0;text-align:center}.welcome h1{margin:0 0 10px;font-size:clamp(26px,3.3vw,38px);letter-spacing:-1.1px;background:linear-gradient(90deg,#fff,#b9adff 52%,#79e3bd);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome p{color:#707b89;font-size:13px;line-height:1.75;max-width:570px;margin:auto}.cube{font-size:48px;color:#7666e9;margin-bottom:7px;filter:drop-shadow(0 0 18px rgba(118,102,233,.3))}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px;text-align:left}.starter{min-height:88px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(145deg,#ffffff0d,#ffffff04);color:#aeb7c4;text-align:left;cursor:pointer;font-size:11px;line-height:1.45;transition:.18s}.starter span{color:#9b85ff;font-size:17px;align-self:flex-end}.starter:hover{transform:translateY(-3px);border-color:#8b5cf673;background:linear-gradient(145deg,#8b5cf626,#ffffff06);color:#f0f3f7;box-shadow:0 18px 40px #0000003d}.cmd{color:#f2f4f7;margin:10px 0;padding:11px 13px;border-left:2px solid #8b5cf6;background:#7c5cf60d;border-radius:0 9px 9px 0;white-space:pre-wrap}.agent{color:#8de1c1;margin:10px 0;white-space:pre-wrap}.composer{margin:0 auto 22px;width:min(850px,calc(100% - 34px));padding:12px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(145deg,#14181ff7,#0a0d13f7);box-shadow:0 20px 60px #00000059,inset 0 1px #ffffff0a}.composer:focus-within{border-color:#7c5cf694;box-shadow:0 20px 65px #00000061,0 0 0 3px #7c5cf614}.composer textarea{width:100%;resize:vertical;min-height:66px;border:0;outline:0;background:transparent;color:#eef2f7;line-height:1.5}.composer textarea::placeholder{color:#56606e}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#586372;font-size:10px;padding-top:4px}.composer button{padding:9px 16px;border:0;border-radius:9px;background:linear-gradient(135deg,#9b7cff,#5b4ce5);color:#fff;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 9px 25px #5b4ce540;transition:.15s}.composer button:hover:not(:disabled){transform:translateY(-1px)}.composer button:disabled{opacity:.5;cursor:default}.preview-panel{border-left:1px solid rgba(255,255,255,.065)}.preview-empty{height:calc(100% - 46px);overflow:auto;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#697482;font-size:11px}.preview-empty strong{color:#c2c9d3;font-size:12px}.preview-empty pre{width:100%;max-height:70vh;overflow:auto;padding:16px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:#05070a;color:#cbd2dc;text-align:left;white-space:pre-wrap;font:11px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}.preview-panel:after{content:"";display:block;position:absolute;right:0;top:68px;bottom:0;width:1px;background:linear-gradient(180deg,rgba(139,92,246,.25),transparent 45%)}@media(max-width:1100px){.workspace{grid-template-columns:215px minmax(0,1fr)}.preview-panel{display:none}.starter-grid{grid-template-columns:1fr}}@media(max-width:720px){.topbar{height:58px;padding:0 13px}.brand strong{font-size:13px}.brand small{display:none}.workspace{grid-template-columns:1fr}.sidebar{display:none}.terminal-output{padding:24px 15px}.welcome{margin-top:14vh}.composer{width:calc(100% - 20px);margin-bottom:max(12px,env(safe-area-inset-bottom));border-radius:13px}.status{max-width:48%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.starter-grid{grid-template-columns:1fr;margin-top:22px}.starter{min-height:62px}.composer-footer span{display:none}}