@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;800&family=Instrument+Serif:ital@0;1&display=swap";:root{--ink:#2d3037;--muted:#8c919b;--line:#e4e6ec;--accent:#797397;--sidebar:#f5f6f8}*{box-sizing:border-box}body{margin:0;font:13px/1.6 DM Sans,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #8580c6;outline-offset:3px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500;line-height:1.15;letter-spacing:-.045em}em{font-family:"Instrument Serif",serif;font-weight:400;letter-spacing:-.025em}button svg,a svg{flex-shrink:0}button{border:0;background:none}input,textarea{min-width:0}textarea{resize:vertical}.app{min-height:100vh;display:flex}.sidebar{width:226px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:var(--sidebar);display:flex;flex-direction:column;padding:29px 18px 0;z-index:20}.brand{font:800 29px/1 Manrope,sans-serif;letter-spacing:-1.9px;display:inline-flex;align-items:center;gap:3px;width:max-content}.brand>span{font:500 28px/1 DM Sans,sans-serif;display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#e3e9b4;margin-left:1px}.sidebar>.brand{margin:1px 12px 32px}.new-project{display:flex;gap:10px;align-items:center;border:1px solid #d7dae3;border-radius:7px;background:#fff;padding:11px 12px;font-size:12px;box-shadow:0 2px 3px #26314d03}.new-project>span{margin-left:auto;color:#75717f}.nav-label{font-size:10px;letter-spacing:.13em;color:#75717f;margin:26px 11px 11px}.side-nav{display:grid;gap:4px}.side-nav button{display:flex;gap:10px;align-items:center;font-size:12px;text-align:left;padding:11px 12px;border-radius:6px;color:#75717f;min-height:38px}.side-nav button.active{background:#e9e9f0;color:#575260}.side-nav button:hover{background:#eeeff3;color:#5c6170}.side-nav button>span{margin-left:auto;font-size:11px;color:#75717f}.recent-label{margin-top:32px}.recent-projects{overflow:auto}.recent-projects>p{color:#75717f;font-size:11px;padding:4px 11px}.recent-projects button{display:flex;align-items:center;gap:8px;padding:9px 10px;width:100%;text-align:left;color:#75717f;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-projects button.selected{color:#4e515b}.recent-projects button>svg{margin-left:auto}.project-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:2px}.sidebar-bottom{margin-top:auto;padding-top:25px}.plan-box{border:1px solid #dddee8;background:#efedf5;border-radius:8px;padding:14px 13px;margin-bottom:17px}.plan-box>div{display:flex;gap:7px;align-items:center;font-size:11px;color:#777085}.plan-box b{font-weight:500}.plan-box>div>span{margin-left:auto;font-size:10px;padding:2px 5px;background:#e4e0ee;border-radius:3px}.plan-box p{font-size:10px;color:#75717f;margin-top:7px}.plan-box>a{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:11px;color:#7a728d}.account{border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:17px 2px;text-align:left;max-width:100%}.avatar{width:29px;height:29px;border-radius:50%;background:#e8e7e0;color:#89856f;display:grid;place-items:center;font-size:12px;flex-shrink:0}.account>span:nth-child(2){font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.account small{display:block;font-size:10px;color:#75717f;overflow:hidden;text-overflow:ellipsis;max-width:125px}.account>a{color:#75717f;margin-left:auto}.workspace{margin-left:226px;min-width:0;width:calc(100% - 226px)}.app-header{height:66px;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffffdf;position:relative;z-index:5}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;min-width:0}.breadcrumb button{color:#75717f;padding:0;white-space:nowrap}.breadcrumb>span{color:#75717f}.breadcrumb strong{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747a85}.header-links{display:flex;gap:23px;font-size:11px;color:#75717f}.header-links>a{display:flex;align-items:center;gap:5px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:5px;color:#75717f;flex-shrink:0}.icon-button:hover{background:#eeeff4;color:#666277}.menu-toggle{display:none}.home-main{max-width:1150px;margin:auto;padding:64px 7% 55px}.welcome{max-width:650px;margin:auto;text-align:center}.welcome-badge{font-size:10px;letter-spacing:.16em;color:#75717f;margin-bottom:22px;display:flex;gap:7px;align-items:center;justify-content:center}.welcome-badge>span{height:4px;width:4px;background:#8c80ac;border-radius:50%}.welcome h1{font-size:49px;line-height:1.13;letter-spacing:-.055em}.welcome h1 em{color:#777184;font-size:1.1em}.welcome>p{font-size:12px;color:#75717f;margin-top:19px}.composer{border:1px solid #dcdde7;border-radius:10px;background:#fff;padding:10px 11px;box-shadow:0 4px 16px #3b3b5d04}.composer:focus-within{border-color:#b4adc9;box-shadow:0 0 0 3px #f0edf8}.large-composer{margin-top:31px;padding:15px 17px;box-shadow:0 0 0 5px #f6f5f9,0 8px 25px #47436108;text-align:left}.composer textarea{display:block;border:0!important;outline:0!important;padding:3px 3px 8px;background:transparent;width:100%;min-height:70px;max-height:170px;resize:none;color:#5d6070;font-size:12px;line-height:1.8}.large-composer textarea{font-size:13px;min-height:85px}.composer textarea::placeholder{color:#75717f}.composer-bottom{display:flex;align-items:center;gap:7px}.composer-bottom>span{font-size:10px;color:#75717f}.composer-bottom>.send{margin-left:auto}.send{width:30px;height:30px;display:grid;place-items:center;background:#55505f;color:#fff;border-radius:7px}.send:hover{background:#777083}.send:disabled{opacity:.3}.large-composer .send{width:33px;height:33px}.idea-chips{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:20px}.idea-chips button{display:flex;align-items:center;gap:7px;border:1px solid #e3e5ec;border-radius:22px;padding:6px 10px;font-size:10px;color:#75717f}.idea-chips button:hover{background:#f0edf8}.free-note{display:block;margin-top:14px;font-size:10px;color:#75717f}.home-gallery{margin-top:67px}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.gallery-heading h2{font-size:18px;letter-spacing:-.035em}.gallery-heading p{font-size:11px;color:#75717f;margin-top:6px}.gallery-heading>a{font-size:11px;color:#75717f;display:flex;align-items:center;gap:6px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.template-card{text-align:left;min-width:0;padding:0}.template-card>div{height:245px;overflow:hidden;border:1px solid #e0e1e8;border-radius:7px;padding:12px 12px 0;background:#e8eaf0;position:relative}.template-card:nth-child(2)>div{background:#ebe9e2}.template-card:nth-child(3)>div{background:#f3ddd3}.template-card img{width:100%;height:290px;object-fit:cover;object-position:top;border-radius:3px;transition:transform .5s}.template-card:hover img{transform:translateY(-12px)}.template-card>div>span{position:absolute;bottom:14px;left:50%;transform:translate(-50%);white-space:nowrap;background:#ffffffef;box-shadow:0 3px 15px #0001;border-radius:20px;padding:8px 13px;font-size:10px;display:flex;gap:14px;align-items:center;opacity:0;transition:opacity .2s}.template-card:hover>div>span,.template-card:focus-visible>div>span{opacity:1}.template-card footer{display:flex;justify-content:space-between;padding:13px 0;gap:10px;font-size:10px;color:#75717f}.template-card footer>b{font-size:11px;font-weight:500;color:#696f7a}.library-main{max-width:1200px;margin:auto;padding:55px 6%}.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:37px}.eyebrow{display:block;font-size:10px;letter-spacing:.14em;color:#75717f;margin-bottom:17px}.page-heading h1{font-size:34px}.page-heading h1>span{color:#75717f}.page-heading p{font-size:11px;color:#75717f;margin-top:13px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border-radius:6px;font-size:11px;background:#55505f;color:#fff;border:1px solid #55505f}.primary:hover{background:#767080}.secondary{background:#fff;border-color:#d9dce4;color:#7b808b}.full{width:100%}.search-field{display:flex;align-items:center;gap:10px;color:#75717f;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:30px}.search-field input{border:0;background:transparent;font-size:12px;outline:0;width:100%}.search-field input::placeholder{color:#75717f}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 22px}.project-card{border:1px solid #e2e4eb;border-radius:8px;padding:0;text-align:left;overflow:hidden}.project-cover{height:220px;position:relative;padding:26px 23px;background:#f4f4ec;color:#575b4e;display:flex;flex-direction:column;align-items:flex-start;gap:30px}.project-cover>span{font-size:11px;font-weight:600;letter-spacing:-.04em}.project-cover h3{font-size:25px;white-space:pre-line;line-height:1.05;max-height:125px;overflow:hidden}.project-cover>svg{position:absolute;bottom:20px;right:20px}.theme-midnight{background:#1a292e;color:#75717f}.theme-coral{background:#f7c1ad;color:#673e2e}.theme-sage{background:#e4e8dc;color:#3e5946}.theme-violet{background:#eae5f4;color:#655b82}.project-card-meta{padding:16px 17px;font-size:11px}.project-card-meta>b{font-weight:500;display:block}.project-card-meta>span{color:#75717f;font-size:10px;display:flex;gap:5px;align-items:center;margin-top:6px}.project-card-meta i{width:4px;height:4px;background:#b6bac4;border-radius:50%}.project-card-meta i.live{background:#89a77b}.empty-state{padding:80px 20px;text-align:center;display:flex;align-items:center;flex-direction:column;color:#75717f}.empty-state h2{font-size:22px;color:#727586;margin-top:20px}.empty-state p{font-size:12px;color:#75717f;margin-top:12px}.empty-state .primary{margin-top:25px}.legacy-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.legacy-tools a{display:flex;align-items:center;gap:12px;padding:22px;border:1px solid var(--line);border-radius:7px;font-size:12px;color:#75717f;background:#f8f9fb}.legacy-tools a>svg:first-child{width:18px}.legacy-tools a>svg:last-child{margin-left:auto}.legacy-row{padding:23px 4px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.legacy-icon{width:34px;height:34px;background:#f0eff5;display:grid;place-items:center;border-radius:7px;color:#75717f}.legacy-row>div{flex:1;min-width:0}.legacy-row b{font-size:12px;font-weight:500}.legacy-row a{display:block;color:#75717f;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.legacy-row small{font-size:11px;color:#75717f;white-space:nowrap}.legacy-row>button{display:flex;gap:8px;align-items:center;font-size:11px;border:1px solid #dfe1e9;padding:8px 11px;border-radius:5px;color:#75717f}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.asset-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.asset-grid p{font-size:11px;color:#75717f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:9px}.asset-grid button{font-size:10px;color:#847894;display:flex;gap:7px;align-items:center;padding:5px 0}.is-editor{height:100dvh;overflow:hidden}.is-editor .workspace{display:flex;flex-direction:column}.editor-actions{display:flex;align-items:center;gap:13px}.save-status{display:flex;gap:5px;align-items:center;font-size:10px;color:#75717f}.save-status>span{width:4px;height:4px;background:#8dac8b;border-radius:50%}.publish-button{display:flex;align-items:center;gap:8px;background:#55505f;color:#fff;padding:10px 14px;border-radius:6px;font-size:11px}.editor-layout{display:flex;min-height:0;flex:1}.chat-panel{width:320px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff;min-height:0}.chat-heading{display:flex;align-items:center;gap:10px;padding:23px 20px;border-bottom:1px solid #eeeef3}.assistant-mark{font-size:29px;color:#75717f;line-height:1}.chat-heading>div{flex:1}.chat-heading b{display:block;font-size:11px;font-weight:500;color:#6d6d7d}.chat-heading span:not(.assistant-mark){display:block;font-size:10px;color:#75717f;margin-top:3px}.chat-heading .icon-button{width:23px}.chat-messages{flex:1;overflow:auto;padding:24px 20px;min-height:80px;scroll-behavior:smooth}.message{font-size:11px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:26px}.user-message{margin-left:22px;padding:13px 15px;background:#f3f2f7;border:1px solid #e9e6ef;border-radius:9px 9px 2px;color:#797282}.assistant-message{display:flex;align-items:flex-start;gap:9px;color:#75717f}.message-mark{font-size:19px;line-height:1.2;color:#75717f}.assistant-message>div{min-width:0}.assistant-message small{font-size:10px;color:#75717f;display:block;margin-top:8px}.version-tag{display:flex;align-items:center;gap:5px;border:1px solid #e6e3ed;background:#fbfafc;padding:8px 10px;border-radius:5px;font-size:10px;color:#75717f;margin-top:14px}.version-tag>span{font-size:10px;color:#75717f;margin-left:7px}.suggested-edits{display:grid;gap:6px;padding:5px 20px 15px}.suggested-edits button{font-size:10px;color:#75717f;border:1px solid #eeeaf4;border-radius:5px;padding:8px;text-align:left;display:flex;justify-content:space-between;align-items:center}.chat-composer{padding:12px 16px 17px;background:#fff}.chat-meta{display:flex;justify-content:space-between;align-items:center;margin:9px 2px 0;font-size:10px;color:#75717f}.chat-meta>span{display:flex;gap:4px;align-items:center}.chat-meta a{color:#75717f}.preview-panel{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:#eff0f4}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:51px;padding:0 19px;border-bottom:1px solid #e1e3eb;background:#fafbfc}.device-switch{display:flex;gap:2px;background:#edeef3;padding:3px;border-radius:5px}.device-switch button{padding:4px 6px;line-height:0;color:#75717f;border-radius:3px}.device-switch button.active{background:#fff;color:#7d8293;box-shadow:0 1px 3px #0001}.preview-address{font-size:10px;color:#75717f;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-address>span{width:4px;height:4px;background:#adbca8;border-radius:50%}.preview-tools{display:flex;gap:12px;align-items:center}.preview-tools button{display:flex;gap:4px;align-items:center;font-size:10px;color:#75717f;white-space:nowrap;padding:3px 0}.preview-canvas{flex:1;min-height:0;padding:22px;position:relative;display:flex;justify-content:center;align-items:stretch;overflow:auto}.preview-canvas iframe{border:1px solid #d9dde5;border-radius:5px;background:#fff;box-shadow:0 6px 20px #3f4a5d0a;width:100%;height:100%;min-height:100%}.preview-canvas.mobile iframe{width:390px;max-width:100%;flex-shrink:0;border-radius:17px;border:5px solid #fff;box-shadow:0 0 0 1px #d9dce5,0 10px 35px #30344913}.preview-footer{padding:10px 23px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#75717f}.preview-footer button{display:flex;gap:5px;align-items:center;font-size:10px;color:#75717f;padding:0}.preview-working{position:absolute;top:33px;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:7px;border:1px solid #e4e0ec;background:#ffffffed;box-shadow:0 3px 12px #45405418;border-radius:20px;padding:8px 14px;color:#75717f;font-size:10px;white-space:nowrap}.mobile-editor-tabs{display:none}.error-banner{background:#fff3ed;border-bottom:1px solid #ecdcd3;color:#9a695a;font-size:12px;padding:12px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:9}.error-banner>button{color:#75717f;display:flex}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#27223345;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#fff;border:1px solid #dfdce8;border-radius:13px;box-shadow:0 25px 80px #17112229;width:520px;max-width:100%;max-height:90dvh;overflow:auto;padding:28px}.modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #edeaf2;padding-bottom:24px;margin-bottom:24px}.modal .eyebrow{margin-bottom:10px;font-size:10px}.modal h2{font-size:25px;letter-spacing:-.05em}.modal p{font-size:12px;color:#75717f;line-height:1.8}.modal label{display:block;font-size:11px;color:#75717f;margin-top:20px;margin-bottom:8px}.modal small{font-size:10px;color:#75717f;line-height:1.7;display:block}.slug-field{display:flex;align-items:center;border:1px solid #ddd9e4;border-radius:6px;overflow:hidden;margin-bottom:9px}.slug-field>span{background:#f8f6fb;border-right:1px solid #e6e1ec;color:#75717f;font-size:11px;padding:12px 11px;white-space:nowrap}.slug-field input{width:100%;border:0;font-size:12px;padding:12px;background:transparent;color:#796e86}.publish-content>.primary{margin-top:24px}.published-details{border-top:1px solid #e8e3ed;margin-top:26px;padding-top:22px}.published-label{display:flex;gap:7px;align-items:center;color:#809879;font-size:11px}.published-url{font-size:11px;color:#75717f;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;overflow-wrap:anywhere}.share-actions{display:flex;gap:12px;flex-wrap:wrap;margin:5px 0 22px}.share-actions>*{border:1px solid #e3dfe9;padding:9px 11px;display:flex;align-items:center;gap:6px;border-radius:5px;font-size:11px;color:#75717f}.text-button{font-size:11px;padding:0;color:#75717f}.muted{color:#75717f}.version-list>div{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:20px 0;border-bottom:1px solid #ede8f0}.version-list>div:first-child{padding-top:0}.version-list b{font-size:12px;font-weight:500;color:#75717f}.version-list b>span{font-size:10px;background:#ebe7f1;padding:3px 6px;border-radius:3px;margin-left:9px;color:#75717f}.version-list p{font-size:11px;max-width:300px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px}.version-list small{margin-top:5px;font-size:10px}.version-list button{display:flex;align-items:center;gap:5px;font-size:11px;color:#75717f}.style-panel>label{margin-top:25px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-grid button{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;border-radius:6px;border:1px solid #d7d2dc;padding:14px 5px;color:#75717f}.theme-grid button.selected{outline:2px solid #b4a9c3;outline-offset:2px}.theme-grid button>span{width:12px;height:12px;border-radius:50%;margin-right:3px}.segmented{display:flex;background:#f6f3f8;border:1px solid #e8e3ed;border-radius:6px;padding:4px;gap:4px}.segmented button{flex:1;font-size:11px;padding:9px 6px;color:#75717f;border-radius:4px}.segmented .active{background:#fff;box-shadow:0 1px 4px #68577416;color:#75657e}.style-panel .color-label{display:flex;align-items:center;gap:15px}.color-label input{width:36px;height:30px;padding:0;border:0;background:none}.color-label button{margin-left:auto;font-size:11px}.wide-modal{width:710px}.content-form input,.content-form textarea{width:100%;border:1px solid #e1dce7;border-radius:5px;padding:9px 11px;font-size:12px;color:#796d83;margin-top:6px;background:#fff}.field-pair{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.field-pair>label{margin-top:0}.section-edit{border:1px solid #e8e2ec;border-radius:6px;margin-top:15px;overflow:hidden}.section-edit>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;background:#f9f7fb;font-size:12px;color:#75717f}.section-edit>summary>span{max-width:95%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.section-edit>div{padding:0 17px 17px}.section-edit label{margin-top:14px}.item-edit{border-left:2px solid #e4dce9;padding:5px 15px;margin:22px 0}.item-edit>b{font-size:11px;color:#75717f}.item-edit .text-button{margin-top:10px}.section-actions{display:flex;gap:15px;border-top:1px solid #ece5f0;padding-top:16px;margin-top:22px}.section-actions button{display:flex;align-items:center;gap:4px;font-size:10px;color:#75717f}.section-actions button:last-child{margin-left:auto}.content-form>.primary{margin-top:23px;position:sticky;bottom:0;box-shadow:0 0 0 8px #fff}.metric-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 28px}.metric-cards>div{border:1px solid #e7e0ec;padding:19px 15px;border-radius:6px}.metric-cards span{font-size:10px;color:#75717f;display:block}.metric-cards b{font-size:28px;font-weight:400;color:#82718f}.analytics-panel h3{font-size:15px;color:#8b7b96}.lead-card{border-top:1px solid #eae3ef;padding-top:16px;margin-top:19px}.lead-card>b{display:flex;justify-content:space-between;font-size:12px;font-weight:500;color:#8a7994}.lead-card>b>small{font-size:10px}.lead-card>a{display:flex;align-items:center;gap:5px;font-size:11px;margin:7px 0;color:#75717f}.lead-card>p{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.empty-leads{text-align:center;padding:40px 15px;display:flex;flex-direction:column;align-items:center;gap:15px;color:#75717f}.empty-leads p{font-size:11px;max-width:240px}.toast{position:fixed;left:calc(50% + 100px);bottom:27px;transform:translate(-50%);z-index:80;background:#fff;border:1px solid #ded8e9;border-radius:8px;box-shadow:0 5px 35px #5944691f;color:#8b7c95;padding:13px 20px;display:flex;gap:10px;align-items:center;font-size:12px;max-width:90vw;min-width:max-content}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;color:#75717f}.loading-screen p{font-size:11px;color:#75717f}.loading-screen .brand{color:#303339;margin-bottom:20px}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1600px){.home-main{padding-top:85px}.welcome h1{font-size:57px}.home-gallery{margin-top:75px}.template-card>div{height:290px}.template-card img{height:355px}.chat-panel{width:360px}}@media(max-width:1150px){.sidebar{width:200px;padding-left:13px;padding-right:13px}.workspace{margin-left:200px;width:calc(100% - 200px)}.home-main{padding:48px 5%}.welcome h1{font-size:44px}.template-card>div{height:210px}.template-card img{height:260px}.template-grid{gap:14px}.app-header{padding:0 20px}.chat-panel{width:285px}.preview-toolbar{padding:0 10px;gap:6px}.preview-address{font-size:10px;max-width:150px}.preview-tools{gap:9px}.preview-tools button>span{display:none}.preview-canvas{padding:13px}.save-status{display:none}.projects-grid{grid-template-columns:repeat(2,1fr)}.legacy-tools a{padding:15px;font-size:11px}.legacy-row{gap:10px}.legacy-row>button{font-size:10px;padding:7px}.asset-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.sidebar{transform:translate(-100%);transition:transform .2s;width:226px;padding-left:18px;padding-right:18px;box-shadow:10px 0 40px #1a19251a}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#18132344;z-index:19}.workspace{margin-left:0;width:100%}.menu-toggle{display:flex}.app-header{height:59px;padding:0 17px;gap:12px}.breadcrumb{margin-right:auto;font-size:11px;gap:9px}.breadcrumb button{display:none}.breadcrumb>span{display:none}.header-links{font-size:10px;gap:17px}.header-links>a:last-child{display:none}.home-main{padding:43px 22px 40px}.welcome-badge{font-size:10px;margin-bottom:24px}.welcome h1{font-size:40px;letter-spacing:-.06em}.welcome>p{font-size:11px;margin:18px auto 0;max-width:270px;line-height:1.8}.large-composer{padding:13px;margin-top:28px}.large-composer textarea{font-size:12px;min-height:100px}.composer-bottom>span{font-size:10px}.idea-chips{gap:5px;margin-top:18px}.idea-chips button{font-size:10px;padding:6px 8px;gap:5px}.free-note{font-size:10px}.home-gallery{margin-top:43px}.gallery-heading{margin-bottom:20px}.gallery-heading h2{font-size:17px}.gallery-heading p{font-size:10px}.gallery-heading>a{font-size:10px}.template-grid{grid-template-columns:1fr;gap:20px;max-width:460px;margin:auto}.template-card>div{height:310px;padding:20px 20px 0}.template-card img{height:390px}.template-card>div>span{opacity:1;font-size:11px;bottom:18px;padding:10px 15px}.template-card footer{font-size:11px;padding:12px 0}.template-card footer>b{font-size:12px}.library-main{padding:35px 22px}.page-heading{display:block;margin-bottom:25px}.page-heading h1{font-size:29px}.page-heading p{font-size:11px;line-height:1.8}.page-heading>.primary{margin-top:20px;font-size:11px}.eyebrow{font-size:10px}.projects-grid{grid-template-columns:1fr;gap:20px}.project-cover{height:225px}.project-cover h3{font-size:29px}.legacy-tools{grid-template-columns:1fr;gap:10px}.legacy-tools a{padding:19px;font-size:12px}.legacy-row{flex-wrap:wrap;gap:12px}.legacy-row>div{min-width:180px}.legacy-row a{max-width:210px}.legacy-row>button{margin-left:46px;font-size:11px}.legacy-row>small{margin-left:auto}.asset-grid{grid-template-columns:1fr 1fr;gap:18px}.editor-actions{gap:6px}.publish-button{font-size:11px;padding:8px 10px;gap:5px}.editor-actions .icon-button{width:25px}.publish-button>svg:last-child{display:none}.is-editor .app-header{flex-shrink:0}.mobile-editor-tabs{display:flex;gap:5px;border-bottom:1px solid #e7e3ed;background:#faf9fc;padding:6px 13px;flex-shrink:0}.mobile-editor-tabs button{display:flex;gap:6px;align-items:center;justify-content:center;flex:1;font-size:11px;color:#75717f;padding:8px;border-radius:5px}.mobile-editor-tabs button.active{color:#857491;background:#fff;box-shadow:0 1px 4px #5b386417}.editor-layout{overflow:hidden}.chat-panel{width:100%;border:0}.mobile-preview .chat-panel,.mobile-chat .preview-panel{display:none}.chat-heading{padding:16px 20px}.chat-heading b{font-size:12px}.chat-heading span:not(.assistant-mark){font-size:11px}.chat-messages{padding:22px}.message{font-size:13px}.assistant-message small,.version-tag{font-size:11px}.suggested-edits{padding:5px 22px 10px}.suggested-edits button{font-size:11px}.chat-composer{padding:11px 18px 16px}.composer textarea{font-size:13px;min-height:73px}.chat-meta{font-size:10px}.composer-bottom>.send{width:32px;height:32px}.preview-toolbar{padding:0 13px;min-height:45px;gap:8px}.preview-address{font-size:10px;max-width:190px}.preview-canvas{padding:10px}.preview-canvas iframe{border-radius:4px}.preview-canvas.mobile iframe{border-width:2px;border-radius:9px}.preview-footer{padding:10px 13px;font-size:10px}.preview-footer>span{max-width:220px}.preview-footer button{font-size:10px}.device-switch{display:none}.preview-tools{gap:14px}.preview-tools button>span{display:inline;font-size:10px}.preview-tools button>svg{width:12px}.error-banner{font-size:11px;padding:11px 17px;flex-shrink:0}.modal-backdrop{padding:14px;align-items:center}.modal{padding:23px 20px;border-radius:11px;max-height:92dvh}.modal h2{font-size:23px}.modal p{font-size:12px}.modal>header{padding-bottom:20px;margin-bottom:20px}.theme-grid{grid-template-columns:repeat(3,1fr);gap:9px}.theme-grid button{font-size:10px;padding:12px 3px;gap:3px}.theme-grid button>span{width:10px;height:10px;margin-right:0}.slug-field>span{font-size:11px;padding:12px 8px}.slug-field input{font-size:11px;padding:12px 9px}.published-url{font-size:11px}.share-actions{gap:8px}.share-actions>*{font-size:10px}.field-pair{grid-template-columns:1fr;gap:15px}.field-pair textarea{min-height:80px}.section-edit>div{padding:0 12px 14px}.section-edit>summary{font-size:11px;padding:14px 12px}.item-edit{padding:5px 10px}.content-form input,.content-form textarea{font-size:13px}.metric-cards{gap:8px}.metric-cards>div{padding:15px 12px}.metric-cards b{font-size:25px}.version-list button{font-size:10px;gap:4px}.version-list p{font-size:11px}.toast{left:50%;bottom:18px;font-size:11px;min-width:0;width:max-content;padding:12px 16px;max-width:calc(100vw - 30px)}.empty-state{padding:60px 10px}.empty-state h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.spin{animation-duration:2.5s}}.template-card>div{height:auto;aspect-ratio:1.2}.template-card img{height:auto;object-fit:contain}.manage-billing{font-size:11px;color:#75717f;padding:10px 0 0;text-align:left}.composer textarea{font-size:13px}.message,.chat-heading b{font-size:12px}.chat-meta{font-size:10px}.chat-heading span:not(.assistant-mark){font-size:11px}.account small{font-size:10px}.recent-projects button{font-size:12px}.side-nav button{font-size:13px}@media(max-width:800px){.sidebar{transition:none}.template-card>div{height:auto;aspect-ratio:1.15}.template-card img{height:auto}.preview-address{display:none}.preview-toolbar{justify-content:flex-end}.preview-tools button>span{font-size:11px}.preview-tools button>svg{width:15px}.preview-footer{font-size:10px}.preview-footer>span{max-width:230px}.chat-meta{font-size:10px}.header-links{font-size:11px}}.modal-error{padding:12px 14px;border:1px solid #e7cfc4;background:#fff3ed;color:#955f4e;border-radius:6px;font-size:12px;margin-bottom:18px}.color-label button{padding:6px;border:1px solid #ded8e8;border-radius:4px}.new-project>svg{margin-left:auto;color:#75717f}.assistant-mark,.message-mark{display:inline-flex;align-items:center;justify-content:center;flex:none}.assistant-mark>svg{width:19px;height:19px}.message-mark>svg{width:16px;height:16px}.chat-meta a{display:inline-flex;align-items:center;gap:4px}.brand img{display:block;width:130px;height:auto}.loading-screen .brand img{width:150px}.sidebar{background:linear-gradient(160deg,#f8f6f1,#f3eff5);border-color:#e5dfe8}.sidebar>.brand{margin-bottom:35px}.new-project{border-radius:10px;border-color:#d8cfe0;background:#fffc;box-shadow:0 2px 7px #49285906;transition:transform .35s,box-shadow .35s}.new-project:hover{transform:translateY(-2px);box-shadow:0 8px 20px #49305210}.side-nav button{border-radius:9px;transition:background .3s,transform .3s,color .3s}.side-nav button.active{background:#e6dfec;color:#634679}.side-nav button:hover{transform:translate(2px);background:#eee8f2}.plan-box{border-radius:12px;background:linear-gradient(145deg,#efe8f6,#f7f0de);border-color:#dcd0e4}.plan-box>div>span{background:#e2d6ed;color:#6b4a7d}.app-header{background:#fffdfae8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:#e9e2eb}.home-main{position:relative;isolation:isolate;overflow:clip}.home-main:before{content:"";position:absolute;left:20%;top:-100px;width:70%;height:650px;background:radial-gradient(ellipse at 20% 40%,#ffeac64a,transparent 60%),radial-gradient(ellipse at 90% 30%,#dac8ed58,transparent 65%);z-index:-1;animation:studio-glow 17s ease-in-out infinite alternate;pointer-events:none}.welcome-badge{color:#886b93}.welcome h1{color:#39303e}.welcome h1 em{color:#8b7297}.large-composer{background:#fffefaeb;border-color:#d9cce2;border-radius:17px;box-shadow:0 0 0 5px #fff9,0 18px 55px #6a478b0b;transition:box-shadow .5s,border-color .4s}.large-composer:focus-within{box-shadow:0 0 0 5px #f0e5fb88,0 22px 55px #6a478b14;border-color:#af93c1}.composer textarea{font-size:14px;line-height:1.8}.composer .send{background:#594468;border-radius:9px;transition:transform .3s,background .3s}.composer .send:not(:disabled):hover{transform:translateY(-2px);background:#76598b}.primary,.publish-button{border-radius:9px;background:#594568;transition:transform .3s,box-shadow .3s}.primary:hover,.publish-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #56376b21}.template-card>div{border-radius:15px;background:#eae4ef;border-color:#ded4e7;box-shadow:0 3px 9px #49265307;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s}.template-card:hover>div{transform:translateY(-6px);box-shadow:0 20px 45px #40225319}.template-card img{border-radius:6px;transition:transform .9s cubic-bezier(.22,1,.36,1)}.template-card:hover img{transform:translateY(-12px) scale(1.015)}.idea-chips button{border-radius:22px;transition:transform .35s,background .35s}.idea-chips button:hover{transform:translateY(-3px);background:#f2eaf6}.chat-panel{background:#fffefb}.chat-heading{background:linear-gradient(100deg,#fffdf9,#faf6fd);border-color:#e9e1ee}.assistant-mark{color:#9b7bae}.chat-composer{background:linear-gradient(0deg,#fffdf9 80%,#fff0)}.composer{border-radius:13px;border-color:#e1d5e9}.user-message{background:#f0eaf5;border-color:#e2d7eb;border-radius:15px 15px 3px}.assistant-message .message-mark{color:#9c7caf}.version-tag{background:#fcfafc;border-color:#e4d9ed;border-radius:8px;transition:background .25s}.version-tag:hover{background:#f1e9f8}.preview-canvas{background:radial-gradient(ellipse at 20% 20%,#f7f2e8,#eeebf2 75%)}.preview-canvas iframe{border-radius:12px;box-shadow:0 12px 40px #442c5b0c;animation:preview-arrive .48s cubic-bezier(.22,1,.36,1)}.preview-toolbar{background:#fbf9fce6}.modal-backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#24162f40;animation:veil-arrive .2s ease-out}.modal{border-radius:19px;background:linear-gradient(155deg,#fffefc,#fff);border-color:#ded0e8;box-shadow:0 30px 100px #27163330;animation:panel-arrive .38s cubic-bezier(.22,1,.36,1)}.toast{border-radius:12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;box-shadow:0 12px 35px #4d2a6a18;animation:toast-arrive .4s cubic-bezier(.22,1,.36,1)}.project-card{border-radius:15px;transition:transform .4s,box-shadow .4s}.project-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #44265116}.project-cover{border-radius:14px 14px 0 0}.theme-grid button{transition:transform .3s}.theme-grid button:hover{transform:translateY(-3px)}.home-main>.welcome,.home-main>.large-composer{animation:panel-arrive .7s cubic-bezier(.22,1,.36,1) both}.home-main>.large-composer{animation-delay:.09s}.preview-working{background:#fff9ec;border-color:#e5d5b3}.asset-card{transition:transform .4s}.asset-card:hover{transform:translateY(-4px)}.brand:focus-visible{outline:2px solid #9775b0;outline-offset:7px;border-radius:4px}@keyframes studio-glow{0%{transform:translate(-15px,-15px)}to{transform:translate(25px,30px)}}@keyframes preview-arrive{0%{opacity:.3;transform:translateY(7px) scale(.996)}to{opacity:1;transform:none}}@keyframes panel-arrive{0%{opacity:0;transform:translateY(17px) scale(.985)}to{opacity:1;transform:none}}@keyframes veil-arrive{0%{opacity:0}to{opacity:1}}@keyframes toast-arrive{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(max-width:800px){.sidebar.open{animation:sidebar-arrive .35s cubic-bezier(.22,1,.36,1)}.brand img{width:124px}.home-main{padding-top:46px}.large-composer{border-radius:15px}.welcome h1{font-size:42px}.preview-canvas iframe{border-radius:8px}.chat-composer .composer{border-radius:13px}.modal{border-radius:17px}.mobile-editor-tabs{background:#f6f1f8}.mobile-editor-tabs button{border-radius:8px}.mobile-editor-tabs button.active{color:#704f86}.template-card>div{border-radius:14px}}@keyframes sidebar-arrive{0%{opacity:.65;translate:-18px 0}to{opacity:1;translate:0 0}}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.sidebar>.brand,.loading-screen .brand{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;width:fit-content}.sidebar>.brand img{width:118px;height:33px}.loading-screen .brand img{width:140px}.art-style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.art-style-options button{padding:12px 8px;border:1px solid #dedee7;background:#fff;border-radius:8px;font-size:12px;color:#656173}.art-style-options button.active{background:#eeedf7;border-color:#9690bb;color:#302b47}.classic-entry{display:flex;align-items:center;gap:10px;padding:12px;margin:0 0 20px;border:1px solid #d8cfe0;border-radius:9px;color:#594468;text-decoration:none}.classic-entry svg:last-child{margin-left:auto}.classic-choice{display:flex;align-items:center;gap:14px;text-align:left;padding:18px 20px;margin:24px 0;background:#fffdf9;border:1px solid #d8cfe0;border-radius:12px;text-decoration:none;color:#594468}.classic-choice span{flex:1}.classic-choice b,.classic-choice small{display:block}.classic-choice small{margin-top:5px;color:#6e6573;font-size:13px}.classic-edit{display:inline-flex;align-items:center;gap:6px;color:#594468;font-size:13px;white-space:nowrap}.legacy-row{flex-wrap:wrap}.classic-entry:focus-visible,.classic-choice:focus-visible,.classic-edit:focus-visible{outline:2px solid #594468;outline-offset:3px}