:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eceef8;background:#0c101b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}input,textarea,select{outline:none}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{transition:background .17s,border-color .17s,transform .17s,color .17s}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #aaa4ff;outline-offset:2px}.app{height:100dvh;display:flex;flex-direction:column;min-height:430px}.topbar{height:70px;flex:none;display:flex;align-items:center;gap:17px;padding:0 23px;border-bottom:1px solid #252b3a;background:#111625;z-index:3}.identity{display:flex;align-items:center;gap:11px;min-width:188px}.brand-icon{width:37px;height:37px;border-radius:11px;background:linear-gradient(145deg,#8673fd,#6258db);box-shadow:0 5px 17px #7162fd31;display:grid;place-items:center;font-weight:900;font-size:21px;position:relative;letter-spacing:-3px;padding-right:2px;color:#fff}.brand-icon span{position:absolute;right:-3px;top:-6px;font-size:12px;color:#c5fb8e;text-shadow:0 1px 4px #182820;letter-spacing:0}.brand-name{font-size:14px;font-weight:850;line-height:1.1;letter-spacing:2px}.brand-sub{display:block;color:#8990a6;font-size:9px;letter-spacing:2.8px;margin-top:5px;font-weight:600}.vtag{color:#a49bfa;letter-spacing:0;padding-left:6px}.top-sep{height:27px;width:1px;background:#303447}.project-name{border:1px solid transparent;color:#fff;min-width:150px;max-width:250px;background:transparent;border-radius:9px;padding:10px 8px;display:flex;align-items:center;gap:8px;font-weight:680;font-size:12px;text-align:left}.project-name span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-name:hover{background:#202637;border-color:#3c4357}.project-dot{height:8px;width:8px;background:#b0ef82;border-radius:50%;flex:none}.project-name svg{margin-left:auto;color:#8b93ac}.save-state{color:#8390a8;font-size:11px;display:flex;align-items:center;gap:7px;white-space:nowrap}.save-state i,.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#9cdb9d;box-shadow:0 0 0 4px #82daab12}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.tbtn{background:transparent;color:#e4e6ee;border:1px solid #343b4e;border-radius:9px;font-size:12px;font-weight:730;height:39px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.tbtn svg{height:16px;width:16px}.tbtn:hover{background:#262b40}.tbtn-help{width:auto;min-width:38px;border-color:transparent;color:#aab2c8;font-size:15px}.tbtn-outline{background:#1a2030}.tbtn-primary{background:#7770ef;border:1px solid #8780ff;color:white;box-shadow:0 5px 18px #6558f62d}.tbtn-primary:hover{background:#8d85ff;transform:translateY(-1px)}.workspace{display:flex;flex:1;min-height:0}.leftbar{width:268px;min-width:268px;background:#141a29;border-right:1px solid #252d3c;display:flex;flex-direction:column}.left-tabs{display:flex;padding:16px 13px 13px;gap:5px;border-bottom:1px solid #293044}.left-tab{flex:1;display:flex;align-items:center;flex-direction:column;gap:7px;background:none;color:#7f89a2;border:1px solid transparent;border-radius:9px;padding:11px 5px;font-size:11px;font-weight:670}.left-tab svg{width:20px;height:20px}.left-tab.active{background:#282743;color:#b0a8ff;border-color:#454265}.left-tab:hover:not(.active){background:#202638;color:#d4d5e5}.left-content{flex:1;min-height:0;overflow-y:auto;padding:24px 17px 18px;scrollbar-width:thin;scrollbar-color:#414860 transparent}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.panel-heading{font-weight:760;font-size:16px;letter-spacing:-.4px;margin:0}.panel-sub{margin:3px 0 22px;color:#8992a6;font-size:12px;line-height:1.55}.sidebar-label{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:#7e879d;font-weight:760;margin:24px 0 12px}.add-action{border:1px dashed #4e4a77;background:#211f36;color:#c5bdff;border-radius:11px;padding:13px;width:100%;display:flex;align-items:center;gap:10px;font-weight:720;font-size:12px;text-align:left}.add-action:hover{background:#302a51;border-color:#9686ec}.add-action svg{width:17px;height:17px}.page-item,.section-item{width:100%;display:flex;align-items:center;gap:10px;padding:11px 9px;text-align:left;margin-bottom:6px;color:#bfc6da;border:1px solid transparent;border-radius:10px;background:transparent;min-width:0}.page-item:hover,.section-item:hover{background:#242c3d}.page-item.active,.section-item.active{background:#292942;border-color:#4d4774;color:#fff}.page-icon,.section-icon{background:#2a3246;border:1px solid #3a4456;border-radius:8px;height:32px;width:32px;display:grid;place-items:center;flex:none;color:#abb4d1}.page-item.active .page-icon,.section-item.active .section-icon{color:#c1b5ff;background:#3a305a;border-color:#564e86}.page-icon svg,.section-icon svg{height:17px;width:17px}.page-text,.section-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.page-text b,.section-text b{font-size:12px;font-weight:690;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-text small,.section-text small{font-size:10px;color:#8992a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-arrow{font-size:15px;color:#777f99}.item-menu{border:0;background:none;color:#9199b0;padding:5px;border-radius:5px;display:grid;place-items:center}.item-menu:hover{color:white;background:#40435f}.item-menu svg{width:16px;height:16px}.tiny-help{background:#1d2434;border:1px solid #343d50;border-radius:11px;padding:12px;color:#aab4cd;font-size:11px;line-height:1.7;margin-top:17px}.tiny-help strong{color:#dedff3}.left-bottom{height:77px;border-top:1px solid #2a3042;display:flex;align-items:center;gap:10px;padding:0 17px}.mini-avatar{width:35px;height:35px;border-radius:9px;background:#30304d;color:#b6acff;display:grid;place-items:center}.left-bottom b,.left-bottom span{display:block;font-size:11px}.left-bottom b{font-weight:740;color:#e5e6f3}.left-bottom span{font-size:10px;color:#848fa8;margin-top:3px}.stage{background:#101523;min-width:0;flex:1;display:flex;flex-direction:column;position:relative}.stage-toolbar{height:68px;flex:none;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #202737}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#858ea5;min-width:0}.breadcrumb>span:first-child{font-size:10px;font-weight:780;letter-spacing:1.7px}.breadcrumb strong{color:#e1e6f4;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb-arrow{color:#4c556a}.draft-label{font-size:8px;letter-spacing:.9px;color:#b2a6ff;background:#2b2846;border:1px solid #514b77;padding:5px 7px;border-radius:5px;white-space:nowrap}.stage-tools{display:flex;align-items:center;gap:13px}.device-label,.zoom-indicator{font-size:11px;color:#909bb2}.device-switch{background:#1c2333;border:1px solid #2c354b;border-radius:8px;display:flex;padding:3px}.device-switch button{height:29px;width:34px;border:0;background:transparent;color:#76849e;border-radius:6px;display:grid;place-items:center}.device-switch button:hover{color:#fff}.device-switch button.selected{color:#e7e4ff;background:#3c3b60}.device-switch svg{height:16px;width:16px}.canvas-space{flex:1;min-height:0;overflow:auto;padding:28px 30px;display:flex;justify-content:center;align-items:flex-start;scrollbar-color:#323a4d transparent;scrollbar-width:thin;background-image:radial-gradient(#253044 0.8px,transparent .8px);background-size:21px 21px}.canvas-wrap{height:100%;max-height:100%;width:100%;max-width:1370px;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:white;border:1px solid #323949;box-shadow:0 16px 65px #05070c90;transition:width .35s,height .35s;flex-shrink:0}.canvas-wrap.is-mobile{width:390px;max-width:100%;height:100%;min-height:360px}.browser-chrome{height:36px;background:#eceef2;border-bottom:1px solid #d6dae3;display:flex;align-items:center;justify-content:space-between;flex:none;padding:0 12px}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#c4c9d4}.dots i:first-child{background:#ecaaa7}.dots i:nth-child(2){background:#f2d18e}.dots i:nth-child(3){background:#a7d6ac}.address-chip{font-size:10px;color:#7f8797;background:#fff;border:1px solid #e0e2e8;border-radius:5px;padding:4px 10px;display:flex;align-items:center;gap:6px;max-width:55%;overflow:hidden;white-space:nowrap}.address-chip svg{height:11px;width:11px}.chrome-empty{width:40px}.canvas-wrap iframe{width:100%;height:100%;min-height:0;border:0;background:white}.stage-footer{min-height:39px;flex:none;display:flex;justify-content:space-between;gap:12px;padding:0 25px;align-items:center;border-top:1px solid #252a39;color:#8390a9;font-size:10px}.stage-footer span:first-child{display:flex;align-items:center;gap:8px}.inspector{width:328px;min-width:328px;background:#161b2b;border-left:1px solid #2a3041;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#414860 transparent}.inspector-head{padding:25px 22px 17px;border-bottom:1px solid #2d3447}.inspector-eyebrow{font-size:10px;color:#a29bfc;font-weight:770;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:9px}.inspector-title{font-size:19px;letter-spacing:-.5px;margin:0 0 6px;font-weight:760}.inspector-desc{font-size:11px;line-height:1.65;color:#9ba5bb}.inspector-body{padding:22px}.field{margin-bottom:19px}.field label{display:block;font-size:11px;color:#b7bfd3;font-weight:690;margin-bottom:8px}.field input,.field textarea,.field select,.modal-field input{width:100%;border:1px solid #3a4359;border-radius:8px;padding:11px 12px;color:#e9eafd;background:#202738;font-size:12px;transition:border-color .18s}.field textarea{min-height:82px;line-height:1.6;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,.modal-field input:focus{border-color:#8e84f4}.field select{color-scheme:dark}.field small{display:block;color:#8994af;margin-top:6px;font-size:10px;line-height:1.5}.field .colors{display:flex;align-items:center;gap:10px}.field input[type=color]{width:44px;height:41px;flex:none;padding:3px;cursor:pointer}.field .colorhex{flex:1}.f-divider{height:1px;background:#303649;margin:24px 0}.field-group-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-weight:750;font-size:12px}.field-group-title button,.inline-action{background:#32304c;color:#c0b5ff;border:1px solid #50496c;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700}.field-group-title button:hover,.inline-action:hover{background:#47406c}.array-card{padding:12px;border:1px solid #3c4358;border-radius:11px;margin:0 0 12px;background:#1b2232}.array-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;color:#cdd3e3;font-weight:750;font-size:11px}.array-card-header button{border:0;color:#b3bdd0;background:none;font-size:19px;line-height:20px}.array-card .field{margin-bottom:12px}.array-card .field:last-child{margin-bottom:0}.section-commands{display:flex;gap:8px;flex-wrap:wrap}.mini-btn{background:#222a3b;border:1px solid #3b465d;border-radius:8px;color:#bdc6dc;padding:9px 12px;font-size:11px}.mini-btn:hover{background:#303b51;color:white}.mini-btn.danger{color:#faacb9;border-color:#69404c}.mini-btn.danger:hover{background:#542734}.inspector-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:67px 34px}.placeholder-icon{width:63px;height:63px;background:#302c50;border:1px solid #514b83;color:#afa3ff;display:grid;place-items:center;border-radius:17px;margin-bottom:23px}.placeholder-icon svg{width:28px;height:28px}.inspector-placeholder h3{font-size:16px;margin:0 0 8px}.inspector-placeholder p{font-size:12px;color:#919cb3;line-height:1.7;margin:0}.sep{height:1px;background:#30394d;margin:17px 0}.template-mini{padding:13px;border:1px solid #373e54;border-radius:12px;background:#1c2333;margin-bottom:8px;width:100%;display:flex;gap:11px;align-items:center;text-align:left;color:#f2efff}.template-mini:hover{border-color:#786bda;background:#282740}.template-symbol{width:33px;height:33px;flex:none;display:grid;place-items:center;background:#35315b;color:#c6b7fc;border-radius:9px}.template-symbol svg{width:16px;height:16px}.template-mini b{font-size:12px;display:block}.template-mini small{display:block;font-size:10px;color:#939fb7;margin-top:3px;line-height:1.3}.toast-root{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:15;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;background:#272e41;color:white;box-shadow:0 13px 43px #0007;border:1px solid #454d64;padding:13px 20px;border-radius:12px;font-size:12px;font-weight:650;margin-top:7px;animation:fadeup .23s ease}@keyframes fadeup{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-check{color:#b9ffa2}.modal-root{position:fixed;inset:0;z-index:10;pointer-events:none}.modal-root.active{pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:#070a13ca;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto}.modal-panel{background:#181e2d;border:1px solid #3a3f56;border-radius:19px;padding:29px;width:min(780px,100%);max-height:min(90dvh,900px);overflow-y:auto;box-shadow:0 22px 90px #0008;scrollbar-color:#4e5874 transparent}.modal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.modal-kicker{font-size:10px;font-weight:850;letter-spacing:1.8px;color:#a7a0ff;text-transform:uppercase}.modal-title{font-size:27px;letter-spacing:-.9px;margin:7px 0 8px}.modal-sub{font-size:12px;color:#a6afc4;line-height:1.65;margin:0}.close-btn{font-size:23px;color:#aab4ca;background:#2a3142;border:1px solid #424b60;min-width:32px;height:32px;border-radius:9px}.modal-field{margin-top:25px;margin-bottom:20px}.modal-field label{display:block;font-size:11px;font-weight:770;color:#cdd3e2;margin-bottom:8px}.modal-field input{max-width:100%;font-size:14px;padding:13px}.templates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.template-card{border:1px solid #44485a;background:#202536;border-radius:13px;overflow:hidden;text-align:left;color:#f2f3fa;padding:0}.template-card:hover,.template-card.chosen{border-color:#a99fff;box-shadow:0 0 0 2px #8171ed28;background:#282c43}.template-cover{height:116px;position:relative;overflow:hidden}.template-cover .preview-lines{position:absolute;top:26px;left:20px;right:45%;height:8px;background:#ffffffe8;border-radius:12px;box-shadow:0 17px 0 0 #ffffffb9,0 34px 0 0 #ffffff75}.template-cover:after{content:"";position:absolute;right:12%;top:20%;height:70%;width:28%;background:#ffffff31;border:1px solid #ffffff45;border-radius:40% 40% 12% 12%;transform:rotate(-9deg)}.template-cover.studio{background:linear-gradient(125deg,#39215c,#9275d3)}.template-cover.cafe{background:linear-gradient(125deg,#76462d,#d6a574)}.template-cover.pro{background:linear-gradient(125deg,#193849,#5f8b9c)}.template-cover.shop{background:linear-gradient(125deg,#604356,#dc91a8)}.template-detail{padding:13px 15px 16px}.template-detail b{font-size:13px}.template-detail p{color:#aab3c8;font-size:11px;line-height:1.55;margin:6px 0 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:23px}.modal-button{background:#302e44;color:#ebeafd;border:1px solid #4a4768;border-radius:9px;padding:12px 19px;font-size:12px;font-weight:740}.modal-button.primary{background:#8177fc;border-color:#978bff}.modal-button:hover{filter:brightness(1.1)}.modal-button:disabled{opacity:.35}.project-list{display:grid;gap:11px;margin:27px 0 15px}.project-card{display:flex;gap:12px;align-items:center;background:#222839;border:1px solid #3b455b;border-radius:11px;padding:12px}.project-card.active{border-color:#7e72db;background:#292841}.project-preview{background:linear-gradient(145deg,#443d82,#a29cff);width:45px;height:45px;border-radius:9px;display:grid;place-items:center;font-size:22px;flex:none}.project-card-content{flex:1;min-width:0}.project-card-content b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-content small{display:block;color:#98a4b9;margin-top:5px;font-size:10px}.project-card-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.project-card-actions button{background:#313b52;color:#dce1f1;border:1px solid #47516b;border-radius:7px;font-size:10px;padding:9px}.project-card-actions button:hover{background:#424f68}.project-card-actions button.danger{color:#fdadb8}.help-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:23px}.help-step{border:1px solid #3b4358;border-radius:10px;padding:16px;background:#202738}.help-step strong{display:block;color:#dedcfb;font-size:12px;margin-bottom:7px}.help-step p{color:#aeb8cd;font-size:11px;line-height:1.7;margin:0}.help-disclaimer{background:#30283a;border:1px solid #5c4359;border-radius:10px;font-size:11px;line-height:1.7;padding:13px 15px;color:#e2bcca;margin-top:18px}.settings-text{color:#aab7cf;font-size:11px;line-height:1.7}.logo-upload{border:1px dashed #4a5170;padding:10px;display:block;text-align:center;color:#c2b9ff}.inline-icon{height:15px;width:15px}.empty-pages{font-size:11px;color:#949cb2;padding:8px 2px 16px;line-height:1.5}@media(max-width:1250px){.leftbar{width:232px;min-width:232px}.inspector{width:288px;min-width:288px}.left-content{padding:19px 12px}.inspector-body{padding:18px}.save-state{display:none}.canvas-space{padding:19px 16px}}@media(max-width:980px){.topbar{gap:7px;padding:0 12px}.identity{min-width:auto}.brand-name{display:none}.top-sep{display:none}.project-name{min-width:110px}.leftbar{width:190px;min-width:190px}.inspector{width:255px;min-width:255px}.canvas-space{padding:13px}.stage-toolbar{padding:0 12px}.stage-footer{padding:0 10px}.draft-label{display:none}}@media(max-width:720px){.topbar{height:61px}.project-name{max-width:124px;font-size:11px}.tbtn{padding:0 10px}.tbtn-help,.hide-compact{display:none}.tbtn-primary{font-size:11px}.leftbar{width:59px;min-width:59px}.left-tabs{padding:12px 5px;flex-direction:column}.left-tab{font-size:0;padding:11px 4px}.left-tab svg{width:21px;height:21px}.left-content,.left-bottom{display:none}.inspector{width:241px;min-width:241px}.stage-footer{font-size:0}.stage-footer .live-dot{font-size:10px}.device-label,.zoom-indicator{display:none}.canvas-space{padding:8px}.browser-chrome{height:29px}.modal-panel{padding:20px}.templates-grid{grid-template-columns:1fr}}@media(max-width:490px){.workspace{position:relative}.leftbar{position:absolute;z-index:2;bottom:0;height:59px;width:100%;border-top:1px solid #344052}.left-tabs{flex-direction:row;padding:3px;align-items:center;height:100%}.left-tab{flex:1}.inspector{width:100%;position:absolute;z-index:3;bottom:59px;min-width:0;height:min(42%,320px);border-top:1px solid #404961}.stage{padding-bottom:0}.stage-toolbar{height:47px}.stage-footer{display:none}.canvas-space{padding:6px}.tbtn-outline{display:none}.inspector-head{padding:13px 16px 9px}.inspector-title{font-size:15px}.inspector-body{padding:13px 16px}.inspector-placeholder{padding:12px}.inspector-placeholder .placeholder-icon{display:none}.modal-panel{max-height:90dvh}.modal-title{font-size:22px}.project-card{flex-wrap:wrap}.project-card-actions{width:100%;justify-content:flex-start}}
.image-upload-row{display:flex;align-items:center;gap:10px;margin-top:9px}.image-thumb{width:60px;height:48px;object-fit:cover;border:1px solid #404a63;border-radius:7px;background:#30394e}.upload-btn{display:flex!important;align-items:center;justify-content:center;gap:7px;width:max-content;cursor:pointer;border:1px solid #574f83;border-radius:7px;background:#302d4d;color:#ccc6ff!important;font-size:11px!important;padding:10px 12px;margin:0!important}.upload-btn svg{height:16px;width:16px}.upload-btn:hover{background:#403a67}

/* V2 publishing sidebar */
.left-tabs{gap:3px}.left-tab{padding:11px 2px}.publish-check{background:#1d2938;border:1px solid #36445b;padding:14px 12px;margin:16px 0;border-radius:11px;color:#aab8cc;font-size:11px;line-height:1.6}.publish-check b{color:#e7ebf9;font-size:12px}.publish-check p{margin:9px 0;overflow-wrap:anywhere}.left-content .add-action{margin-top:10px}.field select{width:100%;background:#202738;color:#ecedf9;border:1px solid #414a60;padding:10px;border-radius:8px;font-size:12px}@media(max-width:720px){.left-tab{padding:10px 3px}}

/* V3 additions */
.template-cover{background-position:center;background-size:cover;position:relative;min-height:115px}.template-cover .template-zoom-label{position:absolute;bottom:8px;right:8px;background:#0a1824d9;color:white;font-size:8px;letter-spacing:1.1px;padding:5px 7px;border-radius:3px}.templates-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-card{min-width:0}.template-detail p{line-height:1.35!important}@media(max-width:660px){.templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.top-back{font-size:11px;color:#b9c6ec;text-decoration:none;white-space:nowrap;padding:7px 9px;border:1px solid #303951;border-radius:8px}.top-back:hover{background:#202b40}@media(max-width:1300px){.top-back{font-size:0;padding:7px}.top-back:before{content:"←";font-size:18px}}