:root{--primary:#6557ff;--radius:18px;--font:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:#0b1020;color:#eef}button,input,select,textarea{font:inherit}.hidden{display:none!important}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#284f70,#080b14 62%)}.card{width:min(430px,92vw);background:#11182b;border:1px solid #263351;border-radius:26px;padding:34px;box-shadow:0 30px 90px #0009}.card h1{font-size:38px;margin:4px 0 12px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#9b91ff;font-weight:900}.card input,.card button{width:100%;margin:7px 0;padding:12px;border-radius:12px;border:1px solid #364460;background:#0b1020;color:#eef}.card button{background:linear-gradient(135deg,#6557ff,#19b98e);font-weight:900;border:0;cursor:pointer}.error{color:#ff9696}.app{display:grid;grid-template-columns:320px 1fr;height:100vh}.sidebar{background:#0d1324;border-right:1px solid #263351;padding:18px;overflow:auto}.side-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.side-head small{display:block;color:#9aa6c4;margin-top:2px}.vb-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6557ff,#19b98e);font-weight:900}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#080d19;padding:5px;border-radius:13px}.tab{border:0;background:transparent;color:#9aa6c4;padding:9px 4px;border-radius:9px;cursor:pointer;font-size:12px}.tab.active{background:#202a42;color:#fff}.panel{display:none;padding-top:15px}.panel.active{display:block}.panel-title{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#9aa6c4;font-weight:800;margin:10px 0}.block-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sidebar button,.sidebar input,.sidebar select,.sidebar textarea{width:100%;border:1px solid #31405e;background:#151d32;color:#eef;border-radius:10px;padding:10px;margin:5px 0}.sidebar button{cursor:pointer}.block-grid button{text-align:left;font-size:12px;background:#151d32}.block-grid button:hover{border-color:#8175ff;background:#1e2741}.sidebar label{display:block;color:#c7cee0;font-size:12px;margin-top:10px}.sidebar input[type=color]{height:42px;padding:4px}.sidebar input[type=range]{padding:0;border:0}.sidebar output{float:right;color:#9aa6c4}.sidebar button:not(.secondary):not(.danger):not(.tab){background:linear-gradient(135deg,#6557ff,#4b7cff);font-weight:800;border:0}.sidebar .secondary{background:#182239}.sidebar .danger{color:#ffaaaa;border-color:#713c49}.sidebar .export{margin-top:18px;background:linear-gradient(135deg,#18b78f,#087a9a)!important}.hint{font-size:11px;line-height:1.5;color:#8591af}.actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.actions button:first-child{grid-column:1/-1}.workspace{min-width:0;display:flex;flex-direction:column;background:#171d2b}.toolbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;background:#0d1324;border-bottom:1px solid #263351}.toolbar button{border:1px solid #34405b;background:#151d32;color:#dce2f1;border-radius:9px;padding:8px 13px;cursor:pointer}.viewport{display:flex;gap:5px}.viewport button.active{background:#6557ff;border-color:#6557ff;color:#fff}.stage{flex:1;overflow:auto;padding:28px;display:flex;justify-content:center}.page{width:100%;min-height:100%;background:white;color:#172033;box-shadow:0 18px 50px #0007;transition:width .25s}.page.tablet{width:768px}.page.mobile{width:390px}.canvas{min-height:700px}.empty{padding:100px 30px;text-align:center;color:#718096}.vb-section{position:relative;max-width:1200px;margin:auto;padding:64px 38px;background:#fff}.vb-section.selected{outline:3px solid #6557ff;outline-offset:-3px}.block-tools{display:none;position:absolute;z-index:20;right:8px;top:8px;gap:4px}.selected>.block-tools{display:flex}.block-tools button{border:0;background:#0b1020;color:#fff;border-radius:7px;padding:5px 8px;cursor:pointer}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:20px}.landing-header img{display:none;max-width:150px;max-height:58px}.landing-nav{display:flex;align-items:center;gap:22px}.landing-nav a{color:inherit;text-decoration:none;font-weight:700}.hero{min-height:580px;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(135deg,#11172b,#253987)}.hero-inner{max-width:850px}.hero h1{font-size:clamp(42px,7vw,82px);line-height:1.02;margin:0 0 22px}.hero p{font-size:21px;line-height:1.6;color:#dde2ff}.btn{display:inline-block;padding:15px 25px;border-radius:999px;background:var(--primary);color:#fff;text-decoration:none;font-weight:900}.section-title{font-size:clamp(30px,4vw,52px);margin:0 0 14px}.lead{font-size:19px;color:#647087;line-height:1.65}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.card-item{padding:26px;background:#f5f7fb;border:1px solid #e3e8f1;border-radius:var(--radius)}.card-item h3{font-size:21px}.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--primary);color:#fff;font-weight:900}.image-text{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.image-placeholder,.uploaded-image{width:100%;min-height:330px;border-radius:var(--radius);object-fit:cover;background:linear-gradient(135deg,#dfe4ff,#b9f4df);display:grid;place-items:center;color:#43506b}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.stats strong{display:block;font-size:48px;color:var(--primary)}.quote{font-size:18px;line-height:1.6}.price{font-size:45px;font-weight:900}.featured{background:#161e33;color:#fff;transform:translateY(-10px)}details{border-bottom:1px solid #dfe4ed;padding:18px 0}summary{cursor:pointer;font-weight:800}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:800px;margin:30px auto}.contact-form input,.contact-form textarea{padding:15px;border:1px solid #cfd6e2;border-radius:12px}.contact-form textarea,.contact-form button,.contact-form label{grid-column:1/-1}.contact-form button{border:0}.cta{text-align:center;color:#fff;background:linear-gradient(135deg,var(--primary),#0b7c98)}.footer{background:#0d1324;color:#dce2ef}.footer-grid{display:flex;justify-content:space-between;gap:30px}.basic-image input{display:block}.spacer{height:80px;padding:0}.editable:focus{outline:2px dashed var(--primary);outline-offset:4px}#toast{position:fixed;right:22px;bottom:22px;background:#111827;color:#fff;padding:13px 18px;border-radius:12px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;z-index:99}#toast.show{opacity:1;transform:none}.preview-mode .sidebar,.preview-mode .toolbar{display:none}.preview-mode .app{grid-template-columns:1fr}.preview-mode .stage{padding:0}.preview-mode .page{box-shadow:none}.preview-mode .block-tools{display:none!important}.preview-close{position:fixed;z-index:100;right:20px;top:20px}
@media(max-width:800px){.app{grid-template-columns:1fr;height:auto}.sidebar{max-height:none}.workspace{min-height:700px}.stage{padding:12px}.grid-3,.image-text,.stats{grid-template-columns:1fr}.landing-header,.footer-grid{flex-direction:column;align-items:flex-start}.landing-nav{flex-wrap:wrap}.contact-form{grid-template-columns:1fr}.vb-section{padding:48px 22px}.hero{min-height:500px}.hero h1{font-size:44px}}