html{scroll-behavior:smooth}*{box-sizing:border-box}body{color:#0b0f1a;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#fbfbfd;margin:0;font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,sans-serif;line-height:1.7}button,input,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline-offset:2px;outline:2px solid #2d5bff}#root{min-height:100vh}:root{--bg:#fbfbfd;--card:#fff;--ink:#0b0f1a;--mute:#667085;--line:#e6e8ee;--soft:#f2f4f8;--brand:#2d5bff;--ok:#12a36b}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);color:var(--ink)}img,svg{display:block}button{font:inherit}.logo{letter-spacing:-.01em;align-items:center;gap:9px;font-size:1.4rem;font-weight:700;display:flex}.mark{background:linear-gradient(135deg,#2d5bff,#8f7bff 55%,#ff9ec4);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 6px 14px -6px #2d5bff99}.mark svg{width:26px;height:26px}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;border-bottom:1px solid var(--line);background:#fbfbfde0;justify-content:space-between;align-items:center;padding:12px max(5vw,16px);display:flex;position:sticky;top:0}.nav-actions{gap:8px;display:flex}.links{color:var(--mute);gap:26px;font-size:.95rem;display:flex}.links a{color:inherit;text-decoration:none}.links a:hover{color:var(--ink)}.pill{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:99px;padding:7px 16px;font-size:.92rem;font-weight:500}.pill.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.pill:disabled{opacity:.4;cursor:default}.landing,.workspace{display:none}.landing.active,.workspace.active{display:block}.hero{text-align:center;padding:11vh max(5vw,16px) 6vh;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(40px);z-index:0;background:radial-gradient(40% 45% at 18% 30%,#ffd6e7,#0000 70%),radial-gradient(38% 45% at 80% 25%,#d5dcff,#0000 70%),radial-gradient(45% 50% at 55% 75%,#ffe3c7,#0000 70%),radial-gradient(30% 35% at 92% 80%,#d9f0ff,#0000 70%);animation:18s ease-in-out infinite alternate drift;position:absolute;inset:-10% -10% -30%}.hero:after{content:"";background:linear-gradient(transparent, var(--bg));z-index:0;height:160px;position:absolute;bottom:0;left:0;right:0}.hero>*{z-index:1;position:relative}@keyframes drift{to{transform:translate(-3%,3%)scale(1.08)}}.badge{border:1px solid var(--line);background:var(--card);color:var(--mute);border-radius:99px;align-items:center;gap:8px;margin-bottom:22px;padding:4px 14px 4px 6px;font-size:.85rem;display:inline-flex}.badge b{background:var(--brand);color:#fff;border-radius:99px;padding:0 10px;font-weight:600}h1{letter-spacing:-.02em;max-width:760px;margin:0 auto 14px;font-size:clamp(2.1rem,5.6vw,3.6rem);font-weight:700;line-height:1.25}.sub{color:var(--mute);max-width:560px;margin:0 auto 34px;font-size:1.12rem}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin{to{--a:360deg}}.composer{--sweep:conic-gradient(from var(--a), transparent 0 55%, #8fb0ff 68%, #ff9ec4 80%, #ffc27a 90%, transparent 100%);text-align:right;background:linear-gradient(#fff, #fff) padding-box, linear-gradient(var(--line), var(--line)) border-box;border:1.5px solid #0000;border-radius:22px;max-width:720px;margin:auto;padding:16px 16px 12px;animation:6s linear infinite spin;position:relative}.composer:before{content:"";border-radius:inherit;background:var(--sweep);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.composer:after{content:"";border-radius:inherit;background:var(--sweep);filter:blur(22px);opacity:.45;z-index:-1;position:absolute;inset:0}.composer textarea{resize:none;width:100%;min-height:76px;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;font-size:1.06rem}.tools{align-items:center;gap:8px;display:flex}.ic{border:1px solid var(--line);background:var(--card);width:34px;height:34px;color:var(--mute);border-radius:50%;place-items:center;display:grid}.model{color:var(--mute);border:1px solid var(--line);border-radius:99px;padding:3px 12px;font-size:.85rem}.send{background:var(--ink);color:#fff;border:0;border-radius:50%;place-items:center;width:38px;height:38px;margin-inline-start:auto;display:grid}.send:hover{background:var(--brand)}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.chips button{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:99px;padding:6px 16px;font-size:.92rem}.chips button:hover{border-color:var(--ink)}.sec{max-width:1080px;margin:auto;padding:8vh max(5vw,16px) 2vh}.sec h2{letter-spacing:-.01em;margin:0 0 4px;font-size:1.7rem}.sec>p{color:var(--mute);margin:0 0 24px}.tpl{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.tc{border:1px solid var(--line);text-align:right;background:#fffc;border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.tc:hover{border-color:#c9cfdc;transform:translateY(-3px);box-shadow:0 16px 32px -20px #10182859}.ti{width:44px;height:44px;color:var(--ink);background:linear-gradient(135deg,#ffd6e7,#d5dcff);border-radius:12px;place-items:center;margin-bottom:10px;display:grid}.tc:nth-child(3n+2) .ti{background:linear-gradient(135deg,#ffe3c7,#ffd6e7)}.tc:nth-child(3n) .ti{background:linear-gradient(135deg,#d9f0ff,#d5dcff)}.tc b{font-size:1.05rem;font-weight:600}.td{color:var(--mute);font-size:.9rem;line-height:1.6}.plans{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;gap:18px;display:grid}.plan{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;padding:26px;display:flex}.plan.hot{background:var(--ink);color:#fff;border-color:var(--ink)}.plan h3{margin:0;font-weight:600}.plan .n{margin:6px 0 2px;font-size:2.3rem;font-weight:700}.plan .p{color:var(--mute);font-size:.9rem}.plan.hot .p,.plan.hot li{color:#b9c0d4}.plan ul{color:var(--mute);flex:1;margin:16px 0 22px;padding:0;font-size:.94rem;list-style:none}.plan li{padding:3px 0}.plan li:before{content:"✓";color:var(--ok);margin-inline-end:8px;font-weight:700}.plan button{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:99px;padding:11px;font-weight:600}.plan.hot button{background:#fff;border:0}.band{background:linear-gradient(180deg, var(--bg), #f3eefc 40%, #f1ecfb 100%);margin-top:6vh}footer{background:linear-gradient(180deg, var(--bg) 0%, #f1ecfb 45%, #ffe9ef 100%);border-top:0;margin-top:0;position:relative;overflow:hidden}footer:before{content:"";filter:blur(36px);z-index:0;background:radial-gradient(40% 50% at 12% 85%,#ffd6e7,#0000 70%),radial-gradient(38% 50% at 85% 70%,#d5dcff,#0000 70%),radial-gradient(40% 45% at 50% 100%,#ffe3c7,#0000 70%);animation:20s ease-in-out infinite alternate-reverse drift;position:absolute;inset:-20% -10%}footer>*{z-index:1;position:relative}.fw{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;max-width:1080px;margin:auto;padding:44px max(5vw,16px) 22px;display:grid}.fw p{color:#4b5266;max-width:300px;margin:10px 0 0;font-size:.92rem}.fw h4{margin:0 0 10px;font-size:.95rem}.fw a{color:#4b5266;padding:3px 0;font-size:.92rem;text-decoration:none;display:block}.fw a:hover{color:var(--ink)}.fb{max-width:1080px;color:var(--mute);border-top:1px solid #0b0f1a1a;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:auto;padding:16px max(5vw,16px) 28px;font-size:.86rem;display:flex}.grid{grid-template-columns:minmax(300px,400px) 1fr;height:calc(100vh - 57px);display:grid}.chat{border-inline-end:1px solid var(--line);background:var(--card);flex-direction:column;min-height:0;display:flex}.msgs{flex-direction:column;flex:1;gap:14px;padding:18px;display:flex;overflow:auto}.m{max-width:94%;font-size:.95rem}.m.u{background:var(--soft);border-radius:16px;align-self:flex-start;padding:10px 14px}.m.a ol{margin:6px 0;padding-inline-start:20px}.plancard{border:1px solid var(--line);background:var(--bg);border-radius:14px;margin-top:8px;padding:14px}.activity-card{border:1px solid var(--line);background:var(--card);border-radius:14px;width:min(100%,480px);padding:14px;box-shadow:0 8px 24px -20px #10182859}.activity-card>strong{margin-bottom:10px;display:block}.activity-detail{color:var(--mute);margin:-4px 0 8px;font-size:.82rem;line-height:1.5}.activity-card ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.activity-step{color:var(--mute);grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 4px;font-size:.86rem;display:grid}.activity-step small{color:var(--mute);white-space:nowrap;font-size:.74rem}.activity-step.completed{color:var(--ink)}.activity-step.completed .activity-indicator{border-color:var(--ok);background:var(--ok)}.activity-step.completed .activity-indicator:after{content:"✓";color:#fff;text-align:center;font-size:.65rem;line-height:12px;display:block}.activity-step.active{color:var(--ink);font-weight:600}.activity-step.active small{color:var(--brand)}.activity-step.active .activity-indicator{border-color:var(--brand);border-top-color:#0000;animation:.9s linear infinite sp}.activity-step.failed,.activity-step.failed small{color:#b42318}.activity-step.failed .activity-indicator{background:#b42318;border-color:#b42318}.activity-indicator{border:1.5px solid #b8bfcd;border-radius:50%;width:13px;height:13px}.retry-preview{margin-top:8px;padding:7px 12px;font-size:.82rem}.acts{gap:8px;margin-top:12px;display:flex}.st{color:var(--mute);align-items:center;gap:9px;padding:2px 0;display:flex}.st.done{color:var(--ink)}.st.done:before{content:"✓";color:var(--ok);width:14px;font-weight:700}.st:not(.done):before{content:"";border:2px solid var(--brand);border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin-inline-end:2px;animation:.9s linear infinite sp}@keyframes sp{to{transform:rotate(360deg)}}.inp{border-top:1px solid var(--line);gap:8px;padding:12px;display:flex}.inp input{border:1px solid var(--line);min-width:0;font:inherit;background:var(--bg);color:var(--ink);border-radius:99px;flex:1;padding:9px 16px}.inp .send{flex:none;margin:0}.pv{background:var(--soft);flex-direction:column;min-height:0;padding:16px;display:flex}.frame{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 20px 40px -28px #1018284d}.bar{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:58px;padding:9px 14px;display:flex}.dots{gap:6px;display:flex}.dots i{background:#dfe2ea;border-radius:50%;width:10px;height:10px}.url{background:var(--soft);color:var(--mute);text-align:left;text-overflow:ellipsis;white-space:nowrap;direction:ltr;border-radius:99px;flex:1;padding:3px 14px;font-size:.85rem;overflow:hidden}.cv{flex:1;overflow:auto}.workspace-tabs{border:1px solid var(--line);background:var(--soft);border-radius:10px;flex:none;gap:3px;padding:3px;display:flex}.workspace-tabs button{color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 10px;font-size:.85rem}.workspace-tabs button.selected{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #1018281f}.workspace-tabs button:disabled{opacity:.45;cursor:default}.code-workspace{direction:ltr;background:#1e1e1e;flex:1;min-height:0;display:flex}.file-tree{color:#ccc;direction:ltr;background:#252526;border-inline-end:1px solid #343434;flex:none;width:220px;padding:12px 8px;overflow:auto}.file-tree-title{color:#aaa;text-transform:uppercase;letter-spacing:.04em;padding:2px 9px 10px;font-size:.75rem;font-weight:700}.file-loading{color:#aaa;padding:8px 9px;font-size:.85rem}.file-entry{color:#ccc;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;direction:ltr;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;width:100%;padding:6px 9px;font:.84rem/1.4 Consolas,Courier New,monospace;display:flex;overflow:hidden}.file-entry:hover,.file-entry.selected{color:#fff;background:#37373d}.file-entry:disabled{opacity:.55;cursor:default}.editor-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.editor-toolbar{color:#ccc;background:#252526;border-bottom:1px solid #343434;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:5px 12px;font:.82rem Consolas,Courier New,monospace;display:flex}.save-file{padding:5px 12px;font:.82rem Segoe UI,Tahoma,sans-serif}.monaco-shell{flex:1;min-height:0}.generated-preview{background:#fff;border:0;width:100%;height:100%;min-height:520px;display:block}.empty{text-align:center;height:100%;color:var(--mute);place-items:center;padding:20px;display:grid}.site .hd{color:#fff;background:var(--c,#2d5bff);padding:40px 26px}.site .hd b{font-size:1.7rem;line-height:1.3;display:block}.site .bd{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;padding:20px;display:grid}.site .bd span{background:var(--soft);text-align:center;border-radius:12px;padding:36px 8px;font-weight:500}.project-link{padding:14px 20px 20px}.project-link a{background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;padding:9px 18px;font-weight:600;text-decoration:none;display:inline-flex}.toast{bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:9;border-radius:99px;padding:11px 22px;font-size:.92rem;transition:opacity .2s;position:fixed;left:50%;transform:translate(-50%)}.toast.visible{opacity:1}.modal-backdrop{z-index:12;background:#0b0f1a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-modal{border:1px solid var(--line);background:var(--card);direction:rtl;border-radius:20px;width:min(100%,420px);max-height:min(720px,90vh);padding:30px;position:relative;overflow:auto;box-shadow:0 24px 80px #0b0f1a33}.account-modal h2{margin:0 0 8px;font-size:1.35rem}.account-modal>p{color:var(--mute);margin:0 0 22px;font-size:.92rem}.modal-close{color:var(--mute);cursor:pointer;background:0 0;border:0;font-size:1.6rem;line-height:1;position:absolute;top:12px;left:14px}.account-modal form{gap:10px;display:grid}.account-modal form label{margin-top:5px;font-size:.9rem;font-weight:600}.account-modal form input{border:1px solid var(--line);background:var(--bg);width:100%;min-height:44px;color:var(--ink);text-align:left;direction:ltr;border-radius:10px;padding:9px 12px}.account-modal form input:focus{border-color:var(--brand);outline:2px solid #2d5bff3d}.account-modal form small{color:var(--mute)}.auth-submit{min-height:44px;margin-top:8px}.auth-error{color:#b42318;font-size:.88rem}.auth-switch{width:100%;color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:18px}.projects-modal{width:min(100%,560px)}.account-usage{background:var(--soft);color:var(--mute);border-radius:10px;margin-bottom:16px;padding:12px;font-size:.9rem}.account-usage b{color:var(--ink)}.account-projects{gap:9px;display:grid}.account-project{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);text-align:right;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.account-project:hover{border-color:var(--brand);background:var(--soft)}.account-project span,.account-empty{color:var(--mute);font-size:.88rem}.account-empty{background:var(--soft);text-align:center;border-radius:12px;padding:22px}@media (width<=760px){.fw{grid-template-columns:1fr 1fr}.fw>div:first-child{grid-column:1/-1}.links,.account-email{display:none}.grid{grid-template-rows:minmax(260px,.8fr) minmax(320px,1.2fr);grid-template-columns:1fr;height:auto;min-height:calc(100vh - 57px)}.chat{border:0;border-bottom:1px solid var(--line)}.pv{min-height:520px;padding:8px}.bar{gap:7px;padding:8px}.bar .dots{display:none}.workspace-tabs button{padding:5px 7px}.file-tree{width:145px}}@media (prefers-reduced-motion:reduce){.hero:before,footer:before,.st:not(.done):before{animation:none}html{scroll-behavior:auto}}