:root{--bg:#fbfafc;--surface:#fff;--ink:#272433;--muted:#817d8c;--line:#ebe8ef;--purple:#7860d3;--purple-dark:#6249bd;--purple-soft:#f0ebfc;--green:#4b8c6c;--font:'DM Sans',sans-serif;--heading:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #b4a1ef;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:650;line-height:1.2;letter-spacing:-.045em}h1{font-size:44px}h2{font-size:30px}h3{font-size:19px}svg.lucide{width:18px;height:18px;flex-shrink:0;vertical-align:middle}p{color:var(--muted)}.btn{border:1px solid transparent;border-radius:10px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:550;white-space:nowrap;transition:background .18s,transform .18s}.btn:hover{transform:translateY(-1px)}.primary{background:var(--purple);color:#fff;border-color:var(--purple)}.primary:hover{background:var(--purple-dark)}.secondary{background:white;border-color:var(--line)}.secondary:hover{background:#f6f3fc}.ghost{background:transparent}.small{padding:8px 13px;font-size:12px}.wide{width:100%}.text-btn{border:0;background:transparent;padding:8px;font-size:13px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:8px;background:transparent;flex-shrink:0}.icon-btn:hover{background:var(--purple-soft);color:var(--purple)}.icon-btn.primary{background:var(--purple);color:white}.logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--heading);font-size:27px;font-weight:800;letter-spacing:-1.4px;color:#2c2739;white-space:nowrap}.logo img{border-radius:9px}.logo-dot{margin-left:-7px;color:var(--purple)}.public-header{height:94px;max-width:1344px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 44px}.public-header nav{display:flex;gap:28px;color:#706b7e;font-size:13px}.public-header nav a:hover{color:var(--purple)}.header-actions{display:flex;align-items:center;gap:16px}.language{display:inline-flex;align-items:center;gap:6px;color:#777281}.language svg{width:16px;height:16px}.language select{padding:5px 1px;border:none;background:transparent;font-size:12px;max-width:88px;cursor:pointer}.hero{position:relative;text-align:center;padding:69px 24px 70px;overflow:hidden;background:radial-gradient(ellipse 44% 49% at 50% 73%,#ece3fb95,transparent 100%)}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.25px;font-weight:600;color:#817392}.status-dot{width:6px;height:6px;background:#8b72d4;border-radius:50%;display:inline-block}.eyebrow-line{width:15px;height:1px;background:#bbb4c6}.hero h1{font-size:65px;line-height:1.17;letter-spacing:-4px;margin:24px 0 20px;font-weight:650}.hero h1>span{color:#8e74c5}.hero-sub{max-width:590px;margin:auto;font-size:16px;line-height:1.85;color:#888192}.prompt-box{max-width:714px;margin:35px auto 0;background:#fff;border:1px solid #e7e0ed;border-radius:17px;padding:18px 18px 13px;box-shadow:0 8px 30px #8260a30c,0 1px 2px #8260a30d;text-align:left}.prompt-box textarea{display:block;border:0;background:none;resize:vertical;min-height:85px;width:100%;font-size:15px;padding:4px 5px}.prompt-box textarea::placeholder{color:#b1a9ba}.prompt-box textarea:focus{outline:none}.prompt-box:focus-within{border-color:#bfa9df;box-shadow:0 0 0 3px #e9ddf466}.prompt-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.ai-chip{display:flex;gap:6px;align-items:center;font-size:11px;color:#8a7a9d;padding:4px}.ai-chip svg{width:15px}.prompt-controls{display:flex;align-items:center;gap:14px}.prompt-controls select{max-width:130px;border:0;font-size:11px;background:transparent;color:#8b8296}.prompt-hints{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:19px}.prompt-hints button{display:flex;align-items:center;gap:7px;background:#ffffff88;border:1px solid #e8e2ef;border-radius:7px;padding:7px 12px;font-size:11px;color:#83798f}.prompt-hints button:hover{background:var(--purple-soft);border-color:#bba3e0}.prompt-hints svg{width:14px;height:14px}.free-note{font-size:10px;color:#aaa2b4;margin:20px 0 0}.free-note svg{width:12px;height:12px}.section{max-width:1256px;padding:70px 38px;margin:auto}.overline{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#a29aaa;display:block;margin-bottom:13px}.section-heading h2{font-size:32px;max-width:560px}.section-heading p{font-size:13px;margin-top:12px}.idea-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:31px}.idea-card{text-align:left;border:none;background:transparent;padding:0;min-width:0}.idea-preview{height:206px;border-radius:11px;padding:21px;overflow:hidden;transition:transform .2s,box-shadow .2s}.idea-card:hover .idea-preview{transform:translateY(-4px);box-shadow:0 14px 25px #3f2b5418}.mini-nav{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:10px;letter-spacing:-.2px}.mini-nav span{font-size:4.9px;font-weight:400;letter-spacing:.6px}.preview-portfolio{background:#eee9e0;color:#3c3d36}.mini-editorial{font-family:Georgia,serif;font-size:29px;line-height:1.06;margin:28px 0 28px}.mini-editorial em{color:#716b58}.mini-bottom{display:flex;justify-content:space-between;align-items:center;font-size:5px;letter-spacing:.8px}.mini-bottom>span{font-size:17px}.preview-saas{background:#242f29;color:#f0f4ee}.mini-saas{font-size:29px;font-family:var(--heading);line-height:1.08;letter-spacing:-1px;font-weight:600;margin:24px 0 18px}.mini-saas em{font-style:normal;color:#dbf1a1}.mini-pill{font-size:6px;background:#d7eba3;color:#313d24;padding:6px 10px;border-radius:3px}.preview-pitch{background:#ded3ef;color:#514069}.mini-pitch{font-family:Georgia,serif;font-size:33px;line-height:1.04;margin:24px 0}.preview-forma{background:#e6dad0;color:#604839}.mini-forma{font-size:30px;font-family:Georgia,serif;line-height:1.05;margin:25px 0}.mini-forma em{font-weight:normal}.idea-meta{display:flex;align-items:center;justify-content:space-between;padding:15px 2px}.idea-meta strong{display:block;font-size:12px;font-weight:550}.idea-meta small{display:block;color:#a29aa9;font-size:10px;margin-top:2px}.idea-meta>svg{width:15px;color:#b4a9bf}.how{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:48px}.step-number{font-size:12px;color:var(--purple);display:inline-block;background:var(--purple-soft);padding:7px 10px;border-radius:8px;margin-bottom:20px}.steps h3{font-size:18px;letter-spacing:-.5px;margin-bottom:13px}.steps p{font-size:13px;line-height:1.9}.cloud-section{margin-top:24px;margin-bottom:60px;display:grid;grid-template-columns:1fr 1fr;gap:90px;border-radius:20px;background:#f0edf5;padding:52px;max-width:1180px}.cloud-copy h2{margin:18px 0;max-width:400px;font-size:33px;line-height:1.25}.cloud-copy>p{font-size:13px;line-height:1.9;max-width:450px}.cloud-copy>.btn{margin-top:25px}.cloud-features{display:flex;flex-direction:column;justify-content:center;gap:14px}.cloud-features>div:not(.cloud-caption){display:flex;align-items:center;gap:16px;padding:20px;background:#ffffffb3;border:1px solid #e8e1f1;border-radius:12px;font-size:13px}.cloud-features>div>svg:first-child{color:var(--purple)}.cloud-features>div>svg:last-child{margin-left:auto;width:14px;color:#9e92b0}.cloud-caption{text-align:center;font-size:9px;letter-spacing:.4px;color:#a499b2;margin-top:5px}.cloud-caption .status-dot{background:#99ad91;width:5px;height:5px;margin-right:4px}footer{max-width:1256px;margin:auto;border-top:1px solid var(--line);padding:38px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px}footer .logo{font-size:24px}footer .logo img{width:25px;height:25px}footer p{font-size:11px;margin-top:7px}.footer-links{display:flex;align-items:center;gap:25px;font-size:11px;color:#8c8396}.footer-links svg{width:12px}footer>small{width:100%;text-align:right;color:#b0a9b6;font-size:9px}.auth-top{display:flex;align-items:center;justify-content:space-between;padding:25px 40px;position:absolute;top:0;left:0;width:100%;z-index:1}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-art{background:#eee8f6;padding:160px 12% 70px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.auth-art h1{font-size:49px;line-height:1.17;max-width:480px;margin:24px 0}.auth-art>p{max-width:350px;font-size:14px;color:#95839f}.auth-example{max-width:360px;width:100%;padding:25px 28px;background:#fbf9ff;border-radius:16px;border:1px solid #e3d9ef;margin:45px 0;transform:rotate(-3deg);box-shadow:0 22px 40px #6c488815}.auth-example>div{display:flex;align-items:center;gap:8px;color:#9b83ba;font-size:11px}.auth-example>div>span{margin-left:auto}.auth-example blockquote{font-family:Georgia,serif;font-size:35px;line-height:1.18;margin:32px 0;color:#6b537e}.auth-example small{font-size:8px;letter-spacing:2px;color:#baa9c7}.auth-art-bottom{font-size:9px;letter-spacing:2px;color:#b09bc0}.auth-form{padding:120px 45px 60px;display:flex;align-items:center;justify-content:center}.auth-form-inner{max-width:380px;width:100%}.auth-form h2{font-size:33px;line-height:1.3;margin:12px 0 30px}.auth-form label,.modal form>label,.form-row>label,.settings-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500;margin:17px 0}input:not([type=checkbox]),textarea,select:not(.language select){border:1px solid #e3deeb;border-radius:8px;padding:11px 13px;background:white;min-width:0}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #d9c9f0;border-color:#a88ed1}input::placeholder,textarea::placeholder{color:#b1a9b8}input:disabled{background:#f5f3f8;color:#99909f}.checkbox-label{flex-direction:row!important;align-items:flex-start!important;gap:9px!important;font-size:11px!important;font-weight:400!important;line-height:1.7}.checkbox-label input{accent-color:var(--purple);margin-top:3px}.checkbox-label a{text-decoration:underline;color:var(--purple)}.auth-switch{text-align:center;font-size:12px;margin:23px 0}.auth-switch a{color:var(--purple);font-weight:500}.auth-form .tiny{text-align:center;margin-top:35px}.form-error{font-size:12px;color:#b75b6b;margin:10px 0}.tiny{font-size:11px}.muted{color:var(--muted)}.notice{display:flex;align-items:flex-start;gap:9px;background:#f0eafa;border:1px solid #e4d9f4;border-radius:9px;padding:13px 16px;color:#837095;font-size:12px;line-height:1.75;margin:20px 0}.notice svg{margin-top:2px;width:16px;height:16px}.app-layout{display:flex;min-height:100vh}.sidebar{width:234px;background:#f4f1f8;border-right:1px solid #e9e3f0;padding:25px 17px 15px;position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:20}.sidebar>.logo{padding:0 11px;font-size:26px}.sidebar>.logo img{width:29px;height:29px}.workspace-label{display:flex;align-items:center;gap:10px;border:1px solid #e5dfee;border-radius:9px;padding:10px;margin:29px 0 18px;background:#ffffff88;font-size:11px;line-height:1.4}.workspace-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#e6def2;color:#8b74a8;font-size:12px}.workspace-label small{display:block;font-size:9px;color:#a79ab4;margin-top:3px}.workspace-label>svg{width:13px;margin-left:auto;color:#aa9fb6}.sidebar>.btn{font-size:12px;padding:10px}.sidebar nav{margin-top:24px;display:flex;flex-direction:column;gap:5px}.sidebar nav>a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:12px;color:#8c7e9b}.sidebar nav>a:hover{background:#eae3f3}.sidebar nav>a.active{background:#e5dcf3;color:#7958a9;font-weight:550}.sidebar nav>a>svg{width:17px;height:17px}.nav-divider{height:1px;background:#e7e0ee;margin:12px}.tiny-badge{font-size:9px;margin-left:auto;color:#9773b5;background:#e9def5;padding:2px 6px;border-radius:5px}.sidebar-bottom{margin-top:auto;padding-top:20px}.credit-mini{background:#fff9;border:1px solid #e5ddec;padding:12px 13px;border-radius:10px;margin-bottom:14px}.credit-mini>div{display:flex;align-items:center;gap:5px;font-size:10px;color:#9d8cab}.credit-mini svg{width:15px;height:15px}.credit-mini strong{font-size:15px;font-weight:600;color:#71518f}.credit-mini a{display:flex;align-items:center;justify-content:space-between;color:#ab98b9;font-size:9px;margin-top:7px}.user-profile{display:flex;align-items:center;gap:9px;background:transparent;border:0;text-align:left;width:100%;padding:5px;font-size:11px}.avatar{width:32px;height:32px;border-radius:50%;background:#e7def1;color:#9c81b5;display:grid;place-items:center;font-size:12px;font-weight:600}.user-profile small{display:block;color:#b0a1bc;font-size:9px}.user-profile>svg{margin-left:auto;width:14px;color:#ac9bbd}.app-main{margin-left:234px;flex:1;min-width:0}.app-header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#fff8;font-size:12px;color:#8b8295}.app-header>div{display:flex;align-items:center;gap:23px}.cloud-online{font-size:10px;color:#afa4bc}.cloud-online>.status-dot{background:#8ca88e;width:5px;height:5px;margin-right:5px}.small-avatar{width:28px;height:28px}.menu-toggle{display:none}.dashboard{padding:0 48px 60px;max-width:1350px;margin:auto}.dashboard-hero{padding:50px 0 45px;text-align:center;background:radial-gradient(ellipse 50% 60% at 50% 62%,#ede4f94d,transparent)}.hello{font-size:12px;color:#a291b2;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:13px}.hello>span{color:#b29dcf;font-size:19px}.dashboard-hero h1{font-size:40px;margin-bottom:13px}.dashboard-hero>p{font-size:13px;color:#a093ad}.dashboard-hero .prompt-box{margin-top:27px;max-width:680px}.dashboard-hero .prompt-hints{margin-top:16px}.row-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.row-heading h2{font-size:18px;letter-spacing:-.5px}.row-heading>a{font-size:11px;color:#a395b2;display:flex;gap:7px;align-items:center}.row-heading>a>svg{width:13px;height:13px}.empty{padding:44px 25px;text-align:center;border:1px dashed #e5ddee;border-radius:12px}.empty-icon{background:#f0e9f8;border-radius:12px;width:48px;height:48px;margin:0 auto 16px;display:grid;place-items:center;color:#b49bce}.empty h3{font-size:18px;margin:10px 0}.empty p{font-size:12px}.empty .btn{margin-top:21px}.page{padding:40px 42px 70px;max-width:1350px;margin:auto}.page-title{margin-bottom:32px}.page-title:has(>.btn){display:flex;align-items:center;justify-content:space-between;gap:20px}.page-title h1{font-size:33px;margin-bottom:12px}.page-title p{max-width:690px;font-size:13px;line-height:1.8}.list-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.filter-chips button{border:1px solid transparent;background:transparent;border-radius:7px;padding:6px 12px;color:#9d90aa;font-size:11px}.filter-chips .active{border-color:#ded2ef;background:var(--purple-soft);color:var(--purple)}.search{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding-left:10px;background:#fff;color:#b2a4bf}.search input{border:0!important;font-size:11px;width:160px;padding:8px!important;background:transparent!important}.search>svg{width:14px;height:14px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:transform .2s}.project-card:hover{transform:translateY(-3px);border-color:#d6c6e9}.project-cover{height:165px;padding:22px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.kind-website{background:#eae1f3;color:#8d6eac}.kind-landing{background:#e6eae1;color:#708764}.kind-presentation{background:#eee0db;color:#ac7d6c}.kind-app{background:#dce7ed;color:#6e8f9e}.project-cover-icon{opacity:.65;display:inline-block;margin-bottom:8px}.project-cover-icon svg{width:27px;height:27px}.project-cover-title{font-family:var(--heading);font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.5px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-cover-tag{font-size:8px;letter-spacing:.5px;text-transform:uppercase;opacity:.65;margin-top:7px}.project-open{position:absolute;right:12px;top:12px;opacity:.4}.project-meta{padding:15px 16px}.project-meta>strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}.project-meta>div{display:flex;align-items:center;justify-content:space-between;margin-top:7px;font-size:9px;color:#b3a7be}.state{font-size:9px;background:#f2edf7;color:#a18bb9;padding:3px 7px;border-radius:5px;white-space:nowrap}.state.green{background:#e9f1e9;color:#819880}.app-main .idea-grid{grid-template-columns:repeat(2,1fr);max-width:850px}.app-main .idea-preview{height:250px;padding:28px}.app-main .mini-editorial,.app-main .mini-saas,.app-main .mini-pitch,.app-main .mini-forma{font-size:40px;margin:30px 0}.editor{height:100vh;display:flex;flex-direction:column;background:#fff}.editor-header{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:15px}.editor-header>div{display:flex;align-items:center;gap:14px}.editor-header .logo{font-size:23px}.editor-header .logo img{width:25px;height:25px}.editor-title{display:block;border-left:1px solid var(--line);padding-left:18px;font-size:12px;font-weight:550;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-title small{display:block;font-size:9px;color:#ad9ebb;font-weight:400}.editor-actions .btn{padding:8px 12px;font-size:11px;gap:7px}.editor-actions svg{width:15px}.editor-main{display:flex;flex:1;min-height:0}.chat-panel{width:345px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fdfcfe;flex-shrink:0}.chat-heading{display:flex;align-items:center;gap:7px;height:52px;padding:0 20px;font-size:12px;color:#9881b1;border-bottom:1px solid #f1edf6}.chat-heading span{margin-left:auto;font-size:9px;color:#b3a5c1}.chat-history{padding:27px 20px;flex:1;overflow-y:auto}.chat-intro{margin-bottom:30px}.ai-avatar{width:31px;height:31px;background:var(--purple-soft);border-radius:9px;display:grid;place-items:center;color:#ae91cc;margin-bottom:15px}.chat-intro h3{font-size:16px;letter-spacing:-.4px;margin-bottom:9px}.chat-intro p{font-size:12px;line-height:1.8;color:#ac9bba}.chat-message{font-size:12px;line-height:1.85;margin:14px 0;white-space:pre-wrap;word-break:break-word}.chat-message.user{background:#f0eaf7;padding:12px 14px;border-radius:10px;color:#816c96}.chat-message.assistant{display:flex;gap:8px;color:#a28daf;padding:8px 2px}.chat-message.assistant>svg{margin-top:4px;width:15px;height:15px;color:#a58cbf}.processing>svg{animation:pulse 2s infinite}.chat-form{margin:12px 14px 16px;padding:10px;border:1px solid #e5dbef;border-radius:11px;background:#fff;box-shadow:0 3px 15px #65418a06}.chat-form textarea{border:0;background:none;resize:none;width:100%;font-size:12px;padding:5px;min-height:70px}.chat-form>div{display:flex;align-items:center;justify-content:space-between;padding:0 3px}.chat-form>div>span{font-size:8px;color:#b6a6c4}.chat-form .icon-btn{width:27px;height:27px;border-radius:7px}.chat-form svg{width:15px;height:15px}.preview-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:#f4f2f7}.preview-toolbar{height:52px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 17px;gap:10px;flex-shrink:0}.tabs{display:flex;align-items:center;gap:4px}.tabs button{display:flex;align-items:center;gap:6px;border:0;border-radius:6px;padding:7px 9px;font-size:11px;background:transparent;color:#a290b3}.tabs button.active{background:#efe9f8;color:#8d68b2}.tabs svg{width:14px;height:14px}.device-buttons{display:flex;gap:3px}.device-buttons .icon-btn{width:29px;height:29px;color:#b5a4c4}.device-buttons .icon-btn.selected{background:#eee8f6;color:#956bb8}.device-buttons svg{width:15px;height:15px}.preview-content{flex:1;overflow:auto;position:relative;min-height:0}.preview-frame{height:100%;width:100%;margin:auto;transition:width .2s}.preview-frame.mobile{width:390px;max-width:100%;padding:20px 0;height:100%}.preview-frame.mobile iframe{border-radius:20px;border:6px solid #d9d0e3;box-shadow:0 10px 40px #58417216}.preview-frame iframe{border:0;width:100%;height:100%;display:block;background:#fff}.preview-empty{height:100%;min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;text-align:center}.empty-art{width:74px;height:74px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#e3d9ef);border:1px solid #e6dff0;border-radius:23px;color:#baa4d0;box-shadow:0 14px 30px #80639710;margin-bottom:24px}.empty-art svg{width:30px;height:30px}.preview-empty h2{font-size:23px;color:#9b86ae;letter-spacing:-.7px;margin:4px 0 11px}.preview-empty p{font-size:12px;color:#baaac7}.preview-empty>.tiny{font-size:8px;letter-spacing:1.9px;margin-top:50px;color:#c6b8d1}.code-view{height:100%;display:flex;flex-direction:column;background:#292332}.code-view>div{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;color:#c6b1d9;font-size:12px}.code-view textarea{flex:1;resize:none;border:0!important;border-radius:0;background:#292332;color:#d9c9e5;font:12px/1.8 ui-monospace,monospace;padding:20px;white-space:pre;tab-size:2}.panel-content{padding:30px;max-width:900px}.panel-content>h2{font-size:23px;margin-bottom:25px}.panel-content>p{font-size:12px;margin-bottom:20px}.version-row{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;margin:12px 0}.version-icon{background:#f3edf9;color:#ae95c7;border-radius:8px;padding:8px}.version-row>div:nth-child(2){flex:1;min-width:0}.version-row strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.version-row small{font-size:10px;color:#b19fc1}.modal-overlay{position:fixed;inset:0;background:#2e203760;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;background:#fff;border-radius:18px;padding:34px;width:560px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #2e203728}.modal-close{position:absolute;top:12px;right:12px;color:#a596b2}.modal h2{font-size:27px;margin:8px 22px 20px 0;line-height:1.3}.modal>p{font-size:12px;line-height:1.85;margin-bottom:22px}.modal .overline{font-size:9px}.form-row{display:flex;gap:15px}.form-row>label{flex:1;min-width:0}.modal textarea{width:100%}.copy-field{display:flex;gap:7px;background:#faf8fc;border:1px solid #e7deef;border-radius:8px;padding:5px}.copy-field input{flex:1;width:100%;background:transparent!important;border:0!important;font-size:12px;padding:8px!important}.copy-field .btn{padding:8px 12px}.publication{margin-top:25px;border-top:1px solid var(--line);padding-top:25px}.qr-row{display:flex;align-items:center;gap:30px;padding:23px 0}.qr-row>div{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.text-link{color:var(--purple);font-size:11px}.danger{color:#b87487}.inline-form{display:flex;gap:10px;margin:18px 0}.inline-form input{flex:1;min-width:0}.inline-form .btn{font-size:11px;padding:8px 12px}.domain-card{background:#faf8fc;border:1px solid #e8dfef;border-radius:11px;padding:17px;margin-top:18px}.domain-card .row-heading{margin-bottom:16px;font-size:12px}.domain-card>.btn{margin-top:15px}.dns-record{display:grid;grid-template-columns:54px 1fr;gap:4px 8px;font-size:10px;padding:10px 0;border-top:1px solid var(--line)}.dns-record strong{color:#ab8bc6}.dns-record code{overflow-wrap:anywhere;font-size:10px;color:#9682a7}.dns-record code:last-child{grid-column:2}.collection-list{display:flex;flex-direction:column;gap:11px;margin-top:20px}.collection-row{border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;gap:13px;padding:17px;text-align:left}.collection-row>svg:first-child{color:#a88dc2;background:#f3edf8;box-sizing:content-box;padding:9px;border-radius:8px}.collection-row>svg:last-child{margin-left:auto;color:#b9a8c7;width:15px}.collection-row strong{font-size:12px;font-weight:550;display:block}.collection-row small{font-size:10px;color:#b0a0be;display:block;margin-top:3px}.compact{padding:25px}.compact>svg{color:#ad91c6;margin-bottom:12px}.collection-api{background:#f6f1fb;border-radius:8px;padding:14px;overflow-wrap:anywhere}.collection-api strong{font-size:11px}.collection-api p{font-size:10px;margin-top:7px}.records-list{max-height:330px;overflow:auto;margin-top:22px}.record{display:flex;align-items:flex-start;gap:9px;border-top:1px solid var(--line);padding:12px 0}.record pre{flex:1;min-width:0;white-space:pre-wrap;word-break:break-word;font-size:11px;color:#927ea4;margin:0}.balance-card{display:flex;justify-content:space-between;align-items:center;background:#ece4f7;border:1px solid #e4d8f1;border-radius:14px;padding:30px;margin-bottom:25px}.balance-card>div>span{font-size:12px;color:#9e86b5}.balance-card h2{font-size:51px;color:#82609f;margin-top:8px}.balance-card h2 small{font-size:12px;display:block;color:#b097c4;letter-spacing:0;font-weight:400;margin-top:9px}.balance-cost{text-align:right;color:#a78abe;max-width:165px;font-size:11px}.balance-cost strong{font-size:28px;margin-left:6px}.balance-cost>span{display:block}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0 40px}.pricing-card{background:white;border:1px solid var(--line);border-radius:12px;padding:25px}.pricing-card.recommended{border-color:#bd9ed9;background:#f9f5ff}.pricing-card h2{font-size:35px;margin:20px 0}.pricing-card h2 small{display:block;font:12px var(--font);letter-spacing:0;color:#b09bc3;margin-top:6px}.price{font-size:22px;letter-spacing:-.6px;color:#9680aa}.pricing-card p{font-size:11px;margin:10px 0 25px;color:#b1a0bf}.table-title{font-size:19px;margin:20px 0}.ledger{border:1px solid var(--line);border-radius:12px;padding:0 22px;background:#fff}.ledger>div{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:15px 0}.ledger>div:last-child{border:0}.ledger-icon{color:#b29bc4;background:#f5effa;padding:8px;border-radius:8px}.ledger svg{width:15px;height:15px}.ledger>div>span:nth-child(2){flex:1}.ledger strong{font-size:12px;font-weight:500}.ledger small{display:block;font-size:9px;color:#baaac7}.positive{color:#729883}.referral-page{max-width:950px}.referral-hero{text-align:center;padding:15px 20px 30px}.gift-art{display:grid;place-items:center;width:70px;height:70px;border-radius:20px;background:#eae0f5;color:#a086b8;margin:0 auto 25px}.gift-art svg{width:30px;height:30px}.referral-hero h1{max-width:570px;margin:15px auto 18px;font-size:39px;line-height:1.2}.referral-hero>p{max-width:530px;margin:auto;font-size:13px;line-height:1.9}.reward-pair{display:flex;align-items:center;justify-content:center;gap:36px;margin:35px 0}.reward-pair>span{font:600 40px var(--heading);color:#a086b9;background:#f0e8f8;border:1px solid #e6daf1;padding:17px 31px;border-radius:14px}.reward-pair small{display:block;font-size:9px;font-weight:400;letter-spacing:.4px;color:#b19ac5}.reward-pair>i{font-size:23px;font-style:normal;color:#c5b4d3}.referral-link{max-width:540px;margin:25px auto 0;text-align:left}.referral-link>label{font-size:11px;color:#a38ab6;display:block;margin-bottom:9px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stats-grid>div{border:1px solid var(--line);border-radius:12px;background:#fff;padding:25px;text-align:center}.stats-grid strong{display:block;font-size:27px;font-family:var(--heading);color:#9b83af}.stats-grid span{font-size:10px;color:#b5a3c4}.referral-rules{max-width:640px;text-align:center;margin:25px auto;font-size:10px;line-height:1.9}.settings-page{max-width:900px;margin-left:0}.settings-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;margin:22px 0}.settings-card h2{font-size:20px;letter-spacing:-.5px;margin-bottom:20px}.settings-card form{max-width:500px}.settings-card .btn{margin-top:8px}.legal-links{display:flex;gap:22px;font-size:11px;color:#b09bc0}.legal-page{max-width:800px;margin:auto;padding:60px 35px 80px}.legal-page>h1{font-size:42px;margin-bottom:17px}.legal-page>p{font-size:12px;margin-bottom:40px}.legal-page section{margin:27px 0}.legal-page section h2{font-size:20px;letter-spacing:-.4px;margin-bottom:10px}.legal-page section p{font-size:14px;line-height:1.9;color:#8c7c99}.legal-page section a{color:var(--purple);text-decoration:underline}.pricing-public{max-width:1060px;text-align:center;padding-top:70px}.pricing-public>h1{margin-bottom:25px}.pricing-public>p{max-width:600px;margin:20px auto}.pricing-public .pricing-card{text-align:left}.pricing-public .notice{text-align:left;max-width:100%}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px;padding:35px;text-align:center}.initial-loader{height:100vh;display:flex;align-items:center;justify-content:center;font:700 32px var(--heading);color:var(--purple);gap:10px}.initial-loader span{width:6px;height:6px;border-radius:50%;background:var(--purple);animation:pulse 1s infinite}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#3a3044;color:white;border-radius:10px;padding:13px 22px;font-size:12px;z-index:200;opacity:0;pointer-events:none;max-width:90vw;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.bad{background:#9b5f78}@keyframes pulse{50%{opacity:.35;transform:scale(.92)}}
@media(min-width:1550px){.hero{padding-top:90px}.hero h1{font-size:75px}.hero-sub{max-width:640px}.idea-preview{height:230px}.mini-editorial,.mini-saas,.mini-pitch,.mini-forma{font-size:35px}.dashboard-hero{padding-top:65px;padding-bottom:60px}.chat-panel{width:380px}}
@media(max-width:1100px){.public-header{padding:0 28px}.public-header nav{gap:18px;font-size:11px}.header-actions{gap:10px}.hero h1{font-size:56px}.idea-grid{gap:14px}.idea-preview{padding:17px;height:190px}.mini-editorial,.mini-saas,.mini-pitch,.mini-forma{font-size:25px}.mini-nav span{font-size:4px}.cloud-section{margin-left:35px;margin-right:35px;gap:40px;padding:40px}.sidebar{width:212px;padding-left:13px;padding-right:13px}.app-main{margin-left:212px}.dashboard{padding:0 30px 40px}.page{padding:30px}.projects-grid{grid-template-columns:repeat(2,1fr)}.pricing-card{padding:20px}.chat-panel{width:295px}.editor-header{padding:0 12px}.editor-header .logo{display:none}.editor-title{border:0;padding-left:0}.tabs button{padding:7px}.tabs button span{font-size:10px}.auth-art h1{font-size:40px}}
@media(max-width:800px){.public-header nav{display:none}.public-header{height:78px;padding:0 23px}.header-actions>.text-btn{display:none}.header-actions .language svg{display:none}.header-actions .language select{max-width:75px;font-size:11px}.hero{padding:50px 22px 50px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-sub{max-width:470px;font-size:14px}.section{padding:48px 25px}.section-heading h2{font-size:27px}.idea-grid{grid-template-columns:repeat(2,1fr);gap:18px}.idea-preview{height:220px;padding:23px}.mini-editorial,.mini-saas,.mini-pitch,.mini-forma{font-size:32px}.steps{gap:25px}.steps p{font-size:12px}.steps h3{font-size:16px}.cloud-section{grid-template-columns:1fr;margin:10px 25px 35px;padding:35px;gap:25px}.cloud-copy h2{max-width:500px}.cloud-features{gap:10px}.cloud-features>div:not(.cloud-caption){padding:15px}.cloud-caption{margin-top:10px}.footer-links{gap:17px}footer{padding:30px 25px}.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.auth-top{padding:25px}.auth-form{min-height:100vh;padding:110px 30px 60px}.sidebar{transform:translateX(-100%);width:235px;transition:transform .2s;box-shadow:15px 0 60px #4f355512}.menu-open .sidebar{transform:translateX(0)}.app-main{margin-left:0}.app-header{padding:0 20px;gap:14px;height:65px}.app-header>span{margin-right:auto}.app-header>div{gap:14px}.menu-toggle{display:inline-flex}.app-header .cloud-online{display:none}.dashboard-hero h1{font-size:34px}.page-title h1{font-size:29px}.editor-header{height:62px}.editor-title{max-width:190px}.editor-header>div{gap:5px}.editor-actions{gap:4px!important}.editor-actions .btn{padding:7px 9px}.editor-actions .btn span{display:none}.editor-main{flex-direction:column-reverse}.chat-panel{width:100%;height:38%;border:0;border-top:1px solid var(--line)}.chat-heading{height:34px;padding:0 14px;font-size:10px;flex-shrink:0}.chat-history{padding:10px 14px}.chat-intro{display:none}.chat-message{font-size:11px;margin:7px 0}.chat-message.user{padding:8px 11px}.chat-form{margin:4px 10px 10px;flex-shrink:0}.chat-form textarea{min-height:38px;max-height:65px;height:38px}.preview-panel{height:62%;min-height:200px}.preview-toolbar{height:43px;padding:0 10px}.preview-empty{min-height:180px;padding:18px}.preview-empty h2{font-size:18px}.preview-empty>.tiny{margin-top:18px}.empty-art{width:48px;height:48px;border-radius:14px;margin-bottom:10px}.empty-art svg{width:22px}.preview-frame.mobile{padding:10px 0;width:340px}.balance-card h2{font-size:40px}.pricing-grid{gap:13px}.pricing-card{padding:17px}.pricing-card .btn{font-size:10px;padding:8px}.pricing-card h2{font-size:30px}.price{font-size:19px}.referral-hero h1{font-size:34px}.list-controls{flex-wrap:wrap}.stats-grid>div{padding:20px 12px}.legal-page{padding:40px 25px}.legal-page>h1{font-size:35px}}
@media(max-width:480px){.logo{font-size:24px}.logo img{width:27px;height:27px}.public-header{padding:0 17px}.header-actions{gap:8px}.header-actions .btn{padding:8px 10px;font-size:11px}.header-actions .btn svg{display:none}.hero{padding:42px 17px}.hero h1{font-size:39px;letter-spacing:-2px;margin-top:20px}.hero-sub{font-size:13px;line-height:1.85}.eyebrow{font-size:8px;gap:6px;letter-spacing:.8px}.prompt-box{padding:13px;border-radius:13px;margin-top:26px}.prompt-box textarea{font-size:13px;min-height:80px}.prompt-controls{gap:5px}.prompt-controls select{font-size:9px;max-width:90px}.prompt-controls .btn{font-size:11px;padding:9px 11px}.prompt-controls .btn svg{width:13px;height:13px}.ai-chip{font-size:9px;gap:3px}.ai-chip svg{width:12px;height:12px}.prompt-hints{gap:6px}.prompt-hints button{padding:6px 9px;font-size:9px;gap:5px}.prompt-hints svg{width:12px;height:12px}.free-note{font-size:9px}.section{padding:38px 18px}.section-heading h2{font-size:24px}.section-heading p{font-size:12px}.overline{font-size:8px}.idea-grid{gap:12px;margin-top:24px}.idea-preview{height:158px;padding:15px;border-radius:9px}.mini-nav{font-size:8px}.mini-nav span{font-size:3.4px;letter-spacing:0}.mini-editorial,.mini-saas,.mini-pitch,.mini-forma{font-size:22px;margin:20px 0}.mini-bottom{font-size:3.5px;letter-spacing:.4px}.mini-pill{font-size:5px;padding:4px 6px}.mini-bottom>span{font-size:12px}.mini-saas{margin:18px 0 12px}.idea-meta{padding:10px 2px}.idea-meta strong{font-size:10px}.idea-meta small{font-size:8px}.idea-meta svg{width:12px;height:12px}.steps{grid-template-columns:1fr;gap:27px;margin-top:30px}.steps article{position:relative;padding-left:50px}.step-number{position:absolute;left:0;top:0;font-size:10px;padding:6px 8px}.steps h3{font-size:16px;margin-bottom:8px}.steps p{font-size:12px}.cloud-section{margin:10px 18px 30px;padding:27px;gap:20px}.cloud-copy h2{font-size:27px}.cloud-copy>p{font-size:12px}.cloud-features>div:not(.cloud-caption){padding:13px;gap:10px;font-size:11px}.cloud-features svg{width:16px}footer{padding:28px 18px;gap:25px}.footer-links{flex-wrap:wrap;gap:17px;font-size:10px}footer>small{text-align:left;font-size:8px}.dashboard{padding:0 18px 40px}.dashboard-hero{padding:35px 0}.dashboard-hero h1{font-size:29px}.dashboard-hero>p{font-size:12px;max-width:290px;margin:auto}.dashboard-hero .prompt-box{margin-top:23px}.row-heading h2{font-size:17px}.projects-grid{gap:13px}.project-cover{height:130px;padding:14px}.project-cover-title{font-size:15px}.project-cover-icon svg{width:21px;height:21px}.project-cover-tag{font-size:6px}.project-meta{padding:11px}.project-meta>strong{font-size:10px}.project-meta>div{font-size:8px}.state{font-size:7px;padding:2px 5px}.page{padding:29px 18px 50px}.page-title:has(>.btn){flex-wrap:wrap;gap:7px}.page-title h1{font-size:28px}.page-title p{font-size:12px}.page-title>.btn{font-size:11px;padding:8px 12px}.filter-chips{gap:3px}.filter-chips button{padding:5px 8px;font-size:10px}.search{width:100%}.search input{width:100%}.app-main .idea-grid{gap:12px}.app-main .idea-preview{height:160px;padding:14px}.app-main .mini-editorial,.app-main .mini-saas,.app-main .mini-pitch,.app-main .mini-forma{font-size:23px;margin:18px 0}.app-main .mini-saas{margin:16px 0 9px}.app-header{padding:0 14px}.app-header .small-avatar{display:none}.modal{padding:27px 22px;border-radius:14px}.modal-overlay{padding:12px}.modal h2{font-size:24px}.modal .form-row{flex-direction:column;gap:0}.modal .form-row>label{margin:8px 0}.inline-form{flex-wrap:wrap}.inline-form>input{width:100%}.inline-form>.btn{width:100%}.balance-card{padding:23px}.balance-cost{max-width:115px;font-size:9px}.balance-card h2 small{font-size:10px}.pricing-grid{grid-template-columns:1fr;gap:15px}.pricing-card{padding:25px}.pricing-card h2{font-size:36px;margin:15px 0}.pricing-card .btn{font-size:12px}.price{font-size:23px}.pricing-card p{margin:8px 0 18px}.referral-hero{padding:5px 0 20px}.referral-hero h1{font-size:30px}.referral-hero>p{font-size:12px}.reward-pair{gap:22px}.reward-pair>span{font-size:35px;padding:14px 26px}.copy-field input{font-size:10px}.copy-field .btn{font-size:10px;padding:7px 10px;gap:5px}.copy-field .btn svg{width:12px;height:12px}.stats-grid{gap:9px}.stats-grid>div{padding:17px 8px}.stats-grid strong{font-size:24px}.stats-grid span{font-size:8px}.settings-card{padding:22px}.panel-content{padding:20px}.panel-content .row-heading{flex-wrap:wrap}.tabs button{padding:6px;font-size:9px;gap:4px}.tabs button span{font-size:9px}.tabs svg{width:12px;height:12px}.device-buttons .icon-btn{width:25px;height:25px}.device-buttons svg{width:13px;height:13px}.editor-title{max-width:140px;font-size:11px}.editor-header .icon-btn{width:27px}.editor-actions .btn{padding:7px}.editor-header{padding:0 8px}.version-row{padding:12px;gap:8px}.version-row strong{font-size:10px}.version-row small{font-size:8px}.version-row .btn{font-size:9px;padding:6px 8px}.version-icon{padding:6px}.legal-page>h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}