@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202d3e;--blue:#365cf5;--muted:#687385;--line:#e3e7ed;--bg:#fafbfdfc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fbfcfe;font:15px 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}header{height:94px;max-width:1380px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font:800 28px Manrope,sans-serif;display:flex;gap:9px;align-items:center;letter-spacing:-1.5px}.mark{color:var(--blue);font-size:42px;line-height:1}.beta{font:700 9px 'DM Sans',sans-serif;letter-spacing:1.8px;margin-left:3px;color:var(--muted)}nav{display:flex;gap:29px;font-size:13px}nav a:hover{color:var(--blue)}.outline{border:1px solid #cbd3df;border-radius:7px;padding:15px 21px;font-weight:600;background:transparent;display:inline-flex;justify-content:space-between;gap:25px;align-items:center}.small{padding:11px 16px;font-size:12px}.primary{background:var(--blue);color:white;border-radius:7px;padding:16px 22px;display:inline-flex;gap:30px;align-items:center;justify-content:space-between;font-weight:600;font-size:13px}.primary:hover{background:#2547d5}.textbutton{font-size:12px;font-weight:600;display:inline-flex;gap:9px;align-items:center}.hero{max-width:1380px;margin:auto;padding:78px 5% 80px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;margin-bottom:23px;display:flex;align-items:center;gap:8px}.eyebrow i,.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue)}h1,h2,h3,h4,p{margin:0}h1{font:500 clamp(45px,4.9vw,70px)/1.08 Manrope,sans-serif;letter-spacing:-3.6px}em{font-style:normal;color:var(--blue)}.hero-copy>p{color:var(--muted);line-height:1.8;margin-top:24px;font-size:14px}.actions{display:flex;gap:21px;align-items:center;margin:30px 0}.hero-note{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px}.hero-note span{font-size:21px;color:var(--blue)}.hero-art{height:470px;position:relative;border:1px solid #dce2f3;border-radius:15px;background:#eef1fc;overflow:hidden}.art-label,.art-bottom{position:absolute;left:25px;right:25px;display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1px}.art-label{top:23px}.art-label>span:last-child{margin-left:auto;color:#9098ac}.art-bottom{bottom:23px;justify-content:space-between;color:#7b84a0}.hero-dashboard{position:absolute;left:9%;right:9%;top:85px;background:white;border:1px solid #dfe4ef;border-radius:11px;padding:23px;box-shadow:0 18px 50px #394e7620;transform:rotate(-3deg)}.dashboard-nav{font-size:10px;display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.dashboard-nav span{color:#608273;font-size:8px}.hero-dashboard h3{font:600 29px/1.25 Manrope;letter-spacing:-1px;margin:21px 0}.dashboard-blocks{display:flex;gap:9px}.dashboard-blocks>div{flex:1;padding:16px 8px;background:#f1f3fc;border-radius:6px;color:var(--blue);font-size:22px}.dashboard-blocks small{font-size:8px;color:#52617a}.dashboard-prompt{border:1px solid var(--line);border-radius:6px;font-size:9px;color:#7c8798;padding:13px;margin-top:20px;display:flex;justify-content:space-between}.dashboard-prompt b{color:var(--blue)}.float-tag{position:absolute;padding:12px 15px;font-size:10px;background:white;border:1px solid #dce2f2;border-radius:7px;box-shadow:0 6px 15px #2939580a}.tag1{right:12px;top:120px;transform:rotate(6deg)}.tag2{bottom:65px;left:18px;transform:rotate(-5deg)}.tag2 span{color:var(--blue);font-size:16px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;gap:20px;padding:22px 4%;font-size:10px;letter-spacing:1.4px;color:#5e6c80;overflow:hidden;white-space:nowrap}.ticker b{font-size:22px;color:#99a6ce}.section{max-width:1380px;margin:auto;padding:84px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:37px;gap:25px}h2{font:500 clamp(30px,3.1vw,43px)/1.2 Manrope,sans-serif;letter-spacing:-1.8px}.section-head p,.workflow>div>p,.plans>div>p{font-size:13px;line-height:1.9;color:var(--muted)}.possibilities{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.feature{text-align:left;border:1px solid var(--line);border-radius:11px;background:#f0f2ef;padding:19px;overflow:hidden}.feature:hover,.module-grid button:hover{border-color:#9daff6}.feature-title{display:flex;justify-content:space-between;align-items:center;margin-top:26px}.feature-title small{font-size:8px;letter-spacing:1.1px;color:var(--muted)}.feature-title h3{font-size:15px;margin-top:7px;letter-spacing:-.3px}.feature-title>span{font-size:23px}.mini-site{padding:15px;background:#fdfdf8;border-radius:6px;border:1px solid #dbe0d7;height:220px}.mini-nav{display:flex;justify-content:space-between;font-size:9px;font-weight:bold}.mini-nav span{font-size:6px;font-weight:normal}.mini-content{display:flex;justify-content:space-between;align-items:center;height:155px;font-size:10px;line-height:1.4}.mini-content strong{font-size:23px;font-weight:500;letter-spacing:-1px}.vase{width:76px;height:105px;border-radius:35% 35% 40% 40%;background:linear-gradient(100deg,#8d9f7b,#c0cbb3 50%,#788d69);position:relative;box-shadow:10px 12px 18px #52613c20}.vase:before{content:'';position:absolute;top:-10px;left:23px;width:31px;height:24px;border-radius:5px;background:#9cac88}.mini-foot{font-size:6px;display:flex;justify-content:space-between;border-top:1px solid #ddd;padding-top:8px}.lilac{background:#eeebfc}.peach{background:#fcf0e8}.type-art{height:220px;font:700 58px/.95 Manrope;letter-spacing:-4px;padding:25px 10px;position:relative;color:#6254ba}.type-art i{font-family:Georgia;font-weight:400}.star{position:absolute;right:7px;bottom:6px;font-size:90px;color:#9d8cdd}.mini-app{margin:0 auto;background:#fffcf9;border:1px solid #eadbd1;border-radius:8px;padding:18px;height:220px;max-width:230px}.mini-app>span{font-size:8px;display:flex;justify-content:space-between}.mini-app h4{font-size:24px;line-height:1.1;letter-spacing:-.8px;margin:15px 0}.mini-app>div{font-size:8px;padding:7px 0}.progress{height:4px;background:#eee1d8;margin-top:10px;padding:0!important}.progress i{display:block;width:40%;height:4px;background:#d6946f}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}.workflow>div>p{margin:22px 0}.steps article{display:flex;gap:20px;align-items:start;border-top:1px solid var(--line);padding:26px 0}.steps article b{font-size:11px;color:var(--blue);padding-top:3px}.steps article h3{font-size:17px;margin-bottom:9px}.steps article p{font-size:12px;color:var(--muted);line-height:1.8}.steps article>span{margin-left:auto}.modules{background:#f1f4fa;max-width:none}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module-grid button{background:white;border:1px solid var(--line);border-radius:10px;padding:30px;text-align:left}.module-grid button>span{color:var(--blue);font-size:27px}.module-grid h3{margin:25px 0 12px;font-size:18px}.module-grid p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:30px}.module-grid b{font-size:11px;color:var(--blue)}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;gap:45px}.audience-grid article>span{font-size:25px;color:var(--blue)}.audience-grid h3{font-size:17px;margin:18px 0 12px}.audience-grid p{font-size:13px;line-height:1.9;color:var(--muted)}.community{background:#eef1fc;padding:70px 0 35px;text-align:center;overflow:hidden}.community .eyebrow{justify-content:center}.community>p{font-size:13px;color:var(--muted);margin:20px}.community .small{font-size:10px;margin-bottom:30px}.marquees{display:grid;gap:12px;margin:15px 0 30px}.marquee{display:flex;gap:12px;width:max-content;animation:drift 50s linear infinite}.marquee.reverse{animation-direction:reverse}.marquee span{background:#ffffffc9;border:1px solid #e0e4f2;border-radius:8px;padding:20px 30px;font-size:15px;color:#64718f;min-width:260px}.marquees:hover .marquee,.paused .marquee{animation-play-state:paused}.community-bottom{display:flex;text-align:left;justify-content:space-between;align-items:center;gap:20px;padding:0 5%;max-width:1380px;margin:auto}.community-bottom p{font-size:11px;line-height:1.8;color:var(--muted)}@keyframes drift{to{transform:translateX(-35%)}}.plans{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.plans p{margin-top:25px}.plan-card{border:1px solid var(--line);border-radius:12px;padding:32px;background:white}.pill{display:inline-block;font-size:8px;letter-spacing:1.2px;background:#edf1ff;color:#4962ac;padding:8px 10px;border-radius:4px;font-weight:700}.plan-card h3{font:500 29px/1.2 Manrope;letter-spacing:-1px;margin-top:23px}.plan-card>p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:15px}.commission{display:flex;align-items:center;gap:25px;padding:20px 0;margin:10px 0 20px;border-bottom:1px solid var(--line)}.commission strong{font:500 58px Manrope;letter-spacing:-4px}.commission strong span{font-size:27px}.commission p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.plan-card .outline{width:100%;font-size:12px}.final-cta{text-align:center;padding:70px 20px;background:#f2f4f9}.final-cta .mark{margin-bottom:25px}.final-cta .primary{margin-top:30px}.final-cta p{font-size:10px;color:var(--muted);margin-top:20px}footer{padding:35px 5%;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer .logo{font-size:24px}footer .mark{font-size:32px}footer>span,footer small{font-size:10px;color:var(--muted)}footer>div{margin-left:auto;display:flex;gap:15px}footer button{font-size:10px}dialog{padding:0;border:1px solid var(--line);border-radius:13px;color:var(--ink);box-shadow:0 30px 100px #1a234440}dialog::backdrop{background:#13203970;backdrop-filter:blur(4px)}#workspace{width:1200px;max-width:96vw;height:790px;max-height:94vh}.workspace-top{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}.demo-status{font-size:10px;color:var(--muted)}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;height:calc(100% - 70px)}.reference-pane{background:#f1f3f8;border-right:1px solid var(--line);overflow:auto}.pane-toolbar{display:flex;gap:12px;padding:15px;border-bottom:1px solid var(--line);background:white}.pane-toolbar button{font-size:11px;padding:8px}.pane-toolbar .active{color:var(--blue);background:#edf1ff;border-radius:4px}.pane-toolbar select{margin-left:auto;font-size:10px;border:1px solid var(--line);border-radius:4px}.ref-address{display:flex;padding:15px;gap:6px}.ref-address input{width:100%;min-width:0;border:1px solid #dbe1eb;padding:11px;border-radius:5px;font-size:11px}.ref-address button{background:white;border:1px solid var(--line);border-radius:5px;white-space:nowrap;font-size:11px}.ref-empty{text-align:center;padding:65px 35px}.ref-empty>span{font-size:45px;color:#8595c4}.ref-empty h3{font:500 28px Manrope;margin:20px 0}.ref-empty p{color:var(--muted);font-size:12px;line-height:1.9;margin:15px 0 25px}.upload{font-size:11px;cursor:pointer}.fine{font-size:10px!important;color:var(--muted);line-height:1.7}.ref-empty .fine{margin-top:15px}#ref-display{max-width:100%;padding:15px}#project-preview{border:0;height:calc(100% - 65px);background:white;display:block;margin:auto;max-width:100%}#project-preview[hidden]{display:none}.chat-pane{padding:30px;overflow:auto;display:flex;flex-direction:column}.chat-heading h2{font-size:31px;margin:20px 0 15px}.chat-heading>p{font-size:12px;color:var(--muted);line-height:1.8}.prompt-options{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0 15px}.prompt-options button{font-size:10px;border:1px solid var(--line);padding:9px;border-radius:5px}#chat-form{border:1px solid #cdd6eb;border-radius:8px;padding:12px;margin-top:auto}textarea{width:100%;resize:vertical;min-height:75px;border:0;font-size:12px;padding:5px;background:transparent}#chat-form>div{display:flex;justify-content:space-between;align-items:center;gap:10px}#chat-form span{font-size:8px;color:var(--muted)}#chat-form .primary{padding:12px;font-size:10px}#messages{font-size:12px;line-height:1.8;margin-top:20px}#messages p{padding:13px;background:#eff3fd;border-radius:7px;margin:8px 0;overflow-wrap:anywhere}.chat-pane>.fine{margin-top:12px}#info-dialog{width:420px;padding:35px;max-width:90vw}#close-info{float:right}#info-dialog h3{margin:25px 0 15px;font-size:23px}#info-dialog p{font-size:13px;line-height:1.9;color:var(--muted)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:13px 20px;border-radius:7px;font-size:12px;display:none;z-index:100}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#parallax-dialog{width:1150px;max-width:95vw;max-height:94vh}.dialog-close{position:absolute;right:20px;top:15px;z-index:2}.studio-section{padding:45px}.parallax-grid{display:grid;grid-template-columns:1.4fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden}.landscape{position:relative;background:#e4dff6;height:420px;overflow:hidden;--dark:#504b84;--middle:#8c84b4;--light:#bdb3d8;--sun:#fcf3d8}.scene-label{position:absolute;top:23px;left:25px;font-size:8px;letter-spacing:1px;z-index:4}.sun{position:absolute;top:60px;right:90px;width:100px;height:100px;border-radius:50%;background:var(--sun)}.mountain{position:absolute;width:150%;left:-25%;height:320px;bottom:-70px;clip-path:polygon(0 65%,15% 35%,26% 48%,46% 3%,63% 50%,80% 15%,100% 65%,100% 100%,0 100%)}.back{background:var(--light);bottom:15px}.mid{background:var(--middle);bottom:-55px;transform:scaleX(-1)}.front{background:var(--dark);bottom:-160px}.scene-title{position:absolute;z-index:3;top:110px;left:35px;font:500 39px/1.15 Manrope;letter-spacing:-2px;max-width:85%;overflow-wrap:anywhere}.scene-title i{font:italic 32px Georgia}.scene-footer{position:absolute;bottom:25px;left:25px;right:25px;color:white;font-size:8px;letter-spacing:1px;z-index:4;display:flex;justify-content:space-between}.controls{padding:30px;background:#fff}.controls h3{font:500 25px Manrope;margin:22px 0}.controls label{display:block;font-size:11px;margin:20px 0 10px}.controls label output{float:right}.swatches{display:flex;gap:10px}.swatch{width:25px;height:25px;border-radius:50%;border:3px solid white;outline:1px solid transparent}.swatch.selected{outline-color:#7b89ad}input[type=range]{width:100%;accent-color:var(--blue)}#scene-text{width:100%;border:1px solid var(--line);padding:10px;border-radius:5px;font-size:11px}.controls .primary{margin-top:20px;width:100%;font-size:11px}.controls .fine{margin-top:10px}
@media(min-width:1500px){.modules{padding-left:calc((100vw - 1242px)/2);padding-right:calc((100vw - 1242px)/2)}}@media(max-width:900px){header nav{gap:15px}.beta{display:none}.hero{gap:20px;padding-top:50px}.hero-art{height:400px}.hero-dashboard{left:6%;right:6%;padding:17px}.hero-dashboard h3{font-size:24px}.actions{align-items:start;flex-direction:column;gap:17px}h1{font-size:48px}.possibilities{grid-template-columns:1fr 1fr}.feature:last-child{grid-column:span 2}.mini-app{max-width:none}.workflow,.plans{gap:35px}.workspace-grid{grid-template-columns:1fr 1fr}.chat-pane{padding:20px}.module-grid button{padding:22px}.parallax-grid{grid-template-columns:1fr 1fr}.landscape{height:450px}}@media(max-width:640px){header{height:76px;padding:0 6%}.logo{font-size:24px}header nav{display:none}header .small{font-size:10px;padding:10px}.hero{grid-template-columns:1fr;padding:45px 6%;gap:35px}.hero h1{font-size:49px;letter-spacing:-2.7px}.hero-copy>p{font-size:13px}.hero-art{height:370px}.hero-dashboard{top:65px}.actions{flex-direction:row;align-items:center;gap:14px}.actions .primary{padding:14px;font-size:11px;gap:12px}.actions .textbutton{font-size:10px}.ticker{justify-content:start;font-size:8px;padding:17px 6%}.section{padding:55px 6%}.section-head{display:block}.section-head p{margin-top:20px}.possibilities{grid-template-columns:1fr}.feature:last-child{grid-column:auto}.feature{padding:20px}.type-art{padding-left:20px}.workflow,.plans{grid-template-columns:1fr}.steps article{padding:22px 0}.module-grid,.audience-grid{grid-template-columns:1fr;gap:15px}.audience-grid article{padding:18px 0;border-bottom:1px solid var(--line)}.module-grid button{padding:25px}.module-grid h3{margin-top:15px}.module-grid p{margin-bottom:20px}.community{padding-top:50px}.community-bottom{flex-direction:column;align-items:start;padding:0 6%}.marquee span{font-size:12px;padding:17px;min-width:220px}.plan-card{padding:25px}.final-cta{padding:50px 6%}footer{padding:30px 6%;gap:18px}footer>span{display:none}footer>div{margin:0;width:100%;justify-content:space-between}footer small{width:100%}.workspace-top{padding:0 14px;height:62px}.demo-status{font-size:8px;max-width:110px}.workspace-top .logo{font-size:20px}.workspace-grid{grid-template-columns:1fr;height:auto}.reference-pane{min-height:350px;border-right:0;border-bottom:1px solid var(--line)}.ref-empty{padding:20px}.ref-empty h3{font-size:22px}.ref-empty>span{display:none}.ref-empty p{margin:12px 0}.chat-pane{min-height:490px;padding:25px}.chat-heading h2{font-size:28px}#project-preview{height:360px}.parallax-grid{grid-template-columns:1fr}.studio-section{padding:45px 20px 20px}.studio-section h2{font-size:29px}.landscape{height:330px}.scene-title{font-size:32px}.scene-title i{font-size:27px}.controls{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee{animation:none!important}}
/* Guided creation keeps the original visual identity. */
.project-steps{list-style:none;margin:0;padding:15px 25px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);background:#fafbfe}.project-steps li{display:flex;align-items:center;gap:8px;font-size:11px;color:#8c96a7}.project-steps li b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;border:1px solid #d6deea;font-size:10px;font-weight:500}.project-steps .current{color:#365cf5;font-weight:600}.project-steps .current b{background:#365cf5;border-color:#365cf5;color:white}.project-steps .done{color:#43826a}.project-steps .done b{background:#e7f3ec;border-color:#bdd8cb}.project-steps small{font-size:8px;background:#edf0f5;padding:4px;border-radius:3px}.workspace-grid{height:calc(100% - 124px)}.guided-brief{margin-top:20px;border:1px solid #dfe5f1;background:#f7f9fe;border-radius:8px;padding:18px}.guided-brief h3{font-size:13px;margin-bottom:16px}.guided-brief label{display:block;font-size:10px;color:#56657d;font-weight:600;margin:12px 0 7px}.guided-brief input,.guided-brief select{width:100%;min-width:0;padding:11px;background:white;border:1px solid #d7dfed;border-radius:5px;font-size:11px;color:var(--ink)}.guided-brief .outline{margin-top:15px;font-size:10px;width:100%;padding:11px}.context-help{padding:14px 16px;border-left:2px solid #7992ff;background:#f1f4ff;margin-top:18px;border-radius:0 6px 6px 0}.context-help b{font-size:10px;color:#365cf5}.context-help p{font-size:11px;line-height:1.7;color:#61708b;margin-top:5px}.review-panel{margin-top:20px;padding:17px;border:1px solid #d9e1ef;border-radius:8px;background:#fafcfe}.review-panel h3{font-size:13px}.review-panel>p{font-size:10px;line-height:1.7;color:var(--muted);margin:8px 0 12px}.review-panel label{display:flex;gap:9px;align-items:center;font-size:11px;line-height:1.6;margin:10px 0}.review-panel input{accent-color:#365cf5}.review-panel button{width:100%;margin-top:10px;font-size:10px}.chat-pane #chat-form{margin-top:10px}.chat-heading h2{font-size:28px;margin:15px 0 10px}.chat-heading>p{font-size:11px}.chat-pane{padding:25px}.prompt-options{margin:18px 0 12px}#workspace{height:850px}.pane-toolbar button{white-space:nowrap}@media(max-width:640px){.project-steps{padding:12px 13px;gap:5px}.project-steps li{font-size:9px;gap:5px}.project-steps small{display:none}.project-steps li b{width:20px;height:20px}.workspace-grid{height:auto}.guided-brief{padding:15px}.chat-pane{min-height:600px}.project-steps{position:sticky;top:0;z-index:5}}
.workspace-actions{display:flex;gap:15px;align-items:center}.workspace-actions .small{font-size:10px;padding:9px 12px}.project-identity{border:1px solid #dce3f0;background:#fafbfe;padding:13px;border-radius:7px;margin-bottom:20px}.project-identity label{display:block;font-size:9px;font-weight:600;color:#66768d;margin-bottom:7px}.project-identity input{width:100%;padding:9px;border:1px solid #dce3ee;border-radius:5px;background:#fff;font-size:12px}.project-identity>div{display:flex;justify-content:space-between;gap:15px;margin-top:12px}.project-identity .textbutton{font-size:10px;color:#365cf5}.project-identity button:disabled{opacity:.5;cursor:not-allowed}#projects-dialog{width:740px;max-width:94vw;max-height:90vh;padding:30px}.projects-heading{display:flex;justify-content:space-between;align-items:start}.projects-heading h2{font-size:30px;margin-top:15px}.projects-note{font-size:12px;line-height:1.8;color:var(--muted);margin:18px 0}.projects-toolbar{display:flex;gap:10px;margin-bottom:25px}.project-row{border-top:1px solid var(--line);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.project-row h3{font-size:15px;overflow-wrap:anywhere}.project-row p{font-size:10px;color:var(--muted);line-height:1.7;margin-top:6px}.project-row-actions{display:flex;gap:9px}.project-row button{font-size:10px;white-space:nowrap;padding:9px;border:1px solid #dce2ef;border-radius:5px}.project-row button:first-child{color:#365cf5}.project-empty{padding:30px;background:#f5f7fc;border-radius:7px;font-size:13px;line-height:1.8;color:#6a7890}#version-panel{border-top:1px solid var(--line);padding-top:20px}#version-panel h3{font-size:15px}#version-panel>.fine{margin:7px 0 15px}.version-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f4f7fd;border-radius:5px;margin-top:8px;font-size:11px}.version-row button{font-size:10px;color:#365cf5}.workspace-top{gap:12px}.workspace-top .demo-status{font-size:9px}@media(max-width:640px){.workspace-actions .demo-status{display:none}.workspace-top .logo{font-size:19px}#projects-dialog{padding:22px}.project-row{align-items:start;flex-direction:column;gap:12px}.project-row-actions{width:100%;justify-content:space-between}.project-identity{margin-bottom:15px}.project-identity>div{gap:10px}.projects-toolbar button{font-size:10px}}
#import-summary{padding:20px;border:1px solid #cbd7f3;background:#f2f5ff;border-radius:8px;margin-bottom:22px}#import-summary h3{font-size:15px;margin-bottom:12px}#import-summary>p{font-size:12px;line-height:1.8;color:#5e6e86}#import-summary>div{display:flex;gap:10px;margin-top:15px}.projects-toolbar{flex-wrap:wrap}#import-summary .fine{margin-top:10px}@media(max-width:640px){.projects-toolbar{gap:8px}.projects-toolbar button{padding:10px;font-size:10px}#import-summary{padding:15px}}
.mode-switch{display:flex;align-items:center;gap:10px;padding:12px 24px;border-bottom:1px solid var(--line);background:#fafbfe}.mode-switch button{padding:10px 13px;border:1px solid #dfe5ef;border-radius:6px;font-size:11px;text-align:left;background:white}.mode-switch button small{display:block;font-size:8px;font-weight:400;color:#718099;margin-top:4px}.mode-switch button.selected{background:#edf1ff;border-color:#b6c5fc;color:#365cf5}.mode-switch>span{margin-left:auto;font-size:10px;color:var(--muted);max-width:200px;line-height:1.7}.workspace-grid{height:calc(100% - 199px)}.visual-controls{padding:14px;border:1px solid #dce4f2;border-radius:7px;margin-top:18px}.visual-controls summary{cursor:pointer;font-size:11px;font-weight:600;color:#365cf5}.visual-controls label,#listing-form>label{display:block;font-size:11px;color:#5d6e87;margin:16px 0 7px}.visual-controls input:not([type=color]),#listing-form>input,#listing-form>select,#listing-form>textarea{width:100%;padding:11px;border:1px solid #d3dcea;border-radius:5px;font-size:12px;background:white}.visual-color-row{display:flex;gap:25px}.visual-color-row input{width:70px;height:32px;padding:2px;border:1px solid #d3dcea;background:white;border-radius:5px}.visual-controls .outline{width:100%;margin-top:15px;font-size:10px}.visual-controls>.textbutton{margin-top:16px;font-size:10px}#code-pane{padding:15px}#code-pane[hidden]{display:none}.code-file{display:flex;justify-content:space-between;background:#e8edf6;border:1px solid #d3dceb;border-radius:5px 5px 0 0;padding:12px;font-size:10px}.code-file span:last-child{color:#708099;font-size:9px}#project-code{height:340px;font:11px/1.7 Consolas,monospace;border:1px solid #cfd9e8;background:#172336;color:#e5eaf4;border-radius:0 0 5px 5px;padding:15px;white-space:pre;resize:vertical}.code-actions{display:flex;gap:10px;margin-top:12px}.code-actions button{font-size:9px}.terminal-pending{background:#f5f7fc;padding:15px;border:1px dashed #c7d2e6;border-radius:7px;margin-top:20px}.terminal-pending strong{font-size:11px}.terminal-pending p{font-size:10px;line-height:1.8;color:#65758d;margin-top:7px}.market-overview{display:grid;grid-template-columns:1fr 1fr;gap:25px}.market-overview>div{padding:32px;border:1px solid #dce3ef;border-radius:11px;background:white}.market-overview h3{font:500 24px/1.3 Manrope;margin:23px 0 16px;letter-spacing:-.6px}.market-overview p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:25px}.market-overview button{font-size:11px}.market-actions{display:flex;gap:25px;align-items:center;margin-top:25px}.market-actions p{font-size:11px;line-height:1.8;color:var(--muted);max-width:500px}.market-actions button{font-size:12px}#market-dialog{width:820px;max-width:95vw;max-height:92vh;padding:30px}#listing-form{border:1px solid var(--line);background:#fafbfe;border-radius:8px;padding:22px;margin-top:25px}#listing-form>h3{font-size:18px}#listing-form>textarea{min-height:90px}#listing-content{min-height:160px!important;font-family:Consolas,monospace!important;font-size:11px!important}#listing-form .fine{margin-top:13px}#listing-form .rights-confirm{display:flex;align-items:center;gap:9px;font-size:10px;margin:20px 0}.rights-confirm input{accent-color:#365cf5}.market-tabs{display:flex;gap:10px;margin:20px 0}.market-tabs button{font-size:11px;padding:9px 15px;border:1px solid #d5dfee;border-radius:5px}.market-tabs button.selected{background:#edf1ff;color:#365cf5}.listing-card{padding:22px;border:1px solid #d6e0f0;border-radius:7px;margin:12px 0;background:white}.listing-card h3{font-size:16px;margin:13px 0 9px}.listing-card p{font-size:12px;line-height:1.8;color:#66778e;overflow-wrap:anywhere}.listing-card .listing-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:15px}.listing-card button{font-size:10px;color:#365cf5;border-bottom:1px solid #c1cff4;padding:4px 0}.listing-card .fine{margin-top:10px}#market-list .project-empty{margin:18px 0}@media(max-width:800px){header nav{gap:15px;font-size:11px}.mode-switch>span{display:none}}@media(max-width:640px){.mode-switch{padding:10px 14px;justify-content:space-between}.mode-switch button{flex:1;font-size:10px;padding:9px}.workspace-grid{height:auto}.market-overview{grid-template-columns:1fr}.market-overview>div{padding:23px}.market-actions{align-items:start;flex-direction:column;gap:15px}#market-dialog{padding:22px}#listing-form{padding:16px}.pane-toolbar{gap:4px}.pane-toolbar button{font-size:10px;padding:8px}.code-actions{flex-wrap:wrap}}
[hidden]{display:none!important}
#account-dialog{width:560px;max-width:94vw;padding:30px}#open-account{font-size:10px;color:#365cf5}.account-info{padding:18px;background:#f3f6fe;border:1px solid #d9e2f4;border-radius:8px}.account-info strong{font-size:14px}.account-info p{font-size:12px;line-height:1.8;color:#63738b;margin-top:12px}.account-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}#account-result{padding-top:16px;min-height:32px}#account-controls>.fine{line-height:1.9}.account-buttons button:disabled{opacity:.5;cursor:wait}@media(max-width:640px){#account-dialog{padding:22px}.workspace-actions{gap:8px}.workspace-actions button{font-size:9px!important;padding:8px!important}}
.template-open{font-size:11px;margin-bottom:18px;width:100%;color:#365cf5}#templates-dialog{width:900px;max-width:95vw;max-height:92vh;padding:30px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.template-choice{text-align:left;border:1px solid #d6dfed;border-radius:7px;padding:17px;background:#fff}.template-choice.selected{background:#edf2ff;border-color:#8ca4fc}.template-choice b{font-size:13px;display:block;margin:10px 0}.template-choice span{font-size:10px;color:#64758e;line-height:1.8;display:block}.template-choice i{font-style:normal;color:#365cf5;font-size:20px}#template-form{padding:22px;background:#f7f9fd;border:1px solid #dce4f0;border-radius:9px}#template-form h3{font-size:18px}#template-form label{display:block;font-size:11px;color:#61718a;margin:16px 0 8px}#template-form input:not([type=color]),#template-form textarea{width:100%;padding:11px;border:1px solid #d3ddec;border-radius:5px;font-size:12px;background:white}#template-project-color{width:80px;height:34px;border:1px solid #cdd9ee;border-radius:5px;background:white}#template-form .fine{margin:18px 0}#template-form .primary{font-size:11px}@media(max-width:640px){#templates-dialog{padding:22px}.template-grid{grid-template-columns:1fr 1fr;gap:9px}.template-choice{padding:13px}.template-choice b{font-size:12px}#template-form{padding:17px}}
.visual-controls textarea{font-size:11px;border:1px solid #d7e0ee;border-radius:5px;background:white;padding:10px;min-height:80px}.visual-controls input[type=file]{font-size:10px;padding:10px;width:100%;border:1px solid #d7e0ee;border-radius:5px;background:white}.visual-controls .visual-remove-image{display:flex;align-items:center;gap:8px;font-size:10px}.visual-remove-image input{width:auto!important}.visual-controls>.fine,#visual-edit-form>.fine{font-size:9px!important;margin-top:8px}.section-manager{padding-top:18px;border-top:1px solid #dce3ef;margin-top:20px}.section-manager h3{font-size:13px}.section-manager>.fine{margin:10px 0}.section-edit-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e0e6f1}.section-edit-row>span{font-size:11px;overflow-wrap:anywhere;max-width:180px}.section-edit-row>div{display:flex;gap:7px}.section-edit-row button{border:1px solid #d5dff0;border-radius:4px;padding:5px 7px;font-size:10px;background:white}.section-edit-row button:disabled{opacity:.3;cursor:default}#refresh-visual{margin-top:15px;color:#365cf5;font-size:10px}
.project-filters{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:12px;margin:20px 0 10px}.project-filters label,#rename-project-form label{font-size:10px;color:#61728a;display:block;margin-bottom:8px}.project-filters input,.project-filters select,#rename-project-form input{width:100%;min-width:0;border:1px solid #d1dbea;border-radius:5px;background:white;padding:11px;font-size:11px;color:#263851}#project-count{margin-bottom:10px}#rename-project-form{padding:20px;border:1px solid #c9d6f4;border-radius:7px;background:#f3f6fd;margin:20px 0}#rename-project-form>div{display:flex;gap:12px;margin-top:15px}.project-row-actions{flex-wrap:wrap;max-width:330px;justify-content:flex-end}.project-row .pill{font-size:7px;margin-bottom:9px}.project-row.archived{background:#f7f8fc;padding:20px 12px;border-radius:6px;opacity:.9}.project-row-actions button{font-size:9px}.project-row h3{max-width:300px}.project-row .archive-action{color:#6f7c90}.project-row .restore-action{color:#15803d}.project-filters select{appearance:auto}@media(max-width:640px){.project-filters{grid-template-columns:1fr 1fr}.project-filters>div:first-child{grid-column:1/-1}.project-row-actions{max-width:none;justify-content:flex-start;gap:8px}.project-row-actions button{padding:9px 10px}}
#computer-dialog{width:880px;max-width:96vw;max-height:93vh;padding:30px}.bridge-instructions{border:1px solid #d5dfef;border-radius:7px;background:#f5f8fd;padding:18px}.bridge-instructions summary{font-size:13px;cursor:pointer;font-weight:600}.bridge-instructions ol{font-size:12px;line-height:1.9;color:#5d6f88;padding-left:20px}.bridge-instructions li{margin:7px 0}.bridge-instructions a{color:#365cf5;text-decoration:underline}#computer-connect-form{margin:20px 0}#computer-connect-form>label,#computer-command-form>label{display:block;font-size:11px;margin-bottom:8px;color:#61728b}#computer-connect-form>div{display:flex;gap:12px}#computer-pair-code{flex:1;min-width:0;padding:12px;font-size:12px;border:1px solid #cdd9eb;border-radius:5px}.bridge-status{font-size:12px;line-height:1.8;color:#4a5f7d;padding:14px;background:#edf3ff;border-radius:6px}.bridge-workspace{margin-top:22px;padding:17px;border:1px solid #d6dfef;border-radius:7px}.bridge-workspace b{font-size:12px}.bridge-workspace p{font:11px/1.8 Consolas,monospace;overflow-wrap:anywhere;margin:10px 0}.bridge-workspace a,.bridge-workspace button{font-size:10px;color:#365cf5}.bridge-workspace button{float:right}.bridge-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.bridge-actions button,.bridge-actions a{font-size:10px}#computer-connected>.fine{margin:12px 0}#computer-command-form{margin-top:22px}#computer-command{min-height:85px;padding:14px;border:1px solid #cfdaed;border-radius:6px;background:#f8faff;font:12px/1.8 Consolas,monospace}#computer-command-form>div{display:flex;gap:10px;margin-top:10px}#computer-output{white-space:pre-wrap;overflow-wrap:anywhere;background:#172437;color:#dae5f5;padding:20px;border-radius:7px;max-height:330px;overflow:auto;font:11px/1.8 Consolas,monospace;margin-top:20px}#computer-connected button:disabled{opacity:.5;cursor:wait}#connect-from-code{font-size:10px;margin-top:12px}@media(max-width:640px){#computer-dialog{padding:22px}#computer-connect-form>div{flex-direction:column}.bridge-workspace button{float:none;display:block;margin-top:12px}.bridge-actions{gap:8px}.bridge-actions button,.bridge-actions a{font-size:9px;padding:10px}.pane-toolbar{flex-wrap:wrap}}


.ollama-tools{margin:24px 0;padding:22px;border:1px solid #dce3f2;border-radius:12px;background:#f5f7fc}.ollama-tools p{line-height:1.65}.ollama-tools h3{margin-top:0}.ollama-tools a{color:#355cbb}
