@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#090b12;color:#f5f5fa;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-width:320px}body{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{text-decoration:none;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #9c85f5;outline-offset:2px}button{transition:background .17s,border-color .17s,transform .17s}button:hover:not(:disabled){filter:brightness(1.13)}.muted{color:#9b9aab}.tiny-caps{font-size:10px;letter-spacing:.19em;font-weight:800;color:#8c85b8}.dot{color:#8a7afe}.full{width:100%;justify-content:center}.primary{background:#7867ef;color:white;border:1px solid #9184f3;border-radius:13px;font-weight:700;padding:12px 18px;box-shadow:0 7px 32px #7867ef25;white-space:nowrap}.primary.small{padding:8px 12px;font-size:12px;border-radius:10px}.subtle-button{border:1px solid #313343;border-radius:11px;padding:10px 13px;background:#181b27;color:#e8e7f5;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;font-size:12px}.danger-outline{border:1px solid #7e444c;border-radius:11px;padding:10px;background:#261a21;color:#f1a4ac}.text-link{background:none;border:0;padding:12px 4px;color:#a3a0f0;font-size:13px}.toast{position:fixed;z-index:9999;left:50%;bottom:calc(25px + env(safe-area-inset-bottom));transform:translate(-50%,20px);padding:14px 22px;max-width:min(94vw,490px);background:#262c3c;color:#fff;box-shadow:0 15px 60px #0008;border:1px solid #51586d;border-radius:12px;opacity:0;pointer-events:none;transition:.2s;font-weight:600;font-size:13px;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.bad{background:#522931;border-color:#92505b}
/* AUTH */
.auth-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) 22px 30px;overflow:hidden;position:relative}.auth-deco{position:absolute;inset:-30%;pointer-events:none;background:radial-gradient(circle at 45% 25%,#48316a5c,transparent 25%),radial-gradient(circle at 70% 80%,#19457255,transparent 25%)}.auth-card{position:relative;max-width:424px;width:100%;background:#151823;border:1px solid #333345;border-radius:28px;padding:36px;box-shadow:0 25px 120px #0006;text-align:center}.auth-card h1{font-size:40px;letter-spacing:-2px;margin:12px 0}.auth-card h1 span,.brand-name span{color:#a396ff}.brand-logo{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#8a70ef,#5b68e7);color:white;border-radius:11px;width:38px;height:38px;font-size:23px;box-shadow:0 6px 22px #7663e14b;flex:none}.brand-logo.big{margin:auto;width:60px;height:60px;font-size:35px;border-radius:18px}.auth-card>p{color:#9c9aaf;line-height:1.6;font-size:14px}.auth-card form{display:grid;gap:14px;text-align:left;margin:28px 0 12px}.auth-card label,.create-intro label{font-size:12px;font-weight:700;color:#bfbecd;display:grid;gap:8px}.auth-card input,.create-intro input{width:100%;background:#0d1018;border:1px solid #313543;color:#fff;padding:13px 14px;border-radius:12px}.auth-card .auth-small{font-size:11px;margin-top:12px}
/* APP FRAME */
.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh;background:#0c0e16}.sidebar{border-right:1px solid #252836;background:#10121b;display:flex;flex-direction:column;padding:26px 16px;position:sticky;top:0;height:100vh}.logo-row{display:flex;align-items:center;gap:11px;padding:0 9px;margin-bottom:38px}.brand-name{font-size:19px;font-weight:800;letter-spacing:-1px}.side-group{display:grid;gap:5px}.side-link{border:none;background:transparent;color:#9799aa;display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:11px;width:100%;text-align:left;font-size:14px}.side-link.active,.side-link:hover{background:#252537;color:white}.side-bottom{margin-top:auto;display:flex;align-items:center;gap:9px;border-top:1px solid #252836;padding:18px 0 0}.mini-user{background:#473b6e;color:white;min-width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:800}.side-bottom>div:nth-child(2){min-width:0;flex:1}.side-bottom strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis}.side-bottom small{font-size:10px;color:#9392a5;display:block;overflow:hidden;text-overflow:ellipsis}.side-bottom button{background:none;border:none;color:#9b9aaf;font-size:22px}.app-main{min-width:0}.main-content{max-width:1250px;margin:auto;padding:54px clamp(18px,4.7vw,74px) 100px}.dashboard-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.dashboard-heading h1{font-size:clamp(29px,3.6vw,49px);letter-spacing:-1.8px;margin:12px 0}.dashboard-heading p{color:#9392a7;line-height:1.6;font-size:14px;max-width:590px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:38px}.metrics>div{padding:23px;border:1px solid #292c3d;background:linear-gradient(135deg,#191b28,#121622);border-radius:17px}.metrics span{display:block;color:#9b9caf;font-size:12px;margin-bottom:18px}.metrics strong{font-size:31px;letter-spacing:-1px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0}.section-head h2,.main-content>h2{font-size:19px;letter-spacing:-.5px}.search{border:1px solid #313442;background:#171924;border-radius:11px;padding:8px 12px;color:#999;display:flex;align-items:center;gap:8px}.search input{background:none;border:none;outline:none;color:#fff;font-size:12px;width:165px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:17px}.project-card{border:1px solid #303342;background:#171924;border-radius:17px;overflow:hidden}.project-snapshot{height:146px;background:linear-gradient(140deg,#23253d,#131a2e);padding:16px}.project-visual{height:100%;border-radius:9px;background:radial-gradient(circle at 68% 22%,#594c8a,transparent 55%),linear-gradient(160deg,#272942,#0b1020);display:flex;justify-content:center;flex-direction:column;gap:7px;text-align:center}.project-visual span{font-size:33px;color:#a99bfb}.project-visual small{font-size:16px;font-weight:800}.project-info{padding:18px}.project-title{display:flex;align-items:center;justify-content:space-between;gap:7px}.project-title h3{font-size:15px;margin:0;overflow:hidden;text-overflow:ellipsis}.status{font-size:10px;font-weight:700;padding:6px 8px;border-radius:99px;color:#a3a2b3;background:#252736;white-space:nowrap}.status.online{background:#163c30;color:#83e6ac}.project-info>p{font-size:12px;color:#87889d;margin:10px 0 16px;overflow:hidden;text-overflow:ellipsis}.project-actions{display:flex;gap:7px;align-items:center}.project-actions>button:not(.primary){background:#222536;border:1px solid #313549;color:#c1c0d0;border-radius:9px;font-size:11px;padding:8px 10px}.empty-projects{grid-column:1/-1;border:1px dashed #45405d;background:#171724;padding:52px 20px;text-align:center;border-radius:18px}.empty-projects>span{font-size:46px;color:#b39ff9}.empty-projects h3{font-size:20px}.empty-projects p{color:#9c9aac}.create-intro{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0 33px;padding:19px;background:#171924;border:1px solid #2c2d3d;border-radius:15px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:18px}.template-card{text-align:left;border:1px solid #323443;background:#171a26;color:white;border-radius:16px;padding:9px 9px 14px;display:flex;flex-direction:column;gap:7px}.template-card:hover{border-color:#8b79f2;transform:translateY(-2px)}.template-picture{height:160px;background-size:cover;background-position:center;border-radius:10px;overflow:hidden;display:grid;place-items:center;position:relative}.template-picture::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#0009)}.template-overlay{position:relative;padding:10px 12px;background:#111a;border:1px solid #fff4;border-radius:10px;color:#fff;font-size:12px;opacity:0;transition:.2s}.template-card:hover .template-overlay,.template-card:focus .template-overlay{opacity:1}.template-card strong{font-size:14px;padding-left:6px;margin-top:4px}.template-card small{color:#9695a9;font-size:11px;padding-left:6px}
/* BUILDER */
.builder-shell{height:100vh;height:100dvh;display:flex;flex-direction:column;background:#0b0d15;min-width:0;padding-top:env(safe-area-inset-top)}.builder-top{height:63px;flex:none;background:#11131d;border-bottom:1px solid #292b3a;display:flex;align-items:center;padding:0 19px;gap:11px}.icon-button{width:36px;height:36px;flex:none;background:#1b1d2c;color:#f1f0fc;border:1px solid #323546;border-radius:9px;font-size:19px}.builder-title{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.builder-title .brand-logo{width:29px;height:29px;font-size:16px;border-radius:9px}.builder-title strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.builder-title small{display:block;font-size:10px;color:#9e9eb1;margin-top:3px}.builder-top-actions{display:flex;gap:8px;align-items:center}.builder-top-actions .subtle-button{font-size:11px}.builder-subbar{height:51px;flex:none;background:#141621;border-bottom:1px solid #252736;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 14px}.editor-tab-buttons{display:flex;gap:6px;overflow-x:auto}.editor-tab-buttons button{border:0;background:none;color:#9394aa;padding:10px 13px;font-size:12px;white-space:nowrap;border-radius:8px}.editor-tab-buttons button.active{background:#272536;color:#cabfff}.device-picker{display:flex;gap:3px;background:#202231;border:1px solid #343444;padding:3px;border-radius:10px;flex:none}.device-picker button{background:none;border:0;color:#a1a1b4;padding:6px 12px;border-radius:7px;font-size:17px}.device-picker button.active{background:#40385f;color:white}.editor-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 294px;min-height:0;flex:1}.editor-sidebar,.inspector{overflow-y:auto;overscroll-behavior:contain;background:#141620;padding:18px 14px 80px}.editor-sidebar{border-right:1px solid #2b2d3e}.inspector{border-left:1px solid #2b2d3e}.panel-heading{padding:6px 6px 22px}.panel-heading h3{font-size:16px;margin:3px 0 7px}.panel-heading p{font-size:11px;line-height:1.5;color:#9191a7;margin:0}.blocks-picker{display:grid;gap:6px}.blocks-picker>button{width:100%;border:1px solid #2f3041;background:#1d1f2c;border-radius:10px;padding:11px;display:flex;gap:10px;align-items:center;color:#f6f6fd;text-align:left}.blocks-picker>button:hover{border-color:#7565d3;background:#29283c}.blocks-picker>button>span{font-size:19px;min-width:22px;text-align:center;color:#a996fb}.blocks-picker strong{flex:1;font-size:12px}.blocks-picker small{font-size:16px;color:#858398}.workspace{min-width:0;overflow:auto;background:#0b0e15;display:flex;align-items:center;flex-direction:column;padding:16px 22px 40px;background-image:radial-gradient(#45435233 .7px, transparent .7px);background-size:18px 18px}.workspace-toolbar{display:flex;justify-content:space-between;gap:10px;color:#85859a;width:100%;max-width:1080px;margin:1px 0 15px;font-size:10px}.preview-wrapper{width:100%;max-width:1080px;margin:0 auto;box-shadow:0 22px 75px #000a;border:1px solid #4b4d5d;transition:width .25s;min-height:500px;flex:none;background:#131824;overflow:hidden}.preview-wrapper.desktop{width:100%}.preview-wrapper.tablet{width:min(760px,100%)}.preview-wrapper.phone{width:min(390px,100%)}.preview-wrapper.phone #canvas{container-type:inline-size}.preview-wrapper.tablet #canvas{container-type:inline-size}.inspector-tip{text-align:center;font-size:14px;color:#a09eb5;padding:55px 10px;line-height:2.1}.inspector-tip::first-line{font-size:35px}.field-group-title{color:#a0a0b0;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;margin:20px 0 14px}.inspector-fields,.field-stack{display:grid;gap:13px}.setting-field{display:grid;gap:7px;color:#c2c1cf;font-weight:600;font-size:11px;line-height:1.5}.setting-field input:not([type=checkbox]):not([type=color]),.setting-field textarea,.setting-field select{width:100%;background:#10121c;border:1px solid #363747;color:#f3f3fc;border-radius:9px;padding:10px;outline:none;font-size:12px;min-width:0}.setting-field input:focus,.setting-field textarea:focus,.setting-field select:focus{border-color:#8679e6}.setting-field textarea{resize:vertical}.setting-field input[type=color]{height:36px;width:48px;border:none;background:transparent;cursor:pointer}.setting-field input[type=range]{accent-color:#8576ef}.color-field{display:flex;gap:8px}.color-field input:last-child{flex:1}.block-ops{display:flex;gap:6px;padding:0 4px 14px;border-bottom:1px solid #363546}.block-ops button{background:#232535;color:#e3e2f3;border:1px solid #414153;border-radius:9px;padding:9px 12px;flex:1}.nested-group{padding:12px;border:1px solid #383847;border-radius:11px;background:#171926}.nested-group h4{margin:0 0 12px;font-size:12px}.nested-item{border-top:1px solid #343442;padding:12px 0;display:grid;gap:11px}.nested-item-head{display:flex;align-items:center;justify-content:space-between}.nested-item-head strong{font-size:11px;color:#a69df3}.nested-item-head button{background:#3c2530;border:0;color:#f2b5b7;padding:3px 9px;border-radius:7px}.nested-group .subtle-button{margin-top:5px}.page-list{display:grid;gap:6px;margin-bottom:12px}.page-item{display:flex;background:#1f212e;border:1px solid #363847;border-radius:10px;align-items:center}.page-item.active{border-color:#806ee0;background:#2b2841}.page-item button{border:0;background:transparent;color:#bdbdce;padding:11px 9px}.page-item button:first-child{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.field-hint{font-size:11px;color:#85859c;line-height:1.6}.lead-card{background:#202230;border:1px solid #343546;padding:14px;border-radius:12px;margin:0 0 10px;overflow-wrap:anywhere}.lead-card strong{font-size:13px}.lead-card small{display:block;color:#85859b;margin-top:5px}.lead-card p{color:#a89cf8;font-size:12px}.lead-card div{font-size:12px;color:#c2c1ce;line-height:1.5}.empty-small{color:#9292a6;font-size:12px;line-height:1.6}.editor-mobile-nav,.mobile-app-nav{display:none}
/* SITE RENDERER: identical for live and editor */
.site-root{--site-bg:#0b0e16;--site-ink:#f8fafc;--site-accent:#7666ef;--site-surface:#141928;--site-radius:16px;--site-font:Inter,system-ui,sans-serif;font-family:var(--site-font);background:var(--site-bg);color:var(--site-ink);width:100%;min-height:100%;overflow:hidden;container-type:inline-size}.site-root *{box-sizing:border-box}.site-root a{color:inherit}.site-root p{line-height:1.75}.sc-section{position:relative;background:var(--site-bg);color:var(--site-ink)}.sc-bg-surface{background:var(--site-surface)}.sc-bg-accent{background:var(--site-accent);color:white}.sc-bg-light{background:#f7f7fb;color:#151827}.sc-pad-lg{padding:clamp(52px,8vw,105px) 5%}.sc-pad-md{padding:clamp(30px,5vw,60px) 5%}.sc-pad-sm{padding:14px 5%}.sc-pad-none{padding:0}.sc-section-content{max-width:1080px;margin:auto}.sc-width-wide{max-width:1320px}.sc-width-narrow{max-width:740px}.sc-align-center{text-align:center}.sc-align-right{text-align:right}.sc-type-header{padding:18px 5%;position:relative}.sc-type-header>.sc-section-content{max-width:1280px}.sc-header-inner{display:flex;align-items:center;gap:20px;justify-content:space-between}.sc-logo{font-size:19px;font-weight:900;letter-spacing:-.6px;white-space:nowrap}.sc-logo-dot{color:var(--site-accent)}.sc-nav{display:flex;gap:21px;align-items:center;font-size:12px;font-weight:600}.sc-nav a{opacity:.74}.sc-nav a:hover{opacity:1}.site-root .sc-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 23px;border-radius:calc(var(--site-radius)*.6);background:var(--site-accent);color:#fff;border:1px solid transparent;font-weight:800;font-size:12px;line-height:1.2;white-space:nowrap;box-shadow:0 9px 28px #0002}.site-root .sc-button.outline{background:transparent;border-color:currentColor;box-shadow:none}.sc-eyebrow{color:var(--site-accent);font-size:11px;font-weight:800;letter-spacing:.19em;display:block;margin-bottom:18px}.sc-bg-accent .sc-eyebrow{color:#fff}.sc-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.sc-hero:not(.has-image){grid-template-columns:1fr;text-align:center;max-width:850px;margin:auto}.sc-hero-copy h1{font-weight:900;line-height:1.07;letter-spacing:-.055em;font-size:clamp(39px,5.4vw,77px);margin:0 0 23px;overflow-wrap:break-word}.sc-hero-copy>p{font-size:clamp(14px,1.55vw,18px);line-height:1.7;opacity:.72;margin:0 0 28px;max-width:620px}.sc-hero-actions{display:flex;flex-wrap:wrap;gap:11px}.sc-hero:not(.has-image) .sc-hero-actions{justify-content:center}.sc-hero-media{height:440px;max-height:55vw;border-radius:var(--site-radius);overflow:hidden;box-shadow:0 20px 70px #0003}.site-root img{display:block;max-width:100%;object-fit:cover}.sc-hero-media img,.sc-columns-image img,.sc-wide-image{width:100%;height:100%}.sc-image-placeholder{width:100%;height:100%;min-height:160px;display:grid;place-items:center;background:linear-gradient(135deg,#272940,#1a243a);color:#a6a7bc;border-radius:var(--site-radius)}.sc-section-intro h2{font-size:clamp(27px,3.8vw,48px);font-weight:850;letter-spacing:-.045em;line-height:1.15;margin:0 0 12px}.sc-section-intro p{opacity:.62;font-size:15px;max-width:690px;margin:0 0 30px}.sc-section-intro.center{text-align:center}.sc-section-intro.center p{margin-left:auto;margin-right:auto}.sc-reading{max-width:860px;margin:auto}.sc-reading .sc-section-intro{margin-bottom:25px}.sc-body-copy{opacity:.75;font-size:15px;line-height:1.9}.sc-feature-image{height:auto;max-height:670px;border-radius:var(--site-radius);overflow:hidden}.sc-feature-image img{height:460px}.sc-caption{font-size:11px;opacity:.7;margin:6px}.sc-columns{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.sc-columns-image{height:380px;overflow:hidden;border-radius:var(--site-radius)}.sc-columns .sc-button{margin-top:18px}.sc-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sc-tile,.sc-feature-tile,.sc-price-card,.sc-quote{background:var(--site-surface);padding:28px;border-radius:var(--site-radius);border:1px solid #ffffff12;overflow-wrap:break-word}.sc-tile-number{display:block;color:var(--site-accent);font-size:11px;margin-bottom:24px;font-weight:800}.sc-tile h3,.sc-feature-tile h3,.sc-price-card h3{font-size:20px;letter-spacing:-.025em}.sc-tile p,.sc-feature-tile p,.sc-price-card p{font-size:13px;opacity:.7}.sc-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sc-feature-icon{font-size:29px;color:var(--site-accent)}.sc-cta{text-align:center;padding:26px}.sc-cta h2{font-size:clamp(34px,4.5vw,65px);letter-spacing:-.055em;margin:0 auto 15px;max-width:800px}.sc-cta p{opacity:.7;margin-bottom:23px}.sc-price-card strong{font-size:28px;display:block;margin:16px 0}.sc-price-card.featured{border-color:var(--site-accent);box-shadow:inset 0 0 0 1px var(--site-accent)}.sc-price-card .sc-button{margin-top:10px}.sc-quote>span{color:#f7c369;letter-spacing:3px;font-size:15px}.sc-quote p{font-size:14px;line-height:1.9}.sc-quote strong,.sc-quote small{display:block}.sc-quote strong{font-size:12px;margin-top:20px}.sc-quote small{opacity:.65;font-size:11px;margin-top:5px}.sc-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sc-gallery img{width:100%;height:240px;border-radius:var(--site-radius)}.sc-faq{max-width:800px;margin:auto}.sc-faq details{border-bottom:1px solid #ffffff25;padding:18px 7px}.sc-faq summary{cursor:pointer;font-size:15px;font-weight:700;list-style:none;display:flex;justify-content:space-between}.sc-faq summary::after{content:'+';font-size:22px;color:var(--site-accent)}.sc-faq details[open] summary::after{content:'−'}.sc-faq p{font-size:13px;opacity:.7}.sc-contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:start}.sc-contact>div>p{font-size:14px;opacity:.73}.sc-contact-form{background:var(--site-surface);border:1px solid #ffffff19;padding:27px;border-radius:var(--site-radius);display:grid;gap:15px;position:relative}.sc-contact-form label{font-weight:600;font-size:12px;display:grid;gap:7px}.sc-contact-form input,.sc-contact-form textarea{width:100%;border:1px solid #ffffff30;background:#ffffff0a;border-radius:9px;padding:13px;color:var(--site-ink);font:inherit;font-size:13px;resize:vertical}.sc-contact-form input::placeholder,.sc-contact-form textarea::placeholder{color:#999aaa}.sc-contact-form .sc-button{cursor:pointer}.sc-contact-form .sc-form-message{font-size:12px;color:var(--site-accent);margin:0}.sc-hp{position:absolute!important;width:1px!important;height:1px!important;left:-10000px!important;opacity:0!important}.sc-type-embed iframe{border:0;width:100%;height:400px;border-radius:var(--site-radius)}.sc-embed-placeholder{height:240px;border:2px dashed #ffffff44;border-radius:var(--site-radius);display:grid;place-items:center;color:#aaa}.sc-divider{height:1px;background:#ffffff2c}.sc-footer{text-align:center}.sc-footer strong{font-size:23px;letter-spacing:-.04em}.sc-footer p{opacity:.75;font-size:13px}.sc-footer small{display:block;opacity:.45;font-size:11px;margin-top:25px}.sc-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sc-product{background:var(--site-surface);border:1px solid #ffffff18;border-radius:var(--site-radius);overflow:hidden}.sc-product>img,.sc-product>.sc-image-placeholder{width:100%;height:210px}.sc-product-content{padding:19px}.sc-product-content h3{font-size:16px;margin:0 0 8px}.sc-product-content p{font-size:12px;opacity:.7}.sc-product-content strong{display:block;font-size:21px;margin:15px 0}.sc-product-content .sc-button{width:100%}.sc-empty-canvas{padding:80px 20px;text-align:center;color:#9f9fae}.sc-edit-block{cursor:pointer}.sc-edit-block:hover::after{content:'';position:absolute;inset:2px;outline:2px dashed #9587f2;pointer-events:none;z-index:10}.sc-edit-block.selected::after{content:'';position:absolute;inset:2px;outline:3px solid #8d76fa;pointer-events:none;z-index:10}.sc-edit-block .sc-block-overlay{display:none;position:absolute;top:4px;right:4px;background:#6c5edf;color:white;z-index:12;padding:6px 9px;border-radius:7px;font-size:10px;font-weight:800}.sc-edit-block:hover .sc-block-overlay,.sc-edit-block.selected .sc-block-overlay{display:block}.site-root .sc-type-header.sc-pad-lg{padding-top:20px;padding-bottom:20px}.published-body{margin:0;background:#0b0e16}
/* Responsive also inside editor canvas through container units */
@container (max-width:720px){.sc-header-inner .sc-nav{display:none}.sc-hero,.sc-columns,.sc-contact{grid-template-columns:1fr;gap:25px}.sc-hero-media{height:360px;max-height:none}.sc-hero-copy h1{font-size:clamp(36px,8cqw,59px)}.sc-card-grid,.sc-feature-grid,.sc-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-gallery img{height:180px}}
@container (max-width:470px){.sc-pad-lg{padding:48px 6%}.sc-pad-md{padding:32px 6%}.sc-pad-sm{padding:14px 6%}.sc-header-inner>.sc-button{display:none}.sc-header-inner .sc-logo{font-size:17px}.sc-hero{gap:30px}.sc-hero-media{height:280px}.sc-hero-copy h1{font-size:36px}.sc-hero-copy>p{font-size:14px}.sc-section-intro h2{font-size:29px}.sc-card-grid,.sc-feature-grid,.sc-product-grid,.sc-gallery{grid-template-columns:1fr}.sc-tile,.sc-feature-tile,.sc-price-card,.sc-quote{padding:23px}.sc-gallery img{height:230px}.sc-contact-form{padding:19px}.sc-cta h2{font-size:36px}.sc-columns-image{height:250px}.sc-feature-image img{height:300px}}
@media(max-width:1180px){.editor-layout{grid-template-columns:225px minmax(0,1fr) 245px}.editor-sidebar,.inspector{padding:14px 10px 65px}.workspace{padding:14px 12px 35px}.builder-top-actions .subtle-button{display:none}}
@media(max-width:830px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:32px 18px 100px}.mobile-app-nav{display:flex;position:fixed;z-index:35;bottom:0;left:0;right:0;padding:9px 14px calc(9px + env(safe-area-inset-bottom));background:#171925;border-top:1px solid #303144;justify-content:space-around}.mobile-app-nav button{background:none;border:0;display:grid;justify-items:center;gap:4px;color:#b8b6d1;font-size:20px}.mobile-app-nav span{font-size:10px}.editor-layout{display:flex;flex-direction:column;position:relative}.editor-sidebar,.inspector{position:fixed;z-index:50;bottom:calc(61px + env(safe-area-inset-bottom));left:0;right:0;top:auto;height:min(55dvh,520px);border-radius:20px 20px 0 0;border:1px solid #404053;box-shadow:0 -16px 70px #0008;display:none}.builder-shell.mobile-panel-open .editor-sidebar{display:block}.builder-shell.mobile-panel-open .inspector{display:none}.builder-shell.mobile-panel-open .inspector:not(:empty){display:none}.workspace{flex:1;min-height:0;padding:13px 8px 35px}.builder-top{height:57px;padding:0 10px;gap:7px}.builder-top-actions .icon-button{display:none}.builder-top-actions .primary{font-size:11px;padding:9px}.builder-subbar{height:42px}.editor-tab-buttons{display:none}.device-picker{margin:auto}.editor-mobile-nav{display:flex;height:61px;flex:none;align-items:center;justify-content:space-around;background:#151723;border-top:1px solid #333446;padding-bottom:env(safe-area-inset-bottom)}.editor-mobile-nav button{display:flex;flex-direction:column;gap:2px;align-items:center;border:none;background:none;color:#9d9caf;font-size:20px;min-width:57px}.editor-mobile-nav span{font-size:9px}.editor-mobile-nav button.active{color:#ab9cff}.builder-top .builder-title strong{max-width:115px}.preview-wrapper{min-height:420px}.preview-wrapper.phone{width:min(390px,100%)}.preview-wrapper.tablet{width:100%}.preview-wrapper.desktop{width:100%}.inspector{display:none!important}.editor-layout.has-inspector .inspector{display:block!important}.editor-layout.has-inspector .editor-sidebar{display:none!important}.project-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}
@media(max-width:540px){.auth-card{padding:29px 22px;border-radius:22px}.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-heading h1{font-size:35px}.dashboard-heading .primary{align-self:stretch}.metrics{gap:8px}.metrics>div{padding:14px 11px}.metrics span{font-size:10px;height:24px}.metrics strong{font-size:24px}.section-head{align-items:stretch;flex-direction:column}.search{width:100%}.search input{flex:1}.create-intro{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-picture{height:116px}.template-card strong{font-size:12px}.template-card small{font-size:10px}.template-overlay{display:none}.builder-title .brand-logo{display:none}.builder-top-actions .primary{font-size:10px;padding:9px}.builder-top-actions{gap:5px}}

.page-settings{margin-bottom:16px;padding:10px;background:#1d1e2c;border-radius:10px}