@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#0b1224;--surface:#101a30;--side:#0d1629;--card:#111c32;--hover:#16233d;--purple:#5b4bff;--text:#f5f7ff;--muted:#a7b0c3;--border:#202c45;--success:#22c55e;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}a{text-decoration:none;color:inherit}.app{min-height:100vh;display:flex}.sidebar{position:fixed;width:242px;inset:0 auto 0 0;background:var(--side);border-right:1px solid var(--border);padding:27px 14px;display:flex;flex-direction:column;z-index:20}.brand{font-weight:700;letter-spacing:.1em;font-size:15px}.brand span{color:#a99fff;font-size:22px;vertical-align:-2px}.sidebar small{font-size:10px;letter-spacing:.11em;color:#68748c;margin:30px 12px 9px}.sidebar a{display:flex;gap:12px;align-items:center;border-radius:8px;padding:11px 12px;color:#9eaac0;font-size:14px;margin:2px 0}.sidebar a.active,.sidebar a:hover{background:#25225b;color:#fff}.profile{margin-top:auto;border-top:1px solid var(--border);padding:17px 5px 0;display:flex;gap:10px;align-items:center}.avatar{background:linear-gradient(135deg,#e5b2e8,#6e74d9);color:#19172e;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700}.profile b,.profile span{display:block;font-size:12px}.profile span{color:var(--muted);font-size:10px;margin-top:3px}main{margin-left:242px;min-width:0;width:calc(100% - 242px)}.page{max-width:1350px;margin:auto;padding:35px 42px}.heroDash{padding-top:48px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:.14em;color:#7e8ca6;margin:0 0 9px;font-weight:700}.heroDash h1,.page h1{font-size:30px;letter-spacing:-.04em;margin:0 0 9px}.heroDash>div>p:last-child,.intro,.sectionHead p{margin:0;color:var(--muted);font-size:14px}.primary,.ghost,.iconButton{border:0;border-radius:7px;display:inline-flex;align-items:center;gap:8px;padding:11px 15px;font-weight:600;font-size:13px}.primary{background:linear-gradient(100deg,#5b4bff,#7048ff);box-shadow:0 8px 20px #4e3df04d}.primary:hover{filter:brightness(1.1)}.small{padding:8px 11px;font-size:12px}.ghost,.iconButton{background:transparent;border:1px solid var(--border);color:#c0c8d9}.ghost:hover,.iconButton:hover{background:var(--hover)}.stats{padding:0 42px;max-width:1350px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats article,.projectCard,.componentCard,.settings article{background:var(--card);border:1px solid var(--border);border-radius:10px}.stats article{padding:20px}.stats span,.stats em{display:block;color:var(--muted);font-style:normal;font-size:12px}.stats b{font-size:29px;display:block;margin:7px 0}.stats em{color:#72dea1;font-size:10px}.sectionHead{display:flex;align-items:end;justify-content:space-between;margin:44px 0 18px}.sectionHead h2{font-size:18px;margin:0 0 6px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.projectCard{overflow:hidden}.projectArt{height:120px;background:linear-gradient(130deg,#27224e,#7565bc);position:relative;padding:20px;font-size:23px}.projectArt div{position:absolute;background:#d5caff20;border:1px solid #e3ddff3b}.projectArt div:nth-child(2){width:42%;height:55%;right:18%;bottom:0;border-radius:40px 40px 0 0}.projectArt div:nth-child(3){width:38%;height:12%;right:21%;bottom:15px;border-radius:3px}.cardBody{padding:13px 14px;display:flex;justify-content:space-between;align-items:center}.cardBody h3{font-size:13px;margin:0 0 5px}.cardBody p{font-size:11px;color:var(--muted);margin:0}.iconButton{padding:7px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.quick button{border:1px solid var(--border);background:var(--card);text-align:left;padding:19px;border-radius:10px;font-size:13px;font-weight:600}.quick svg{display:block;color:#a99fff;margin-bottom:16px}.quick button:hover{background:var(--hover)}.pageTop{padding-top:49px}.templateTools{display:flex;gap:12px;margin:30px 0 15px}.search{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--border);border-radius:7px;padding:0 11px;min-width:290px;color:#8491a8}.search input{height:40px;outline:0;border:0;background:transparent;color:#fff;width:100%}select{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:0 10px}.chips{display:flex;gap:7px;overflow:auto;padding-bottom:5px}.chips button{background:transparent;border:1px solid var(--border);border-radius:99px;padding:7px 11px;color:var(--muted);font-size:12px;white-space:nowrap}.chips button.active{color:#fff;background:#302a83;border-color:#5b4bff}.templateGrid{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s}.template:hover{transform:translateY(-3px);border-color:#53517f}.templatePreview{height:172px;background:#d7d1ca;padding:18px}.mockNav{height:8px;width:92%;margin:auto;background:#181b2b;border-radius:9px}.mockHero{height:100px;margin-top:13px;background:linear-gradient(135deg,var(--template),#faf8f1);display:flex;align-items:center;gap:14px;padding:15px}.mockHero i{display:block;width:52%;height:36px;background:#1a2032;border-radius:3px}.mockHero span{display:block;width:34%;height:66px;background:#fff9;border-radius:55px 55px 2px 2px}.mockLines{height:7px;background:#171b2c;border-radius:5px;width:65%;margin:13px auto}.templateInfo{padding:15px;display:flex;justify-content:space-between;gap:12px}.templateInfo p,.componentCard p{font-size:10px;letter-spacing:.09em;color:#8a98b1;margin:0}.templateInfo h3,.componentCard h3{font-size:14px;margin:5px 0}.templateInfo span,.componentCard span{font-size:11px;line-height:1.5;color:var(--muted);display:block;max-width:220px}.templateInfo>div:last-child{display:flex;flex-direction:column;gap:7px;white-space:nowrap}.componentGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:22px}.componentCard{padding:19px;min-height:210px}.componentIcon{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;color:#d2caff;background:#443894;text-transform:uppercase;font-weight:700;margin-bottom:19px}.componentIcon.products{background:#375d75;color:#a8e6ff}.componentIcon.footer{background:#5d3b56;color:#f5b3e8}.componentCard .ghost{padding:7px 9px;font-size:11px;margin-top:15px}.builderTop,.codeTop{height:66px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0d1528}.builderTop>div,.codeTop>div{display:flex;gap:10px;align-items:center}.builderTop small,.codeTop small{font-size:11px;color:#8fa096}.dot,.liveDot{height:7px;width:7px;background:var(--success);border-radius:50%;display:inline-block}.device{background:#121c33;border-radius:7px;padding:3px}.device button{border:0;background:transparent;padding:5px 8px;color:#94a2ba;border-radius:5px}.device button.on{background:#2b266f;color:#fff}.builderTop svg{width:16px}.builder{height:calc(100vh - 66px);display:grid;grid-template-columns:255px minmax(350px,1fr) 275px;background:#080f1f}.builderPanel{padding:18px;background:#0d1629;border-right:1px solid var(--border);overflow:auto}.properties{border-left:1px solid var(--border);border-right:0}.builderPanel h3{font-size:13px;margin:0 0 17px}.compact{min-width:0;padding:0 8px;margin-bottom:12px}.compact input{height:34px}.libraryItem{width:100%;display:flex;text-align:left;align-items:center;gap:9px;background:transparent;border:0;border-bottom:1px solid #1d2940;padding:11px 2px}.libraryItem:hover{background:#131f36}.libraryItem .componentIcon{margin:0;width:28px;height:28px}.libraryItem div{flex:1}.libraryItem b,.libraryItem small{display:block;font-size:11px}.libraryItem small{color:var(--muted);text-transform:capitalize;margin-top:2px}.libraryItem svg{color:#8996af}.canvasWrap{padding:34px;overflow:auto;background:radial-gradient(#172440 1px,transparent 1px);background-size:13px 13px}.canvasWrap.tablet .canvasSection{max-width:680px;margin-left:auto;margin-right:auto}.canvasWrap.mobile .canvasSection{max-width:375px;margin-left:auto;margin-right:auto}.canvasLabel{text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#7988a0;margin-bottom:15px}.canvasSection{max-width:900px;margin:0 auto 9px;background:#fcfbf8;color:#172036;position:relative;transition:box-shadow .15s;min-height:95px;cursor:grab}.canvasSection.selected{box-shadow:0 0 0 2px #6555ff,0 0 0 5px #6555ff3d}.canvasSection .drag{position:absolute;left:-25px;top:10px;color:#b1bad0;font-size:19px}.canvasCopy{padding:28px 8%;text-align:center}.canvasCopy small{font-size:9px;letter-spacing:.13em;color:#778196}.canvasCopy h2{font-size:26px;line-height:1;margin:7px auto;max-width:600px;letter-spacing:-.04em}.canvasCopy p{font-size:12px;line-height:1.5;max-width:480px;margin:0 auto;color:#5c6470}.canvasSection.hero{min-height:235px;background:#e7e1d8}.canvasSection.hero h2{font-size:40px;max-width:650px}.canvasSection button{border:0;background:#1a2032;color:#fff;padding:10px 13px;margin-top:16px;border-radius:3px;font-size:11px}.canvasSection.products{background:#f7f5ef}.productsMock{display:flex;gap:10px;justify-content:center;margin-top:16px}.productsMock i,.siteProducts i{display:block;width:88px;height:68px;background:linear-gradient(145deg,#bfafb0,#decfc3)}.properties label{display:block;font-size:11px;color:var(--muted);margin:13px 0}.properties input,.properties textarea{display:block;width:100%;background:#101c31;border:1px solid var(--border);border-radius:6px;padding:9px;color:#fff;margin-top:6px;resize:vertical}.properties textarea{height:85px}.propTabs{display:flex;border-bottom:1px solid var(--border);margin:22px -18px 15px;padding:0 18px}.propTabs button{background:transparent;border:0;color:var(--muted);font-size:11px;padding:10px 6px;margin-right:7px}.propTabs button.on{color:#c4bdff;border-bottom:2px solid #7768ff}.danger{border:1px solid #582d42;background:#291421;color:#ff91b4;border-radius:6px;width:100%;padding:9px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px}.empty{text-align:center;color:var(--muted);font-size:11px;margin-top:80px}.empty svg{margin:auto auto 12px;display:block}.empty b,.empty span{display:block;margin:5px}.codeTop{padding-left:28px}.codeMode{height:calc(100vh - 66px);display:grid;grid-template-columns:1fr 1fr}.editor,.live{min-width:0;display:flex;flex-direction:column}.editor{border-right:1px solid var(--border)}.editorBar{height:43px;background:#101a30;border-bottom:1px solid var(--border);padding:0 15px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a8b5cc}.editorBar button{font-size:11px;border:0;background:transparent;color:#b3aaff}.editor textarea{background:#0b1224;color:#dce5f5;border:0;outline:0;resize:none;flex:1;padding:20px;font-family:ui-monospace,Consolas;font-size:13px;line-height:1.6}.live iframe{border:0;background:#fff;flex:1;width:100%}.codeError{background:#3b1625;color:#f9a8c2;padding:10px;font-size:12px}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 75% 20%,#30236f 0,transparent 32%),var(--bg);padding:20px}.authCard{width:min(430px,100%);padding:34px;background:#101a30;border:1px solid var(--border);border-radius:14px;box-shadow:0 30px 70px #0005}.authCard h1{font-size:27px;margin:27px 0 7px;letter-spacing:-.04em}.authCard>p{font-size:13px;color:var(--muted);margin:0 0 25px}.authCard label{display:block;font-size:12px;color:#b6c0d2;margin:12px 0}.authCard input{display:block;width:100%;margin-top:7px;padding:12px;background:#0b1326;border:1px solid var(--border);color:#fff;border-radius:7px;outline-color:#6a5bff}.authCard .primary{width:100%;justify-content:center;margin-top:8px}.two{display:flex;gap:9px}.two input{width:100%;padding:12px;background:#0b1326;border:1px solid var(--border);color:#fff;border-radius:7px}.authFoot{text-align:center!important;margin:19px 0 0!important}.authFoot a{color:#afa6ff}.integration{margin-top:22px;border-top:1px solid var(--border);padding-top:15px;color:#74829b;font-size:11px;display:flex;gap:7px;align-items:center}.previewPage{background:#fff;min-height:100vh;color:#151827}.previewPage header{height:62px;background:#0d1629;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:2}.previewPage header span{color:#93a0ba;font-weight:400}.publishedSite .siteSection{min-height:230px;padding:70px 10%;display:grid;place-items:center;text-align:center}.siteSection>div{max-width:850px}.siteSection small{font-size:10px;letter-spacing:.12em;font-weight:700}.siteSection h1{font-size:clamp(25px,5vw,65px);letter-spacing:-.06em;margin:11px auto;line-height:.96}.siteSection p{color:#5f6671;max-width:530px;margin:0 auto;line-height:1.6}.siteSection.hero{min-height:570px;background:#ede9e3}.siteSection.hero button{margin-top:22px;padding:12px 18px;border:0;background:#171c2d;color:#fff;font-weight:700}.siteSection.products{background:#fbfaf7}.siteSection.footer{background:#121829;color:#fff}.siteSection.footer p{color:#c6cad4}.siteProducts{display:flex;justify-content:center;gap:15px;margin-top:28px}.siteProducts i{width:140px;height:180px}.settings{display:grid;gap:13px;max-width:650px;margin-top:28px}.settings article{padding:19px}.settings h3{font-size:15px;margin:0}.settings p{font-size:12px;color:var(--muted)}.mobileHeader,.close{display:none}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0);box-shadow:30px 0 60px #0008}.close{display:block;position:absolute;right:12px;top:20px;border:0;background:none}.mobileHeader{height:58px;display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid var(--border)}.mobileHeader button{border:0;background:none}.mobileHeader .brand{font-size:13px}main{margin:0;width:100%}.page{padding:28px 20px}.heroDash{padding-top:30px}.stats{padding:0 20px}.projects,.templateGrid{grid-template-columns:repeat(2,1fr)}.componentGrid{grid-template-columns:repeat(3,1fr)}.builder{grid-template-columns:205px minmax(300px,1fr)}.properties{display:none}.builderTop{padding:0 10px}.builderTop .device{display:none}.builderTop .ghost:first-of-type{display:none}}@media(max-width:590px){.heroDash{display:block}.heroDash .primary{margin-top:20px}.stats{grid-template-columns:repeat(2,1fr)}.projects,.templateGrid,.quick,.componentGrid{grid-template-columns:1fr}.templateTools{display:block}.templateTools .search{margin-bottom:10px}.search{min-width:0}.builderTop>div:first-child small,.builderTop .iconButton,.builderTop .ghost{display:none}.builder{display:block;height:auto}.leftPanel{display:none}.canvasWrap{min-height:calc(100vh - 124px);padding:22px 14px}.canvasSection .drag{display:none}.canvasSection.hero h2{font-size:29px}.codeMode{grid-template-columns:1fr;height:auto}.editor,.live{height:45vh}.codeTop{padding:0 14px}.previewPage header{padding:0 12px}.previewPage header b span{display:none}.templateInfo{display:block}.templateInfo>div:last-child{flex-direction:row;margin-top:13px}.siteProducts i{width:85px;height:120px}}.sideHeader{display:flex;align-items:center;gap:14px;margin:0 6px 8px}.menuButton{display:grid;place-items:center;border:1px solid var(--border);background:#121c33;color:#d7ddef;border-radius:7px;padding:7px}.menuButton:hover{background:var(--hover);color:#fff}.desktopAccount{position:fixed;right:28px;top:18px;z-index:30}.accountMenu{position:relative}.accountButton{display:flex;align-items:center;gap:5px;background:transparent;border:0;padding:2px;color:var(--muted)}.accountAvatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d6b4f4,#7568e8);color:#17152c;font-weight:800;font-size:15px}.accountAvatar.large{width:34px;height:34px}.accountDropdown{position:absolute;right:0;top:45px;width:220px;padding:8px;background:#121d33;border:1px solid var(--border);border-radius:10px;box-shadow:0 18px 45px #0008}.accountIdentity{display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--border);margin-bottom:5px}.accountIdentity b,.accountIdentity small{display:block}.accountIdentity b{font-size:12px}.accountIdentity small{font-size:10px;color:var(--muted);margin-top:3px}.accountDropdown button,.accountDropdown a{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:0;border-radius:6px;padding:10px;color:#c4ccdc;font-size:12px;text-align:left}.accountDropdown button:hover,.accountDropdown a:hover{background:var(--hover);color:#fff}.lightTheme{--bg:#f3f5fa;--surface:#fff;--side:#fff;--card:#fff;--hover:#eef0ff;--text:#182033;--muted:#667085;--border:#d9deea}.lightTheme .accountDropdown{background:#fff}.lightTheme .accountDropdown button,.lightTheme .accountDropdown a{color:#394257}.mobileHeader .accountMenu{margin-left:auto;display:none}@media(max-width:900px){.desktopAccount{display:none}.mobileHeader .accountMenu{display:block}}.shopBlock{margin-top:30px;position:relative}.cartStatus{position:absolute;right:0;top:-48px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.cartStatus b{background:#171c2d;color:#fff;border-radius:99px;padding:2px 7px}.productGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}.storeProduct{background:#fff;padding:11px;border:1px solid #e6e1d9;box-shadow:0 8px 20px #00000009}.productImage{height:160px;background:linear-gradient(135deg,#ccd9de,#94a6ad)}.productImage.studio{background:linear-gradient(135deg,#d8c6b7,#8c6751)}.productImage.amber{background:linear-gradient(135deg,#ebcda8,#a76c3d)}.storeProduct h3{font-size:14px;margin:10px 0 2px}.storeProduct p{font-size:12px;margin:0;color:#727780}.storeProduct button{width:100%;margin-top:10px;border:1px solid #202634;background:transparent;padding:9px;font-size:11px;font-weight:700}.storeProduct button:hover{background:#171c2d;color:#fff}.cartMessage{font-size:12px!important;color:#3d7454!important;margin-top:17px!important}@media(max-width:590px){.productGrid{grid-template-columns:1fr}.cartStatus{position:static;justify-content:flex-end;margin-bottom:12px}.productImage{height:220px}}.lightTheme .sidebar{background:#fff}.lightTheme .sidebar a{color:#667085}.lightTheme .sidebar a.active,.lightTheme .sidebar a:hover{background:#eef0ff;color:#4035b8}.lightTheme .stats article,.lightTheme .projectCard,.lightTheme .componentCard,.lightTheme .settings article,.lightTheme .template,.lightTheme .quick button,.lightTheme .search,.lightTheme select{background:#fff;border-color:#dfe3ec;color:#182033}.lightTheme .search input,.lightTheme .properties input,.lightTheme .properties textarea{color:#182033;background:#fff;border-color:#d9deea}.lightTheme .builderTop,.lightTheme .editorBar{background:#fff;border-color:#dfe3ec;color:#4b556b}.lightTheme .canvasWrap{background-color:#eef1f7}.lightTheme .codeMode .editor textarea{background:#f8f9fc;color:#25304a}.lightTheme main{background:#f5f7fb;color:#182033}.lightTheme .page,.lightTheme .heroDash,.lightTheme .sectionHead{color:#182033}.lightTheme .heroDash>div>p:last-child,.lightTheme .intro,.lightTheme .sectionHead p{color:#667085}.lightTheme .stats b,.lightTheme .page h1,.lightTheme .sectionHead h2{color:#182033}.lightTheme .quick button{color:#394257}.lightTheme .profile{border-color:#dfe3ec}.lightTheme .profile b{color:#182033}.lightTheme{--muted:#52627a}.lightTheme .eyebrow{color:#5d6f89}.lightTheme .ghost,.lightTheme .iconButton{color:#34445d;border-color:#c5cfdf}.lightTheme .ghost:hover,.lightTheme .iconButton:hover{background:#e9edff;color:#27206f}.lightTheme .stats span,.lightTheme .stats em{color:#52627a}.lightTheme .stats em{color:#16824d}.lightTheme .cardBody p,.lightTheme .templateInfo p,.lightTheme .componentCard p{color:#52627a}.lightTheme .sectionHead p,.lightTheme .heroDash>div>p:last-child{color:#52627a}.lightTheme .menuButton{color:#26344e;background:#fff;border-color:#c5cfdf}.lightTheme .mobileHeader{border-color:#d9deea;background:#f5f7fb}.lightTheme .mobileHeader .menuButton:hover{background:#e9edff;color:#27206f}.sidebar.desktopHidden{transform:translate(-100%)}.sidebar.desktopHidden+main{margin-left:0;width:100%}.desktopHidden~main .desktopAccount{right:28px}.primary{white-space:nowrap;min-height:42px}.mobileHeader{display:flex;position:fixed;left:12px;top:18px;height:auto;padding:0;border:0;z-index:25}.mobileHeader .menuButton{display:grid}.mobileHeader .accountMenu{display:none}@media(max-width:900px){.mobileHeader{position:relative;left:auto;top:auto;height:58px;padding:0 16px;border-bottom:1px solid var(--border)}.mobileHeader .accountMenu{display:block}}.mobileHeader{display:flex!important;position:fixed;left:12px;top:18px;height:auto;padding:0;border:0;z-index:100}.mobileHeader .menuButton{display:grid!important;visibility:visible!important;opacity:1!important}@media(max-width:900px){.mobileHeader{position:relative;left:auto;top:auto;height:58px;padding:0 16px;border-bottom:1px solid var(--border)}}.sideHeader .menuButton{display:none!important}.mobileHeader .menuButton{display:grid!important}.projectSubnav{margin:0 0 8px 18px;padding-left:10px;border-left:1px solid var(--border)}.projectSubnav a{padding:8px 10px!important;font-size:12px!important}.projectSubnav svg{opacity:.8}.sideNavButton{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:8px;padding:11px 12px;color:#9eaac0;font-size:14px;margin:2px 0;background:transparent;text-align:left}.sideNavButton:hover{background:#25225b;color:#fff}.sideNavButton svg:last-child{margin-left:auto}.sideNavButton .rotated{transform:rotate(180deg)}.lightTheme .sideNavButton{color:#667085}.lightTheme .sideNavButton:hover{background:#eef0ff;color:#4035b8}.createComponent{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;color:#9b91ff;text-align:left}.createComponent h3,.createComponent span{color:inherit}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05091699;display:grid;place-items:center;z-index:50;padding:20px}.componentModal{width:min(460px,100%);background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 25px 70px #0008}.componentModal h2{margin:0 0 20px;font-size:20px}.componentModal label{display:block;color:var(--muted);font-size:12px;margin:14px 0}.componentModal input,.componentModal textarea{display:block;width:100%;margin-top:7px;padding:11px;background:var(--bg);border:1px solid var(--border);border-radius:7px;color:var(--text)}.componentModal textarea{height:120px;resize:vertical}.componentModal small{display:block;text-align:right;margin-top:5px;color:var(--muted)}.componentModal .over{color:#e05a79}.componentModal>div:last-child{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.componentModal button:disabled{opacity:.45;cursor:not-allowed}.chooseGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chooseGrid a{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--border);border-radius:9px;color:var(--text)}.chooseGrid a:hover{background:var(--hover);border-color:#6555ff}.chooseGrid span{font-size:11px;color:var(--muted)}.status{font-weight:600}.status.completed{color:#16824d}.status.draft,.lightTheme .status.draft{color:#8a6a24}.projectFilters .completedChip.active{background:#16824d;border-color:#16824d;color:#fff}.projectFilters .completedChip:not(.active){color:#16824d;border-color:#8ac9a7}.projectFilters{margin:16px 0 12px}.projectFilters button{font-size:13px!important;font-weight:700!important;padding:9px 16px!important;min-width:76px}.projectFilters button.active{box-shadow:0 3px 10px #0002}.lightTheme .projectFilters button{color:#34445d}.lightTheme .projectFilters button.active{color:#fff}.sideSectionButton{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;color:#68748c;font-size:10px;letter-spacing:.11em;padding:30px 12px 9px;text-align:left}.sideSectionButton svg{transition:transform .2s}.workspaceSubnav a{padding-left:24px}.lightTheme .sideSectionButton{color:#5d6f89}.sideSectionButton{justify-content:flex-start;gap:12px;font-size:14px;letter-spacing:normal;padding:11px 12px;margin:2px 0;border-radius:8px;color:#9eaac0}.sideSectionButton svg{margin-left:auto}.sideSectionButton:hover{background:#25225b;color:#fff}.lightTheme .sideSectionButton{color:#667085}.lightTheme .sideSectionButton:hover{background:#eef0ff;color:#4035b8}.sidebar>a,.sidebar>.sideNavButton,.sidebar>.sideSectionButton{height:42px;min-height:42px;padding:0 12px;margin:3px 0;display:flex;align-items:center;gap:12px;line-height:1}.sidebar>a svg,.sidebar>.sideNavButton svg,.sidebar>.sideSectionButton svg{flex:0 0 18px}.sidebar>.sideSectionButton{justify-content:flex-start}.sidebar>.sideSectionButton svg:last-child{margin-left:auto}.sidebar small{margin-top:26px}.projectSubnav a{height:42px!important;min-height:42px!important;padding:0 12px!important;font-size:14px!important;margin:3px 0!important;display:flex!important;align-items:center!important;gap:12px!important}.projectSubnav{margin:0 0 8px 18px;padding-left:10px}.projectSubnav{margin:0 0 8px!important;padding-left:0!important;border-left:0}.projectSubnav a{width:100%;padding:0 12px 0 24px!important}.sideSectionButton{width:100%;margin:3px 0!important}.workspaceSubnav{margin:0 0 8px!important;padding-left:0!important}.workspaceSubnav a{width:100%;height:42px!important;min-height:42px!important;padding:0 12px 0 24px!important;margin:3px 0!important;display:flex!important;align-items:center!important;gap:12px!important;font-size:14px!important}.workspaceSubnav a svg{flex:0 0 18px}.sideSectionButton{height:42px!important;min-height:42px!important}.sideHeader .menuButton{display:grid!important}.mobileHeader{display:none!important}.app:has(.sidebar.desktopHidden) .mobileHeader{display:flex!important;position:fixed;left:12px;top:18px;z-index:100}.sidebar>a,.sidebar>.sideNavButton,.sidebar>.sideSectionButton,.projectSubnav a,.workspaceSubnav a{width:100%;box-sizing:border-box}@media(max-width:900px){.sideHeader .menuButton{display:none!important}.mobileHeader{display:flex!important;position:relative;left:auto;top:auto;z-index:25}.app:has(.sidebar.desktopHidden) .mobileHeader{position:relative;left:auto;top:auto}}.sidebar>.sideSectionButton{margin-left:0!important;padding-left:12px!important;transform:none!important}.sidebar>.sideSectionButton{position:relative;left:-32px!important;width:calc(100% + 32px)!important;padding-left:4px!important}.languageSelect{background:transparent;border:1px solid var(--border);border-radius:5px;color:#a8b5cc;padding:4px 7px;font-size:11px}.lightTheme .languageSelect{color:#394257;background:#fff}.cartGroups{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.cartGroup{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px}.cartGroup h2{font-size:16px;margin:0 0 5px}.cartGroup>div span{font-size:11px;color:var(--muted)}.cartGroup p{font-size:12px;color:var(--muted);margin:22px 0 4px}.cartGroup ul{list-style:none;padding:0;margin:18px 0 0}.cartGroup li{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--border);font-size:12px}.cartGroup li svg{color:#7568e8}@media(max-width:700px){.cartGroups{grid-template-columns:1fr}}.cartFilters{margin:22px 0}.cartComponentGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}@media(max-width:700px){.cartComponentGrid{grid-template-columns:1fr}}.componentPreview{height:118px;border-radius:8px;margin:-2px -2px 15px;padding:15px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(135deg,#202956,#6e5be8);overflow:hidden}.componentPreview span{display:block;height:9px;border-radius:5px;background:#fff5}.componentPreview span:first-child{width:35%;background:#fff}.componentPreview span:nth-child(2){width:76%;height:24px;background:#fff}.componentPreview span:nth-child(3){width:52%;height:32px;background:#fff3}.componentPreview.hero{background:linear-gradient(135deg,#f3ded2,#d98f73)}.componentPreview.hero span:nth-child(2){width:88%;height:31px;background:#372329}.componentPreview.products{background:linear-gradient(135deg,#dfe9e3,#8db7a4);flex-direction:row;align-items:end}.componentPreview.products span{width:30%;height:66px;background:#fff8;border-radius:8px}.componentPreview.products span:nth-child(2){height:82px}.componentPreview.features{background:linear-gradient(135deg,#17233a,#3f78a8);flex-direction:row;align-items:end}.componentPreview.features span{width:30%;height:42px;background:#fff4}.componentPreview.custom{background:linear-gradient(135deg,#f6e4ca,#c98650)}.componentPreview.testimonial{background:linear-gradient(135deg,#eee9e1,#bcae9b);align-items:center}.componentPreview.testimonial span:nth-child(2){width:62%;height:34px;background:#483f35}.componentPreview.footer{background:linear-gradient(135deg,#121827,#35435e);margin-bottom:0}.componentCard{overflow:hidden}.componentCard>p,.componentCard>h3,.componentCard>span,.componentCard>button{margin-left:2px;margin-right:2px}.cartDelete{margin-top:12px!important;width:auto!important;padding:7px 10px!important;font-size:11px!important}.cartItem{cursor:pointer}.cartItem:hover{border-color:#6555ff;transform:translateY(-2px);transition:.15s}.sideHeader .menuButton,.mobileHeader .menuButton{width:44px;height:44px;padding:0;display:grid;place-items:center}.app:has(.sidebar.desktopHidden) .mobileHeader{top:28px}.sideHeader{padding-top:8px;margin-bottom:12px}@media(max-width:900px){.mobileHeader{padding-top:8px;height:66px}.mobileHeader .menuButton{width:44px;height:44px}}.projectChooser{width:min(580px,calc(100% - 32px));padding:30px}.projectChooser h2{font-size:24px;margin-bottom:8px}.projectChooser>p{color:var(--muted);font-size:13px;margin:0 0 22px}.projectChooser .chooseGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.projectChooser .chooseGrid a{min-height:145px;justify-content:center;padding:22px;border-radius:12px}.projectChooser .chooseGrid a svg{color:#7568e8}.projectChooser .chooseGrid b{font-size:15px}.projectChooser .chooseGrid span{line-height:1.5}@media(max-width:560px){.projectChooser .chooseGrid{grid-template-columns:1fr}}.codeTop{padding-right:145px!important}.codeTop .ghost{white-space:nowrap}@media(max-width:900px){.codeTop{padding-right:14px!important}}.componentDialog{width:min(500px,calc(100% - 32px));border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);padding:0;box-shadow:0 24px 80px #0008}.componentDialog::backdrop{background:#05091699}.componentDialog form{padding:28px}.componentDialog h2{margin:0 0 20px}.componentDialog label{display:block;color:var(--muted);font-size:12px;margin:14px 0}.componentDialog input,.componentDialog textarea{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text)}.componentDialog textarea{height:120px;resize:vertical}.componentDialog small{display:block;color:var(--muted);margin-top:5px}.componentDialog form>div{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.desktopAccount{display:flex;align-items:center;gap:14px}.headerCartButton{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600}.headerCartButton:hover{background:var(--hover)}.projectSubnav{padding:8px!important;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin:4px 0 10px!important}.projectSubnavLabel{display:block;padding:6px 10px 4px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.projectSubnav a{height:48px!important;min-height:48px!important;padding:0 10px!important;border-radius:7px;gap:10px!important}.projectSubnav a:hover{background:var(--hover)}.projectSubnav a>span{display:flex;flex-direction:column;gap:2px}.projectSubnav a b{font-size:13px}.projectSubnav a small{margin:0!important;font-size:10px!important;letter-spacing:0;color:var(--muted)}.createComponent{display:none!important}.headerAddComponent{position:fixed;top:24px;right:185px;z-index:30;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600}.headerAddComponent:hover{background:var(--hover)}.headerAddComponent{top:84px;right:28px;min-width:182px;height:52px;justify-content:center;background:linear-gradient(100deg,#5b4bff,#7048ff);border:0;color:#fff;border-radius:8px;box-shadow:0 8px 20px #4e3df04d;font-size:16px}.headerAddComponent:hover{filter:brightness(1.08);background:linear-gradient(100deg,#5b4bff,#7048ff)}.headerAddComponent{min-width:0;width:auto;height:auto;padding:11px 15px;font-size:13px;font-weight:600;border-radius:7px;box-shadow:0 8px 20px #4e3df04d}.headerAddComponent{width:182px;height:52px;min-width:182px;padding:0 15px;font-size:16px;justify-content:center}.headerAddComponent{white-space:nowrap;font-size:15px;flex-wrap:nowrap}.headerAddComponent svg{flex:0 0 auto}.projectHubCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0}.projectHubCards a{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:10px}.projectHubCards a svg{grid-row:span 2;color:#a99fff}.projectHubCards b{font-size:14px}.projectHubCards span{font-size:11px;color:var(--muted);margin-top:3px}.projectHubCards a:hover{background:var(--hover);border-color:#5b4bff}.componentStudio{min-height:100vh;background:#fff;color:#182033;display:flex}.projectStudio{min-height:100vh;background:#fff;color:#182033;display:flex}.studioPalette{width:280px;padding:34px 22px;border-right:1px solid #e1e5ee;background:#f8f9fc}.studioPalette h2{margin:0 0 8px}.studioPalette p:not(.eyebrow){color:#697386;font-size:13px}.studioPalette button{width:100%;display:flex;align-items:center;gap:10px;padding:13px 12px;margin:8px 0;border:1px solid #dce2ee;border-radius:8px;background:#fff;color:#27324a;text-align:left}.studioPalette button:hover{border-color:#5b4bff;background:#f0efff}.studioCanvas{flex:1;padding:24px}.studioCanvasHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.blankCanvas{min-height:calc(100vh - 100px);border:1px dashed #cbd3e2;border-radius:12px;padding:28px;background:#fff}.canvasEmpty{height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa4b8;gap:8px}.placedComponent{border:1px solid #dce2ee;border-radius:10px;padding:18px;margin-bottom:14px;max-width:720px;box-shadow:0 5px 16px #17213a0d}.placedComponent small{color:#6b5cff;font-size:10px;letter-spacing:.12em}.placedComponent h3{margin:8px 0 4px}.placedComponent p{margin:0;color:#697386;font-size:13px}.studioTabs{display:flex;gap:6px;margin-bottom:14px}.studioTabs button{margin:0!important;padding:9px 10px!important;font-size:12px!important;justify-content:center!important}.studioTabs button.active{background:#e9e7ff;border-color:#6658ff;color:#4035b8}.studioSearch{display:flex;align-items:center;gap:7px;border:1px solid #dce2ee;border-radius:8px;padding:9px 10px;background:#fff;margin-bottom:18px}.studioSearch input{border:0;outline:0;width:100%;font-size:12px;color:#182033}.projectStudio{background:#f1f3f6}.studioCanvas{background:#f1f3f6;padding:28px 34px;overflow:auto}.blankCanvas{max-width:980px;width:100%;aspect-ratio:16/10;min-height:0;margin:20px auto 0;border:0;border-radius:2px;background:#fff;box-shadow:0 2px 14px #1f29371a;padding:32px;position:relative}.studioCanvasHead{max-width:980px;margin:0 auto 12px;color:#27324a}.canvasEmpty{height:100%;min-height:0}.placedComponent{cursor:move;background:#fff}.projectSetup{min-height:100vh;background:#f1f3f6;display:grid;place-items:center;padding:32px}.setupCard{width:min(520px,100%);background:#fff;border:1px solid #e1e5ee;border-radius:14px;padding:30px;box-shadow:0 12px 32px #1f29371a;color:#182033}.setupCard h1{margin:0 0 8px}.setupCard>p:not(.eyebrow){color:#697386;font-size:14px;margin:0 0 24px}.setupCard label{display:block;font-size:13px;font-weight:600;margin:16px 0}.setupCard input,.setupCard textarea{display:block;width:100%;margin-top:7px;border:1px solid #dce2ee;border-radius:8px;padding:11px;color:#182033;background:#fff}.setupCard textarea{min-height:100px;resize:vertical}.setupCard>div:last-child{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.dashboardQuick{padding-top:18px}.dashboardQuick .sectionHead{margin:18px 0}.dashboardQuick .quick a{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px}.dashboardQuick .quick a svg{grid-row:span 2;color:#a99fff}.dashboardQuick .quick a b{font-size:14px}.dashboardQuick .quick a span{font-size:11px;color:var(--muted);margin-top:3px}.dashboardQuick .quick a:hover{background:var(--hover);border-color:#5b4bff}.dashboardBottom{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;padding-top:4px}.dashboardContinue,.dashboardActivity{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px}.dashboardContinue .sectionHead,.dashboardActivity .sectionHead{margin:0 0 14px}.dashboardContinue .projectCard{margin-top:8px}.activityItem{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--border)}.activityItem b,.activityItem small{display:block}.activityItem b{font-size:12px}.activityItem small{font-size:10px;color:var(--muted);margin-top:3px}.activityDot{width:9px;height:9px;border-radius:50%;background:#a99fff}.activityDot.done{background:#22c55e}@media(max-width:900px){.dashboardBottom{grid-template-columns:1fr}}.dashboardEmpty{min-height:120px;display:grid;place-items:center;color:var(--muted);font-size:13px;border:1px dashed var(--border);border-radius:8px}.realComponent{background:#fff;min-height:70px}.canvasButton{background:#5b4bff;color:#fff;border:0;border-radius:7px;padding:11px 18px;font-weight:700;cursor:text}.canvasNavbar{display:flex;align-items:center;gap:24px;padding:15px 18px;border-bottom:1px solid #e5e7eb}.canvasNavbar b{margin-right:auto}.canvasHero{padding:36px 24px;background:linear-gradient(120deg,#f1efff,#fff)}.canvasHero h2{font-size:28px;margin:0 0 8px}.canvasHero p{color:#697386}.canvasForm{display:flex;flex-direction:column;gap:12px;max-width:360px;padding:22px}.canvasForm input{padding:11px;border:1px solid #dce2ee;border-radius:7px}.canvasCard{padding:22px;border:1px solid #dce2ee;border-radius:10px;max-width:420px}.canvasCard p{color:#697386}.realComponent{border:0!important;padding:0!important;min-height:0!important;box-shadow:none!important;background:transparent!important;margin-bottom:18px!important}.inlineCodeEditor{width:380px;min-width:300px;background:#101a30;color:#f5f7ff;border-left:1px solid #202c45;padding:18px;display:flex;flex-direction:column;gap:12px}.inlineCodeEditor h3{margin:0}.inlineCodeEditor textarea{height:240px;background:#0b1224;color:#dbe4ff;border:1px solid #34415e;border-radius:8px;padding:12px;font-family:Consolas,monospace;font-size:12px;resize:vertical}.liveCodePreview{background:#fff;color:#182033;border-radius:8px;min-height:100px;padding:20px}.studioCanvas{display:flex;flex-direction:column}.studioCanvas>.blankCanvas{width:100%}.realComponent{position:relative}.removePlaced{position:absolute;right:8px;top:8px;border:0;background:#fee2e2;color:#b91c1c;border-radius:50%;width:24px;height:24px;line-height:20px;font-size:18px;cursor:pointer;z-index:2}.removePlaced:hover{background:#fecaca}.templatePaletteItem{display:block!important;padding:8px!important}.templatePaletteItem b{display:block;font-size:12px;margin-top:5px}.templateThumb{display:block;height:64px;border-radius:6px;background:linear-gradient(135deg,#262052,#7655db);padding:10px;position:relative}.templateThumb i{display:block;background:#ffffffb8;height:5px;width:55%;margin:5px 0;border-radius:4px}.templateThumb i:nth-child(2){width:80%;height:9px}.templateThumb.portfolio-page{background:linear-gradient(135deg,#222,#b28b67)}.templateThumb.storefront{background:linear-gradient(135deg,#f4e4cb,#b78051)}.templateThumb.saas-dashboard{background:linear-gradient(135deg,#173457,#3e8bc4)}.canvasTemplate{padding:24px;border-radius:8px;min-height:180px}.canvasTemplate nav{display:flex;gap:20px;align-items:center}.canvasTemplate nav b{margin-right:auto}.canvasTemplate h2{font-size:26px;margin:28px 0 8px}.canvasTemplate p{color:#697386}.landingTemplate{background:linear-gradient(135deg,#e9e1ff,#fff)}.portfolioTemplate{background:linear-gradient(135deg,#171717,#5a4638);color:#fff}.portfolioTemplate>div,.storeTemplate>div,.saasTemplate>div{display:flex;gap:10px}.portfolioTemplate i,.storeTemplate i,.saasTemplate i{display:block;height:58px;flex:1;border-radius:6px;background:#fff3}.storeTemplate{background:#f4e4cb;color:#241b15}.storeTemplate i{background:#b7805166}.saasTemplate{background:#e8f1ff}.saasTemplate i{background:#4c86bd66}.headerCreateButton{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:7px;padding:11px 15px;background:linear-gradient(100deg,#5b4bff,#7048ff);color:#fff;font-weight:600;font-size:13px;box-shadow:0 8px 20px #4e3df04d}.headerCreateButton:hover{filter:brightness(1.08)}.sidebar>a.sideSectionButton{height:42px!important;min-height:42px!important;width:100%!important;margin:3px 0!important;padding:0 12px!important;display:flex!important;align-items:center!important;gap:12px!important;box-sizing:border-box!important;border-radius:8px!important;color:#9eaac0!important;font-size:14px!important;letter-spacing:normal!important;background:transparent!important;position:static!important;transform:none!important}.sidebar>a.sideSectionButton:hover{background:#25225b!important;color:#fff!important}.sidebar>a.sideSectionButton svg{flex:0 0 18px!important}.sidebar>a.sideSectionButton svg{margin-left:0!important}.sidebar>a.sideSectionButton svg:first-child{margin-left:0!important}.workspaceMode .sidebar{display:none!important}.workspaceMode main{margin-left:0!important;width:100%!important}.workspaceMode .desktopAccount{display:none!important}.realComponent:has(.canvasTemplate){width:100%;height:100%;margin:0!important}.realComponent:has(.canvasTemplate) .canvasTemplate{width:100%;min-height:100%;height:100%;border-radius:0;padding:42px}.realComponent:has(.canvasTemplate) .canvasTemplate h2{font-size:42px;margin-top:28%}.realComponent:has(.canvasTemplate) .canvasTemplate p{font-size:16px;max-width:560px}.canvasSection.nav{padding:0;background:#fff}.storeNav{display:flex;align-items:center;justify-content:space-between;padding:22px 6%;gap:20px;border-bottom:1px solid #e9e4dc}.storeNav b{letter-spacing:.16em}.storeNav div{display:flex;gap:24px;font-size:11px;color:#657080}.storeNav button,.storeHero button,.storeProduct>button,.storeCheckout button{border:0;background:#182033;color:#fff;border-radius:4px;padding:10px 15px;font-size:11px;font-weight:700}.canvasSection.hero{padding:0;background:#eee9e1;min-height:320px}.storeHero{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:54px 8%}.storeHero small{font-size:9px;letter-spacing:.14em;color:#81776f}.storeHero h2{font-size:48px;line-height:.96;text-align:left;margin:14px 0;max-width:520px}.storeHero p{text-align:left;margin:0 0 14px;max-width:460px}.storeHero .secondary{margin-left:8px;background:transparent;color:#182033;border:1px solid #182033}.heroVisual{min-height:220px;border-radius:6px;background:linear-gradient(145deg,#d7b596,#927967);display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:#fff}.heroVisual strong{font-size:64px;align-self:flex-end}.canvasSection.products{padding:35px 6%;background:#fbfaf7}.storeSectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.storeSectionHead h2,.storeFeatures h2,.storeReviews>h2,.storeCheckout h2{font-size:26px;margin:5px 0;text-align:left}.storeSectionHead p,.storeFeatures p{margin:0;text-align:left}.linkButton{border:0;background:none;color:#5961d9;font-size:11px}.productGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.storeProduct{background:#fff;border:1px solid #e7e2db;padding:9px;text-align:left}.productArt{height:145px;border-radius:3px;display:flex;align-items:flex-start;justify-content:space-between;padding:9px;background:#ddd}.productArt span{font-size:8px;letter-spacing:.1em}.art1{background:linear-gradient(145deg,#d4cec3,#756b61)}.art2{background:linear-gradient(145deg,#b9c7d4,#526b78)}.art3{background:linear-gradient(145deg,#f0d5a8,#c88762)}.art4{background:linear-gradient(145deg,#d7d1df,#69577d)}.productMeta{display:grid;gap:4px;padding:11px 2px}.productMeta b{font-size:12px}.productMeta span{font-size:9px;color:#81858c}.productMeta strong{font-size:12px}.storeProduct>button{width:100%;background:#5d4bdb}.canvasSection.features{padding:40px 7%;background:#f2f0ea}.storeFeatures>div:first-child{margin-bottom:20px}.featureGrid,.reviewGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.featureGrid article,.reviewGrid article{background:#fff;padding:18px;text-align:left;border:1px solid #e4e0d8}.featureGrid span{color:#7563d8;font-size:11px}.featureGrid b{display:block;margin:15px 0 5px}.featureGrid p{font-size:11px}.canvasSection.testimonial{padding:38px 7%;background:#e8edf2}.storeReviews>h2{text-align:center;margin-bottom:20px}.reviewGrid article p{font-size:13px;line-height:1.5}.reviewGrid article div{color:#e6a837;letter-spacing:2px}.reviewGrid small{font-size:10px;color:#707986}.storeCheckout{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;padding:40px 8%;background:#f7f5ef}.cartRows{margin-top:18px;border-top:1px solid #ddd6cc}.cartRows div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #ddd6cc;font-size:11px}.storeCheckout aside{background:#fff;padding:22px;text-align:left;border:1px solid #e6e0d8}.storeCheckout aside small{font-size:9px;letter-spacing:.12em}.storeCheckout aside h3{display:flex;justify-content:space-between}.storeCheckout aside button{width:100%;background:#5d4bdb}.canvasSection.footer{padding:32px 7%;background:#172033;color:#fff}.storeFooter{display:grid;grid-template-columns:1fr 1fr auto;gap:25px;align-items:start;text-align:left}.storeFooter b{letter-spacing:.15em}.storeFooter p{color:#b4bdcb;text-align:left;margin-top:10px}.storeFooter>div:nth-child(2){display:grid;gap:8px;color:#cbd2dd;font-size:11px}.storeFooter small{color:#8995a7;font-size:9px}@media(max-width:700px){.storeNav div{display:none}.storeHero{grid-template-columns:1fr;padding:35px 7%}.storeHero h2{font-size:34px}.productGrid,.featureGrid,.reviewGrid{grid-template-columns:repeat(2,1fr)}.storeCheckout,.storeFooter{grid-template-columns:1fr}.storeSectionHead{display:block}.linkButton{margin-top:10px}}.workspaceHome{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:#111d34;color:#cbd5e8;border-radius:7px;padding:8px 11px;font-size:11px;cursor:pointer}.workspaceHome:hover{background:#1a2946;color:#fff}.workspaceMode .studioCanvas{width:100%;min-width:0}.workspaceMode .studioCanvasHead{padding-left:20px}.workspaceMode .mobileHeader{display:none!important}.workspaceMode main{padding:0!important}.workspaceMode .projectStudio{min-height:100vh;width:100vw}.studioCanvasHead .workspaceHome{order:3;margin-left:12px;padding:9px;width:36px;height:36px;justify-content:center}.studioCanvasHead>div:last-child{order:2;margin-left:auto}.studioCanvasHead>b{order:1}.workspaceHome span{display:none}.previewControls{display:flex;gap:4px;margin-left:auto;margin-right:12px}.previewControls button{border:1px solid #33415a;background:#111d34;color:#aab6ca;border-radius:5px;padding:7px}.previewControls button.on{background:#5d4bdb;color:#fff}.publishedSite.tablet{max-width:768px;margin:0 auto;box-shadow:0 0 0 1px #dce2ee}.publishedSite.mobile{max-width:390px;margin:0 auto;box-shadow:0 0 0 1px #dce2ee}.publishedSite.mobile .siteSection{padding:45px 8%}.publishedSite.mobile .siteSection h1{font-size:34px}.publishedSite.tablet .siteSection{padding-left:8%;padding-right:8%}.canvasWrap{background:#fff;padding:0 34px 40px}.canvasWrap .canvasLabel{padding-top:22px}.canvasSection{max-width:100%;margin:0 0 10px;border-radius:0;min-height:120px}.canvasSection .drag{left:10px;z-index:2}.canvasSection.selected{box-shadow:inset 0 0 0 2px #6555ff,0 0 0 3px #6555ff3d}.canvasSection.hero,.canvasSection.products{min-height:360px}.canvasSection.footer{min-height:150px}@media(max-width:590px){.canvasWrap{padding:0 12px 24px}.canvasSection{margin-bottom:7px}}.compactQuick{display:flex;gap:12px;flex-wrap:wrap}.compactQuick a{display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid var(--border);border-radius:8px;background:#111d34;color:#e8ecf5;text-decoration:none;font-size:12px}.compactQuick a:hover{border-color:#6d5cff;background:#182544}.compactQuick svg{color:#a99cff}.continueCard p:last-of-type{color:var(--muted);font-size:12px}.compactQuick a{font-size:12px;padding:10px 13px}.compactQuick{gap:10px}.continueCard{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid var(--border);border-radius:12px;background:#111d34;cursor:pointer}.continueCard h3{margin:5px 0}.continueCard p:last-of-type,.continueCard small{color:var(--muted);font-size:12px}.continueCard .eyebrow{margin:0}.dashboardProjects{padding-top:8px}.compactQuick .quickActions{display:flex;flex-wrap:wrap;gap:10px}.compactQuick .quickActions a,.compactQuick .quickActions button{font-size:12px;padding:10px 13px}.activityList{display:grid;gap:8px}.activityItem{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px solid var(--border);border-radius:10px;background:#111d34}.activityItem span,.activityItem time{display:block;color:var(--muted);font-size:12px;margin-top:3px}.activityItem time{margin:0}.muted{color:var(--muted)}@media(max-width:650px){.continueCard{display:block}.continueCard .primary{margin-top:15px}}.heroDash{padding-bottom:26px}.heroDash h1{letter-spacing:-.03em}.stats article{min-height:104px;display:flex;flex-direction:column;justify-content:space-between}.stats article b{font-size:32px;letter-spacing:-.04em}.compactQuick{padding-top:20px;padding-bottom:20px}.compactQuick .sectionHead{margin-bottom:14px}.quickActions{align-items:center}.quickActions .ghost{background:#182540;border-color:#2b3d5f;box-shadow:0 4px 14px #0000001f;transition:transform .18s,border-color .18s,background .18s}.quickActions .ghost:hover{transform:translateY(-2px);background:#213255;border-color:#735bff}.quickActions button:disabled{opacity:.45;cursor:not-allowed;transform:none}.continueCard{box-shadow:0 8px 26px #0000001f}.continueCard h3{font-size:22px;letter-spacing:-.02em}.activityItem{transition:border-color .18s,transform .18s}.activityItem:hover{border-color:#735bff;transform:translate(2px)}.emptyInline{display:block;padding:22px;border:1px dashed #33466c;border-radius:10px;color:#aab8d6;background:#101c32}.dashboardProjects .muted{padding:8px 0}.sectionHead h2{letter-spacing:-.02em}.heroDash{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.heroDash h1{font-size:clamp(30px,4vw,48px);margin:6px 0 8px}.heroDash>div>p:last-child{color:#9eafd0}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stats article{background:linear-gradient(145deg,#14213b,#101a30);border-color:#2a3d64;box-shadow:0 8px 24px #0000001f}.stats article span{color:#a9b9d8}.stats article b{color:#fff}.compactQuick{background:linear-gradient(145deg,#121f38,#0f192e);border-color:#283a60}.compactQuick .sectionHead{display:flex;align-items:center;justify-content:space-between}.compactQuick .quickActions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compactQuick .quickActions .ghost{min-height:62px;justify-content:flex-start;text-align:left;line-height:1.25}.continueCard{background:linear-gradient(145deg,#14223c,#101a30);border-color:#2a3d64}.activityItem{background:#121f37;border-color:#293b5e}.dashboardProjects{background:transparent;border:0;padding-left:0;padding-right:0}.dashboardProjects .sectionHead{margin-bottom:12px}.dashboardProjects .projects{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.stats,.compactQuick .quickActions,.dashboardProjects .projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.heroDash{display:block}.heroDash .primary{margin-top:18px}.stats{grid-template-columns:1fr 1fr}.compactQuick .quickActions,.dashboardProjects .projects{grid-template-columns:1fr}}.heroDash{max-width:none;padding-left:8px;padding-right:8px;padding-top:30px}.stats{max-width:none;padding-left:8px;padding-right:8px}.compactQuick,.continueCard,.page:not(.heroDash):not(.dashboardProjects){max-width:none;margin-left:8px;margin-right:8px;padding-left:16px;padding-right:16px}.compactQuick{border-radius:10px}.continueCard{margin-top:14px}.dashboardProjects{max-width:none;margin-left:8px;margin-right:8px}.dashboardProjects .projects{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dashboardProjects .projectArt{height:82px}.dashboardProjects .cardBody{padding:10px}.dashboardProjects .cardBody h3{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.dashboardProjects .iconButton{display:none}.dashboardProjects .sectionHead{margin-top:26px}.dashboardProjects .projectFilters{margin-bottom:10px}@media(max-width:1000px){.dashboardProjects .projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.heroDash,.stats,.compactQuick,.continueCard,.dashboardProjects{margin-left:0;margin-right:0}.dashboardProjects .projects{grid-template-columns:1fr}}.dashboardActivityPage{padding-top:18px}.dashboardActivityPage .sectionHead{margin:0 0 14px}.emptyContinue{margin-top:14px!important;min-height:112px}.emptyContinue h3{margin:4px 0}.emptyContinue p:last-of-type{margin:0;color:var(--muted);font-size:12px}.emptyInline{padding:16px}.dashboardProjects .sectionHead{margin-top:22px}.dashboardMiddle{display:grid;grid-template-columns:1.08fr 1fr;gap:14px;align-items:stretch}.dashboardMiddle>.page{margin-left:8px;margin-right:8px;width:auto}.dashboardMiddle .dashboardActivityPage{padding-top:20px}.dashboardMiddle .continueCard{margin-top:14px}@media(max-width:600px){.dashboardMiddle>.page{margin-left:0;margin-right:0}}.heroDash>.primary{position:fixed;top:78px;right:28px;z-index:29}.heroDash{padding-right:210px}@media(max-width:700px){.heroDash>.primary{position:static;margin-top:16px}.heroDash{padding-right:16px}}.desktopAccount{position:fixed!important;top:18px!important;right:28px!important;z-index:100!important;display:block!important}.desktopAccount .accountMenu,.desktopAccount .accountButton{position:relative}@media(max-width:700px){.desktopAccount{display:none!important}.mobileHeader{position:sticky;top:0;z-index:100;background:var(--bg)}}.desktopAccount{top:18px!important;right:28px!important}.heroDash{padding-right:230px!important}.heroDash>.primary{position:fixed!important;top:18px!important;right:92px!important;z-index:101!important;margin:0!important}.heroDash>.primary{position:fixed!important;top:70px!important;right:28px!important;z-index:101!important;margin:0!important}.heroDash{padding-right:220px!important}@media(max-width:700px){.heroDash>.primary{position:static!important;margin-top:16px!important}.heroDash{padding-right:16px!important}}.topCart{position:fixed;right:88px;top:14px;height:44px;padding:0 15px;border:1px solid var(--border);border-radius:9px;background:#121d34;color:#e5e9f5;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;z-index:101}.topCart:hover{background:#1b2a49;border-color:#5b4bff}.desktopAccount .accountButton{z-index:102}@media(max-width:700px){.topCart{display:none}}.topCart{right:112px}.desktopAccount{z-index:200!important}.desktopAccount .accountDropdown{z-index:210!important}.heroDash>.primary{z-index:100!important}.topCart{z-index:190!important}.desktopAccount{background:var(--bg);padding:8px 0 8px 10px;border-radius:10px}.topCart{background:#121d34}.heroDash>.primary{box-shadow:0 8px 22px #060a198c}.desktopAccount{top:10px!important;right:20px!important;padding:0!important;background:transparent!important}.desktopAccount .accountButton{min-width:52px;justify-content:center}.heroDash>.primary{top:76px!important;right:28px!important}.topCart{top:14px!important;right:112px!important}@media(max-width:700px){.heroDash>.primary{top:auto!important}}.lightTheme .compactQuick,.lightTheme .continueCard,.lightTheme .activityItem{background:#fff;border-color:#d9e0ec;color:#182033}.lightTheme .compactQuick .ghost{background:#fff;border-color:#c7d2e4;color:#263553}.lightTheme .compactQuick .ghost:hover{background:#eef1ff;border-color:#6555f5;color:#24205f}.lightTheme .continueCard p,.lightTheme .continueCard small,.lightTheme .activityItem span,.lightTheme .activityItem time{color:#667085}.lightTheme .emptyInline{background:#f8fafc;border-color:#c7d2e4;color:#52627a}.lightTheme .dashboardActivityPage{color:#182033}.lightTheme .dashboardProjects .muted{color:#52627a}.lightTheme .topCart{background:#fff;color:#263553;border-color:#c7d2e4}.lightTheme .topCart:hover{background:#eef1ff;border-color:#6555f5}.lightTheme .desktopAccount{background:transparent!important}.libraryTabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.libraryTabs button{padding:9px 6px;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:700}.libraryTabs button.on{background:#302a83;border-color:#5b4bff;color:#fff}.templateThumb{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,#6857ff,#a78bfa);color:#fff;font-weight:800}.templateLibraryItem{min-height:54px}.canvasWrap{background:#eef1f6!important;padding:34px!important}.canvasWrap .canvasLabel{color:#73809a}.canvasSection{background:#fff!important;color:#182033;border:1px solid #dfe4ee!important;box-shadow:0 8px 22px #18203314;border-radius:4px!important}.canvasSection p{color:#52627a}.canvasSection h2{color:#182033}body:has(.builderTop) .desktopAccount{display:none!important}body:has(.builderTop) .mobileHeader{display:none!important}@media(min-width:901px){.app:has(.sidebar.desktopHidden) main{padding-left:86px}.sidebar.desktopHidden+main{padding-left:86px!important}.app:has(.sidebar.desktopHidden) .mobileHeader{top:18px}}.realNav,.realHero,.realProducts,.realFeatures,.realTestimonial,.realCustom,.realFooter{padding:34px 40px}.realNav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e7ed}.realNav nav,.realFooter nav{display:flex;gap:24px;align-items:center}.realNav button,.realHero button,.realCustom button,.productTiles button{background:#1c2740;color:#fff;border:0;border-radius:5px;padding:11px 17px;font-weight:700}.realHero{display:flex;justify-content:space-between;gap:28px;align-items:center;background:#eee9e0}.realHero h1{font-size:42px;line-height:1.05;margin:12px 0}.realHero p,.realFeatures>p,.realProducts>p{max-width:580px;color:#58657b}.realHero .outline{background:transparent;color:#1c2740;border:1px solid #1c2740;margin-left:8px}.heroVisual{width:210px;height:210px;border-radius:4px;background:#bea58d;color:#fff;display:grid;place-items:center;font-size:70px}.realProducts h2,.realFeatures h2{font-size:30px;margin:0}.productTiles,.realFeatures>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.productTiles article,.realFeatures article{display:flex;flex-direction:column;gap:7px}.tileImage{height:130px;background:linear-gradient(135deg,#1f3858,#7899b8);border-radius:4px}.tileImage.alt{background:linear-gradient(135deg,#5b3d39,#d5a487)}.tileImage.warm{background:linear-gradient(135deg,#d8c5a0,#8e6757)}.productTiles span,.realFeatures span{color:#667085;font-size:13px}.productTiles button{align-self:flex-start;margin-top:5px}.realTestimonial{text-align:center;background:#f1ede7;min-height:190px}.realTestimonial h2{font-size:29px;max-width:700px;margin:18px auto}.realTestimonial p{color:#667085}.realFooter{display:flex;justify-content:space-between;gap:20px;background:#172136;color:#fff}.realFooter span{color:#bbc5d8;font-size:13px}.realCustom{min-height:170px}.realCustom button{margin-top:10px}.canvasSection.selected{outline:3px solid #735bff;outline-offset:-3px}.lightTheme .realHero,.lightTheme .realTestimonial{color:#182033}.builder .properties{display:none!important}.builder{grid-template-columns:220px minmax(0,1fr)!important}.builder .canvasWrap{width:100%;min-width:0}@media(max-width:700px){.builder{grid-template-columns:1fr!important}.builder .leftPanel{max-height:260px}}.stats{margin-bottom:18px!important}.compactQuick{margin-top:0!important;margin-bottom:14px!important}.dashboardMiddle{margin-top:0!important}.dashboardProjects{margin-top:18px!important}.sidebar>.sideSectionButton{position:static!important;left:auto!important;margin-left:0!important;margin-right:0!important;width:100%!important;padding-left:12px!important;transform:none!important}.sidebar .sideSectionButton{display:flex!important;position:static!important;left:0!important;right:auto!important;transform:none!important;margin:3px 0!important;padding:0 12px!important;width:100%!important;align-self:stretch!important;justify-content:flex-start!important;gap:12px!important;box-sizing:border-box!important}.sidebar .sideSectionButton svg:first-child{margin-left:0!important}.sidebar .sideSectionButton.active{background:#25225b!important;color:#fff!important}.lightTheme .sidebar .sideSectionButton.active{background:#eef0ff!important;color:#4035b8!important}.emptyProjectState{padding:44px 20px;text-align:center;border:1px dashed var(--border);border-radius:12px;color:var(--muted)}.emptyProjectState h3{color:var(--text);margin:0 0 8px}.projectFilters span{margin-left:4px;opacity:.7}.projects.wide .projectCard{cursor:pointer}.canvasDelete{position:absolute;top:10px;right:10px;z-index:4;width:32px;height:32px;border:1px solid #ef7b8f;border-radius:7px;background:#fff;color:#c23b52;display:grid;place-items:center;box-shadow:0 4px 12px #18203322}.canvasDelete:hover{background:#fff0f2}.canvasSection{position:relative}.canvasDelete{opacity:1!important;visibility:visible!important}.projectSubnav{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;margin:4px 0 8px!important}.projectSubnav{margin:3px 0 8px!important;padding:0!important}.projectSubnav a{width:100%!important;padding:0 12px!important;margin:3px 0!important;height:42px!important;min-height:42px!important;border-radius:8px!important;box-sizing:border-box!important}.projectSubnav a svg{flex:0 0 18px!important}.builder{grid-template-columns:300px minmax(0,1fr)!important}.leftPanel{padding:18px 14px!important}.leftPanel .libraryItem{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;min-height:132px!important;padding:10px!important;border:1px solid #d9dee8!important;border-radius:10px!important;background:#f7f8fb!important;color:#182033!important;position:relative!important}.leftPanel .libraryItem:hover{border-color:#7254ff!important;box-shadow:0 8px 18px #5b4bff22!important;transform:translateY(-2px)}.leftPanel .libraryItem .componentIcon,.leftPanel .libraryItem .templateThumb{width:100%!important;height:76px!important;border-radius:7px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#5b4bff,#9d75ff)!important;color:#fff!important;font-size:28px!important}.leftPanel .libraryItem>div{display:block!important}.leftPanel .libraryItem b{display:block!important;font-size:11px!important;line-height:1.2!important}.leftPanel .libraryItem small{display:block!important;font-size:10px!important;color:#71809a!important;margin-top:3px!important}.leftPanel .libraryItem>svg{position:absolute!important;right:9px!important;bottom:10px!important;color:#6b4cff!important}.leftPanel .componentGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.leftPanel .libraryTabs{position:sticky;top:0;z-index:3;background:#0d1629;padding-bottom:10px}.leftPanel .search{margin-bottom:12px}.templateLibraryItem{min-height:132px!important}.leftPanel{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px!important}.leftPanel .libraryTabs,.leftPanel .search{grid-column:1/-1}.leftPanel .libraryItem{margin:0!important;width:100%!important}.browseCategories{grid-column:1/-1;color:#dce3f2}.browseCategories b{display:block;font-size:12px;margin:3px 0 8px}.browseCategories>div{display:flex;flex-wrap:wrap;gap:5px}.browseCategories button{border:1px solid var(--border);border-radius:99px;padding:5px 8px;background:transparent;color:var(--muted);font-size:10px}.browseCategories button:hover{background:#302a83;color:#fff;border-color:#5b4bff}.realButtonBlock{padding:50px;display:grid;place-items:center;background:#050505}.realButtonBlock button{background:#0bb34b;color:#fff;border:0;border-radius:8px;padding:13px 70px;font-weight:800;font-size:16px}.canvasToolbar{position:absolute;top:-42px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:5px 8px;border-radius:20px;background:#fff;box-shadow:0 5px 18px #0003;z-index:6}.canvasToolbar button{width:26px;height:25px;border:0;background:transparent;color:#20263a;border-radius:5px;display:grid;place-items:center}.canvasToolbar button:hover{background:#edf0f7}.realHero{position:relative;overflow:hidden;min-height:430px;padding:54px 58px!important;background:linear-gradient(135deg,#9bd8ec,#4a91d8 42%,#03070d 43%,#000)!important;color:#fff!important}.realHero:before,.realHero:after{content:"";position:absolute;border:3px solid #9cc9ff77;border-radius:90px;transform:rotate(45deg);pointer-events:none}.realHero:before{width:210px;height:210px;left:-96px;bottom:-105px}.realHero:after{width:260px;height:110px;right:-60px;top:-54px;border-color:#8aaeffaa}.realHero>div:first-child{position:relative;z-index:2;max-width:48%}.realHero small{letter-spacing:.15em;font-weight:700}.realHero h1{font-size:clamp(48px,7vw,86px)!important;line-height:.9!important;letter-spacing:-.06em!important;margin:28px 0!important}.realHero p{color:#fff!important;font-size:18px;line-height:1.35}.realHero .heroVisual{position:relative;z-index:1;width:48%;height:300px;background:linear-gradient(145deg,#2f2a24,#090909 70%);border-radius:34px 0 0 34px;box-shadow:0 18px 40px #0008;display:grid;place-items:center}.realHero .heroVisual:after{content:"Digital studio";font-size:18px;letter-spacing:.12em;color:#d9e7ff}.realHero button{background:#087ff0!important;border-radius:5px}.realHero .outline{background:transparent!important;border:1px solid #fff!important;color:#fff!important}.canvasSection.buttonOnly{background:transparent!important;border:0!important;box-shadow:none!important;min-height:110px!important;padding:18px!important}.canvasSection.buttonOnly .realButtonBlock{background:transparent!important;padding:20px!important}.canvasSection.buttonOnly .drag{color:#91a4c7}.projectIntroTop{margin:0 0 18px;color:var(--muted);font-size:16px}.projectPage .sectionHead{margin-top:0}.projectIntroTop{display:flex;flex-direction:column;gap:8px;margin:0 0 18px}.projectIntroTop b{font-size:12px;letter-spacing:.16em;color:var(--accent)}.projectIntroTop span{color:var(--muted);font-size:16px}.workspaceChips{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.workspaceChips button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:9px 16px;font:inherit;cursor:pointer}.workspaceChips button.active{background:var(--accent);border-color:var(--accent);color:#fff}.workspaceChips .animationFilter{height:38px;min-width:145px;padding:0 10px}.workspaceChips .animationFilter:focus,.workspaceChips .animationFilter:focus-visible,.workspaceChips .animationFilter:active{outline:none;box-shadow:none}.sectionHead .workspaceChips{margin:0;align-self:flex-start}.workspaceChips a{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:9px 16px;text-decoration:none;font:inherit}.workspaceChips a.active{background:var(--accent);border-color:var(--accent);color:#fff}.projectPage>.workspaceChips{margin-bottom:28px}.projectPage>.workspaceChips{margin-bottom:64px}.projectPage>.workspaceChips{margin-bottom:2in}.monacoSurface{height:calc(100vh - 142px);min-height:420px;overflow:hidden;border-radius:0 0 8px 8px}.monacoSurface .monaco-editor{padding-top:0}.codeMode .editor{min-height:0}.codeWorkspace{display:grid;grid-template-columns:190px minmax(420px,1fr) minmax(360px,1fr);height:calc(100vh - 112px);background:#0b1224}.studioFiles{padding:14px;background:#111b31;border-right:1px solid #263552}.studioFiles b{display:block;font-size:11px;color:#8fa0bf;margin-bottom:12px}.studioFiles button,.studioTabs button{display:block;width:100%;border:0;background:transparent;color:#bcc8df;text-align:left;padding:9px;border-radius:5px}.studioFiles button.active,.studioTabs button.active{background:#293b63;color:#fff}.studioEditor{min-width:0}.studioTabs{display:flex;gap:4px;padding:8px;background:#111b31;border-bottom:1px solid #263552}.studioTabs button{width:auto}.studioEditor .editorBar{display:flex;justify-content:space-between}.monacoSurface{height:calc(100vh - 165px);min-height:420px}.codeWorkspace .live{min-width:0}@media(min-width:701px){.app:has(.heroDash) main{position:relative}.app:has(.heroDash) .desktopAccount{position:absolute!important}.app:has(.heroDash) .topCart{position:absolute!important;top:4px!important;right:92px!important}.app:has(.heroDash) .heroDash>.primary{position:absolute!important}}.componentModal{width:min(460px,100%);border:1px solid #475270;background:#172238;border-radius:12px;padding:27px;display:flex;flex-direction:column;gap:17px;box-shadow:0 25px 90px #0007;max-height:90vh;overflow:auto}.componentModal h2{font-size:21px;margin:0 0 4px}.componentModal label{font-size:12px;color:#c3cce1;margin:0}.componentModal input,.componentModal textarea,.componentModal select{box-sizing:border-box;font:inherit;color:#dce5f5;background:#101b2d;border:1px solid #475270;border-radius:7px;padding:11px;width:100%;margin-top:7px}.componentModal textarea{min-height:80px;height:100px;resize:vertical}.componentModal>div:last-child{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid #32415b;padding-top:18px;margin-top:0}.componentModal>div:last-child button{min-height:40px}.cartItem{position:relative}.cartMenuTrigger{position:absolute;top:14px;right:14px;background:transparent;border:0;color:var(--muted);padding:5px;display:grid;place-items:center;z-index:2}.cartMenuTrigger:hover{color:var(--text)}.cartItemMenu{position:absolute;top:43px;right:12px;z-index:4;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:5px;box-shadow:0 12px 30px #0006}.cartItemMenu button{border:0;background:transparent;color:#e05a79;padding:8px 14px;cursor:pointer;font:inherit}.cartItemMenu button:hover{background:#e05a7918;border-radius:5px}.activityItem{position:relative}.activityItem .cartMenuTrigger{top:50%;right:8px;transform:translateY(-50%)}.activityMenu{top:calc(50% + 18px);right:8px}.projectCard{position:relative}.projectCard>.cartMenuTrigger{top:12px;right:12px}.projectMenu{top:40px;right:10px}.activityItem{padding-right:64px;box-sizing:border-box}.activityItem time{padding-right:8px}.activityItem .cartMenuTrigger{right:12px}.projectPage>.workspaceChips{margin-bottom:14px}.dashboardMiddle{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.dashboardMiddle{grid-template-columns:1fr}}.projects.wide .studioProjectCard{cursor:default}.studioProjectArt{height:auto;aspect-ratio:16/9;padding:0;overflow:hidden;background:#aeb4bd;display:grid;place-items:center;color:#34445d;font-size:13px}.studioProjectFrame{position:absolute;top:0;left:0;width:240%;height:240%;border:0;transform:scale(.4166667);transform-origin:top left;pointer-events:none;background:#aeb4bd}.projectPage .studioProjectArt{padding:12px}.projectPage .studioProjectFrame{position:relative;top:auto;left:auto}.leftPanel .libraryItem .publishedMiniThumb{display:block!important;position:relative!important;width:100%!important;height:130px!important;overflow:hidden!important;border-radius:7px!important;background:#fff!important;color:#34445d!important;font-size:12px!important;flex:none!important}.leftPanel .libraryItem .publishedMiniThumb iframe{display:block;width:100%;height:100%;border:0;pointer-events:none;background:#fff}.leftPanel .libraryItem .publishedMiniThumb>span{display:grid;place-items:center;width:100%;height:100%;text-align:center;padding:8px}.app:has(.builderTop) .sidebar,.app:has(.builderTop) .mobileHeader,.app:has(.builderTop) .desktopAccount{display:none!important}.app:has(.builderTop) main{margin-left:0!important;padding:0!important;width:100%!important}.builderTop .builderIdentity{min-width:0;gap:12px}.builderTop .builderIdentity b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builderTop .builderHome{display:inline-flex!important;flex:none}.builderTop .builderIdentity small{display:inline!important;flex:none}.leftPanel .browseCategories{grid-column:1/-1}.leftPanel .browseCategories button.active{background:#302a83;color:#fff;border-color:#5b4bff}@media(max-width:700px){.builderTop .builderIdentity{gap:7px}.builderTop .builderHome{display:inline-flex!important;padding:7px;font-size:11px}.builderTop .builderIdentity b{max-width:110px}}.projectPage .projects.wide{grid-template-columns:repeat(auto-fill,minmax(260px,300px));gap:12px;justify-content:start}.projectPage .studioProjectCard .cardBody{padding:10px 11px}.studioCardActions{display:flex;flex-wrap:wrap;gap:5px;padding:0 11px 10px}.studioCardActions button{border:1px solid var(--border);border-radius:6px;background:#18243a;color:var(--text);padding:5px 7px;font-size:11px;cursor:pointer}.studioCardActions button:hover{border-color:#786aff}.studioCardActions button:disabled{opacity:.5;cursor:default}.studioCardNotice{margin:0 11px 10px;color:var(--muted);font-size:11px}.studioPreviewBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000a;display:grid;place-items:center;padding:24px}.studioPreviewDialog{width:min(1100px,100%);height:min(760px,90vh);display:flex;flex-direction:column;background:#fff;color:#142039;border-radius:10px;overflow:hidden;box-shadow:0 24px 80px #0008}.studioPreviewHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#101a30;color:#fff}.studioPreviewHeader button{border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer}.studioPreviewDialog iframe{display:block;width:100%;flex:1;border:0;background:#fff}.studioPreviewDialog>p{padding:20px}.workspaceCanvasSize{white-space:nowrap;color:#aebad0;font-size:11px;margin-right:8px}.projectPage .studioProjectFrame{width:100%;height:100%;transform:none}.leftPanel .libraryItem{min-height:0!important;padding:7px!important;gap:5px!important}.leftPanel .libraryItem .publishedMiniThumb{height:112px!important}.leftPanel .libraryItem .publishedMiniThumb iframe{width:200%!important;height:200%!important;transform:scale(.5)!important;transform-origin:top left!important}.leftPanel .libraryItem .componentIcon,.leftPanel .libraryItem .templateThumb{height:72px!important}.projectPage .studioProjectCard[data-kind=template] .studioProjectArt{aspect-ratio:auto;height:240px}.projectPage .studioProjectCard[data-kind=template] .studioProjectFrame{width:200%;height:200%;transform:scale(.5)}.leftPanel .templateLibraryItem{grid-column:1/-1}.leftPanel .templateLibraryItem .publishedMiniThumb{height:190px!important}.leftPanel .templateLibraryItem .publishedMiniThumb iframe{width:200%;height:200%;transform:scale(.5);transform-origin:top left}.builderTop .addWorkspaceContainer{display:inline-flex!important;align-items:center;gap:4px;flex:none;padding:7px;font-size:11px}.workspaceCanvasContainer{position:relative;box-sizing:border-box;min-height:520px;margin:0 auto 20px;background:#fff;border:1px solid #dfe3ec;border-radius:4px;overflow:hidden}.workspaceCanvasContainer.active{outline:2px solid #786aff;outline-offset:2px}.canvasWrap.tablet .workspaceCanvasContainer{max-width:680px}.canvasWrap.mobile .workspaceCanvasContainer{max-width:375px}.workspaceCanvasItem{position:absolute;box-sizing:border-box;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff}.workspaceCanvasItem:active{cursor:grabbing}.workspaceCanvasItem.selected{outline:1px solid #786aff}.workspaceCanvasItem .publishedMiniThumb{width:100%!important;height:100%!important;border-radius:0!important;pointer-events:none}.workspaceCanvasItem .publishedMiniThumb iframe{width:100%!important;height:100%!important;transform:none!important;pointer-events:none}.workspacePlainItem{padding:8px;color:#172033}.workspacePlainItem p{margin:4px 0}.workspaceItemDelete{position:absolute;right:-6px;top:-6px;z-index:2;border:0;border-radius:4px;background:#fff;color:#b42318;box-shadow:0 1px 6px #0003;cursor:pointer}.builder .canvasWrap{padding:0!important;background:#fff!important}.builder .canvasWrap .canvasLabel{padding:10px 16px;background:#fff}.workspaceCanvasContainer{width:100%;min-height:calc(100vh - 96px);margin:0 0 12px;border:0;border-radius:0;overflow:visible}.workspaceCanvasContainer.active{outline:0}.workspaceCanvasContainer.templateCanvas{min-height:max(1100px,calc(100vh - 96px))}.workspaceCanvasItem{background:transparent}.workspaceCanvasItem.selected{outline:0}.workspaceCanvasItem .publishedMiniThumb,.workspaceCanvasItem .publishedMiniThumb iframe{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}.workspaceCanvasItem.workspaceTemplateItem{min-height:0}.workspaceTemplateItem .publishedMiniThumb{height:var(--full-preview-height)!important;min-height:1100px}.workspaceTemplateItem .publishedMiniThumb iframe{height:100%!important}.projectActions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.projectCategories{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.projectCategories button{border:1px solid var(--border);border-radius:99px;background:transparent;color:var(--muted);padding:7px 12px;font-size:11px}.projectCategories button.active,.projectCategories button:hover{background:#302a83;border-color:#5b4bff;color:#fff}.projectPage .sectionHead{align-items:flex-start}.projectPage .projectActions{margin-right:130px;padding-top:0}@media(max-width:700px){.projectPage .projectActions{margin-right:0;align-items:flex-start}.projectCategories{justify-content:flex-start}}.projectReferenceToolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 18px}.projectReferenceToolbar .projectSearch{flex:0 1 380px;min-width:220px;margin:0}.projectReferenceToolbar select{height:42px;min-width:138px}.referenceFilters{padding:0;margin:0;flex:1 1 auto}.referenceFilters button{padding:9px 12px}.referenceFilters .animationFilter{height:38px;min-width:145px;margin-left:4px;padding:0 10px;flex:0 0 auto}.referenceFilters .animationFilter:focus,.referenceFilters .animationFilter:focus-visible,.referenceFilters .animationFilter:active{outline:none;box-shadow:none}.viewToggle{display:flex;gap:3px;border:1px solid var(--border);border-radius:8px;padding:3px}.viewToggle button{width:34px;height:32px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:18px}.viewToggle button.active{background:#302a83;color:#fff}.projectPage .projects.wide{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:none}.projectPage .projects.wide.list{grid-template-columns:1fr}.projectPage .projects.wide.list .studioProjectCard{display:flex;align-items:stretch}.projectPage .projects.wide.list .studioProjectArt{width:280px;flex:0 0 280px;height:150px}.projectPage .projects.wide.list .cardBody{flex:1}@media(max-width:1100px){.projectPage .projects.wide{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.projectReferenceToolbar{align-items:stretch}.projectReferenceToolbar .projectSearch{flex-basis:100%}.projectReferenceToolbar select{flex:1}.projectPage .projects.wide{grid-template-columns:1fr}.projectPage .projects.wide.list .studioProjectCard{display:block}.projectPage .projects.wide.list .studioProjectArt{width:100%;height:180px}}.workspaceCanvasContainer:not(.templateCanvas){width:min(1440px,100%);aspect-ratio:16/10;min-height:0;height:auto;margin:0 auto 12px;background:#fff}.workspaceCanvasContainer.templateCanvas{width:min(1440px,100%);margin-left:auto;margin-right:auto}.workspaceCanvasContainer.templateCanvas,.workspaceCanvasItem.workspaceTemplateItem{min-height:0}.workspaceTemplateItem .publishedMiniThumb{height:var(--full-preview-height)!important;min-height:240px}.workspaceCanvasItem:not(.workspaceTemplateItem){z-index:2}.workspaceCanvasItem.workspaceTemplateItem{z-index:0}.builderTop .workspaceDesignButton{display:inline-flex!important;flex:none;padding:7px;font-size:11px}.builder.workspaceDesignMode{display:grid!important;grid-template-columns:300px minmax(0,1fr) 260px!important}.workspaceDesignMode .workspaceCanvasItem .publishedMiniThumb iframe{pointer-events:auto!important}.builderDesignPanel{padding:18px 16px;background:#0d1629;color:#f5f7ff;border-left:1px solid var(--border);overflow:auto;max-height:calc(100vh - 66px)}.workspacePanelTabs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:-4px -6px 16px;padding:3px;border:1px solid #263650;border-radius:8px;background:#101b30}.workspacePanelTabs button{position:relative;z-index:1;padding:8px 3px;border:0;border-radius:6px;background:transparent;color:#9eabc4;font-size:12px;cursor:pointer;transition:color .2s ease}.workspacePanelTabs button.active{color:#fff}.workspacePanelTabIndicator{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/3);border-radius:6px;background:#5140b8;box-shadow:0 2px 8px #0003;transition:transform .22s ease;transform:translate(calc(var(--workspace-tab-index,1) * 100%))}.workspaceDesignTabContent{animation:workspacePanelTabIn .18s ease}.builderDesignPanel .workspaceLayersToggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 16px;padding:11px 12px;border:1px solid #6858ce;border-radius:8px;background:#221e49;color:#e9e4ff;font-size:12px;font-weight:700;text-align:left;cursor:pointer}.builderDesignPanel .workspaceLayersToggle.active{background:#5140b8;color:#fff}.workspaceLayersPanel{display:flex;flex-direction:column;gap:12px;min-width:0}.workspaceLayersHeading{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-bottom:3px}.workspaceLayersHeading small{color:#a89bf0;font-size:10px;letter-spacing:.12em;font-weight:700}.workspaceLayersHeading h3{margin:3px 0 0;font-size:18px}.workspaceLayersHeading>span{color:#9ba9c2;font-size:11px}.builderDesignPanel .workspaceLayersGroup{border:1px solid #30405e;border-radius:11px;background:#131f35;overflow:hidden}.workspaceLayersGroupTitle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:12px;border:0;border-bottom:1px solid #2b3a56;background:#1b2a45;color:#f5f7ff;text-align:left}.workspaceLayersGroupTitle b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.workspaceLayersGroupTitle small{flex:none;color:#aab8d0;font-size:10px}.workspaceLayersPage{cursor:pointer}.workspaceLayersPage:hover{background:#263958}.workspaceLayersList{display:flex;flex-direction:column;padding:5px}.builderDesignPanel .workspaceLayersRow{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:9px 7px;border:0;border-radius:7px;background:transparent;color:#e7edfa;text-align:left;cursor:pointer}.builderDesignPanel button.workspaceLayersRow:hover{background:#263958}.builderDesignPanel .workspaceLayersRow[draggable=true]{cursor:grab}.builderDesignPanel .workspaceLayersRow[draggable=true]:active{cursor:grabbing}.builderDesignPanel .workspaceLayersRow.selected{background:#282753}.builderDesignPanel .workspaceLayersRow.dropTarget{background:#2a3158;box-shadow:inset 0 2px #988aff}.workspaceLayersHandle{flex:none;color:#8f9db9;font-size:13px;letter-spacing:-4px;line-height:1}.builderDesignPanel .workspaceLayersNodeButton{display:flex;flex:1;align-items:stretch;width:auto;min-width:0;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.workspaceLayersHint{margin:0;color:#aab7d0;font-size:11px;line-height:1.4}.workspaceLayersNumber{flex:none;width:22px;color:#9f92ef;font-size:10px;font-weight:700}.workspaceLayersRowText{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.workspaceLayersRowText b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.workspaceLayersRowText small{color:#9cacc7;font-size:10px}.workspaceLayersArrow{color:#a99cf0;font-size:18px}.workspaceLayersElement{cursor:default!important}.builderDesignPanel .workspaceLayersBack{width:auto;margin:0;padding:5px 0;border:0;background:transparent;color:#b9b0ff;font-size:11px;cursor:pointer}.builderDesignPanel .workspaceLayersEmpty{margin:0;padding:13px;color:#9eacc4;font-size:11px;line-height:1.5}.workspaceInspectorContent{animation:workspacePanelTabIn .18s ease}.workspaceInspectorContent h3{margin:0 0 12px}.workspaceInspectorTree{display:flex;flex-direction:column;gap:4px;max-height:55vh;overflow:auto}.workspaceInspectorTree section{border-left:1px solid #2a3854;margin-left:5px;padding-left:7px}.workspaceTreeRow{display:flex;align-items:center;gap:7px;width:100%;padding:7px 6px;border:0;border-radius:5px;background:transparent;color:#e8edfa;text-align:left;cursor:pointer}.workspaceTreeRow:hover,.workspaceTreeRow.active{background:#1c2b46}.workspaceTreeRow>span{width:13px;color:#8da2c4}.workspaceTreeRow b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.workspaceTreeRow small{margin-left:auto;color:#91a1bc;font-size:9px;white-space:nowrap}.workspaceTreeItem{margin-left:8px;border-left:1px solid #263650;padding-left:5px}.workspaceTreeNode{display:flex;gap:7px;width:100%;overflow:hidden;padding-top:5px;padding-bottom:5px;border:0;background:transparent;color:#b9c7df;text-align:left;cursor:pointer;font:10px/1.3 ui-monospace,Consolas,monospace}.workspaceTreeNode.active{color:#6dc8ff;background:#14253c}.workspaceTreeNode span{min-width:40px;color:#6bb6df}.workspaceTreeNode small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aab8ce}.workspaceInspectorHint{margin-top:14px;padding:10px;border:1px dashed #30415f;border-radius:6px}.workspaceInspectorDetails{display:flex;flex-direction:column;gap:7px;margin-top:14px;padding:11px;border:1px solid #2b3a57;border-radius:7px;background:#111d33}.workspaceInspectorDetails small{color:#8ca1c2;font-size:9px;letter-spacing:.08em}.workspaceInspectorDetails b{font-size:12px;overflow-wrap:anywhere}.workspaceInspectorDetails span{color:#9fb1ce;font-size:10px}.workspaceInspectorDetails p{margin:2px 0 0}.inspectorFunctionalFields{max-height:42vh;overflow:auto;scrollbar-width:thin}.inspectorFunctionalFields details{border-top:1px solid #283651;padding:8px 0}.inspectorFunctionalFields summary{cursor:pointer;color:#dce5f5;font-size:11px;font-weight:700}.workspaceInspectorBehavior{display:flex;flex-direction:column;gap:5px;margin:8px 0;color:#9fb1ce;font-size:10px}.workspaceInspectorBehavior input,.workspaceInspectorBehavior select,.inspectorFunctionalFields textarea{width:100%;min-height:30px;padding:6px 8px;border:1px solid #2b3a57;border-radius:5px;background:#0d172a;color:#f4f7ff;font:inherit}.workspaceInspectorBehavior input[type=checkbox]{width:16px;min-height:16px;accent-color:#7463ff}.inspectorEventRow{padding:8px 0;border-bottom:1px solid #1e2b43}.inspectorEventRow>b{font-size:11px;color:#c9d5ea}.inspectorActionCard{display:grid;gap:6px;margin:7px 0;padding:8px;border:1px solid #273653;border-radius:6px;background:#0d172a}.inspectorActionCard small,.inspectorFunctionalFields small{font-size:9px;color:#8ea1c0;line-height:1.4}.inspectorActionCard button,.inspectorEventRow>button,.inspectorFunctionalFields details>button{border:1px solid #354360;border-radius:5px;background:#17243b;color:#d9e1f3;padding:5px 8px;font-size:10px;cursor:pointer}.inspectorWarning{padding:7px;border:1px solid #73592a;border-radius:5px;background:#302817;color:#ffd68a;font-size:10px}.builderDesignPanel:has(.workspaceInspectorContent){display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.workspaceInspectorContent{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.workspaceInspectorContent h3,.workspaceInspectorContent>.workspaceDesignSubject{flex:none}.workspaceInspectorTree{flex:0 1 44%;min-width:0;min-height:110px;max-height:44%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.workspaceInspectorTree::-webkit-scrollbar,.inspectorFunctionalFields::-webkit-scrollbar{display:none;width:0;height:0}.workspaceInspectorTree section,.workspaceTreeItem,.workspaceInspectorNode{min-width:0;max-width:100%;box-sizing:border-box}.workspaceInspectorNodeRow{display:flex;align-items:center;min-width:0;max-width:100%;border-radius:5px}.workspaceInspectorNodeRow:hover,.workspaceInspectorNodeRow.active{background:#1c2b46}.workspaceInspectorDisclosure{flex:0 0 20px;width:20px;height:25px;padding:0;border:0;background:transparent;color:#8da2c4;font-size:12px;cursor:pointer}.workspaceInspectorDisclosure:disabled{cursor:default;opacity:.65}.workspaceInspectorSelectNode{display:flex;align-items:center;gap:7px;flex:1;min-width:0;width:0;overflow:hidden;padding:5px 6px;border:0;border-radius:4px;background:transparent;color:#dce5f5;text-align:left;font:11px/1.3 ui-monospace,Consolas,monospace;cursor:pointer}.workspaceInspectorSelectNode:hover{background:#263653}.workspaceInspectorSelectNode>span{flex:0 0 auto;color:#77c6ef}.workspaceInspectorSelectNode>small{display:block;flex:1;min-width:0;overflow:hidden;color:#b8c7df;text-overflow:ellipsis;white-space:nowrap;font:10px/1.3 system-ui,sans-serif}.inspectorFunctionalFields{flex:1 1 56%;min-width:0;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.workspaceInspectorContent{overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.workspaceInspectorContent::-webkit-scrollbar{display:none;width:0;height:0}.workspaceInspectorTree{flex:0 0 auto;min-height:0;max-height:none;overflow:visible}.inspectorFunctionalFields{flex:0 0 auto;min-height:0;overflow:visible}.inspectorSimpleDetails{gap:10px}.inspectorSimpleDetails .workspaceInspectorBehavior{gap:6px;margin:8px 0;color:#b9c8df;font-size:11px}.inspectorSimpleDetails .workspaceInspectorBehavior>span{display:block;color:#dce5f5;font-weight:600}.inspectorSimpleBehavior{padding:10px;border:1px solid #2b3a57;border-radius:7px;background:#0d172a}.inspectorSimpleBehavior small{display:block;margin-top:6px;color:#8ea1c0;font-size:10px;line-height:1.4}.inspectorSimpleDetails .inspectorSimpleBehavior>button{display:block;width:100%;margin-top:6px;padding:8px 10px;border:1px solid #354360;border-radius:6px;background:#17243b;color:#f4f7ff;text-align:left;line-height:1.4;overflow-wrap:anywhere;cursor:pointer}.inspectorSimpleDetails .inspectorSimpleBehavior>button:hover,.inspectorSimpleDetails .inspectorSimpleBehavior>button:focus-visible{background:#253658;border-color:#8175ff;color:#fff}.inspectorSimpleHtml{border-top:1px solid #283651;padding-top:9px}.inspectorSimpleHtml summary{cursor:pointer;color:#b8c7df;font-size:11px;font-weight:600}@keyframes workspacePanelTabIn{0%{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.builderDesignPanel h3{margin:0 0 8px;font-size:16px}.builderDesignPanel h4{margin:22px 0 10px;font-size:12px}.builderDesignPanel p{color:#a7b0c3;font-size:12px;line-height:1.5}.builderDesignPanel label{display:block;margin:10px 0;color:#c0c8d9;font-size:11px}.builderDesignPanel input,.builderDesignPanel select{display:block;width:100%;margin-top:5px;padding:7px 8px;border:1px solid #35425d;border-radius:5px;background:#111c32;color:#fff;font-size:12px}.app:has(.projectPage) main{position:relative;padding-top:78px}.app:has(.projectPage) .desktopAccount{position:fixed!important;top:8px!important;right:20px!important}.app:has(.projectPage) .topCart{position:fixed!important;top:0!important;right:112px!important}.app:has(.projectPage) main:before{content:"";position:fixed;z-index:99;top:0;left:242px;right:0;height:76px;background:var(--bg);pointer-events:none}.app:has(.projectPage) .sidebar.desktopHidden+main:before{left:0}@media(max-width:900px){.app:has(.projectPage) main:before{left:0}}.projectPage{padding-top:0!important}.projectPage .projectActions{margin-right:0}@media(max-width:700px){.app:has(.projectPage) main{padding-top:0}.projectPage{padding-top:24px!important}.app:has(.projectPage) .mobileHeader{position:static}}.assetsLibrary{padding:8px 0 32px}.assetsLibraryHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.assetsLibraryHeader h2{margin:0 0 4px}.assetsLibraryHeader p{margin:0;color:#adbcda}.assetsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.assetsGrid article{min-width:0;background:#111d34;border:1px solid #253552;border-radius:10px;overflow:hidden}.assetsGrid img{width:100%;height:140px;object-fit:contain;background:#fff;display:block}.assetsGrid b{display:block;padding:10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assetsLibrary{padding-top:0}.assetsLibraryIntro{margin:0 0 16px;color:var(--muted);font-size:13px}.assetsGrid article{position:relative;padding-bottom:8px}.assetsGrid .assetDelete{display:block;margin:0 10px 0 auto;padding:6px 10px;border:1px solid #553342;border-radius:6px;background:#2a1a2a;color:#ffb3c1;font-size:12px}.assetsGrid .assetDelete:hover{background:#42202f}.builder{height:calc(100vh - 66px);min-height:0;overflow:hidden;grid-template-columns:68px minmax(0,1fr)!important}.builder:not(.libraryCollapsed){grid-template-columns:350px minmax(0,1fr)!important}.builder:has(.builderDesignPanel).libraryCollapsed{grid-template-columns:68px minmax(0,1fr) 310px!important}.builder:not(.libraryCollapsed):has(.builderDesignPanel){grid-template-columns:350px minmax(0,1fr) 310px!important}.builder .leftPanel{display:flex!important;flex-direction:row!important;min-width:0;max-height:none!important;overflow:hidden;padding:0!important;background:#0d1629!important;border-right:1px solid #25314a}.builder:not(.libraryCollapsed) .workspacePanelRail{display:none}.workspacePanelRail{width:68px;flex:0 0 68px;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:12px 6px;background:#0b1426;border-right:1px solid #26324a}.workspacePanelRail button{min-height:56px;padding:7px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:7px;background:transparent;color:#aebbd3;font-size:10px;cursor:pointer}.workspacePanelRail button:hover,.workspacePanelRail button:focus-visible{background:#202b46;color:#fff}.workspacePanelRail button span{line-height:1.1}.workspacePanelRail .workspaceRailExpand{margin-top:auto;min-height:40px;font-size:22px}.workspaceLibraryContent{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;padding:13px 12px;background:#0d1629}.workspaceThemePanel{color:#e8edfa}.workspaceThemePanel h3{margin:2px 0 6px;font-size:17px}.workspaceThemePanel p,.workspaceThemePanel small{color:#aebbd3;font-size:11px;line-height:1.45}.workspaceThemePanel section{margin-top:17px;padding-top:12px;border-top:1px solid #27344e}.workspaceThemePanel h4{margin:0 0 10px;font-size:13px}.workspaceThemePanel label{display:block;margin:12px 0;color:#dbe3f3;font-size:12px}.workspaceThemePanel label>small{display:block;margin-top:4px}.workspaceThemePanel input:not([type=color]),.workspaceThemePanel select{width:100%;min-width:0;margin-top:6px;padding:8px;border:1px solid #35425d;border-radius:6px;background:#111c32;color:#fff}.workspaceThemePanel .workspaceColorControl{margin-top:6px}.workspaceThemePanel details{margin-top:10px;padding:10px;border:1px solid #27344e;border-radius:8px;background:#101c30}.workspaceThemePanel details>summary{cursor:pointer;color:#e8edfa;font-size:13px;font-weight:700}.workspaceThemePanel details>summary:focus-visible{outline:2px solid #786aff;outline-offset:3px}.workspaceThemePanel details .workspaceStylePair{margin-top:8px}.workspaceThemePanel .workspaceStylePair label{margin:6px 0}.workspaceThemePanel details>button{padding:7px 10px;border:1px solid #786aff;border-radius:6px;background:#29245f;color:#fff;cursor:pointer}.workspaceThemePanel details>button:disabled{opacity:.55;cursor:not-allowed}.builderDesignPanel .workspaceDesignLevel{margin:0 0 14px}.workspaceAssetsAction{display:flex;justify-content:flex-end;margin:0 0 8px}.workspaceAssetsAction button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #3b4b6b;border-radius:7px;background:#182642;color:#fff}.workspaceAssetsAction button:hover{background:#29245f;border-color:#786aff}.workspaceAssetsAction select{max-width:72px;min-width:0;padding:5px;border:1px solid #3b4b6b;border-radius:6px;background:#182642;color:#fff;font-size:11px}.assetsLibrary>label{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:#cbd5e1}.assetsLibrary>label select{padding:6px;border:1px solid #3b4b6b;border-radius:6px;background:#182642;color:#fff}.workspaceLibraryCollapse{display:block;margin:0 0 10px auto;padding:5px 8px;border:1px solid #27344e;border-radius:6px;background:#111c32;color:#b9c4d9;font-size:11px}.builder.libraryCollapsed .workspaceLibraryContent{display:none}.builder .leftPanel .libraryTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;position:sticky;top:0;z-index:3;padding-bottom:9px;background:#0d1629}.builder .leftPanel .libraryTabs button{min-width:0;width:100%;padding:8px 5px;border:1px solid #26334f;border-radius:6px;background:#101a30;color:#b8c3d8;font-size:11px;white-space:nowrap}.builder .leftPanel .libraryTabs button.on{border-color:#786aff;background:#28245d;color:#fff}.builder .leftPanel .browseCategories{margin-bottom:10px}.builder .leftPanel .browseCategories{display:block}.builder .leftPanel .browseCategories select{display:block;width:100%;height:36px;margin-top:7px}.workspaceLibraryItemsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.workspaceLibraryItemsGrid>.libraryItem{min-width:0;width:100%!important}.builder .leftPanel .workspaceLibraryItemsGrid>.templateLibraryItem{grid-column:auto;min-width:0}.builder .leftPanel .workspaceLibraryItemsGrid>.templateLibraryItem .publishedMiniThumb{height:112px!important}.workspaceLibraryItemsGrid .workspaceAssetThumb{height:112px}.workspaceLibrarySearchRow{display:flex;align-items:center;gap:8px;margin-bottom:10px}.workspaceLibrarySearchRow>.search{flex:1;min-width:0;margin:0}.workspaceLibrarySearchRow .workspaceAssetsAction{flex:none;margin:0}.workspaceLibrarySearchRow .workspaceAssetsAction button{width:38px;height:38px}.workspaceAssetThumb{width:100%;height:76px;object-fit:contain;background:#fff;border-radius:6px}.builder .canvasWrap{position:relative;min-width:0;max-height:calc(100vh - 66px);overflow:auto!important;padding:14px 24px 72px!important;background:#eef1f6!important;overscroll-behavior:contain}.builder .canvasWrap .canvasLabel{padding:8px 0 12px;background:transparent;color:#73809a;text-align:center}.canvasZoomViewport{display:flex;justify-content:center;align-items:flex-start;min-width:0;overflow:visible}.canvasZoomStage{width:min(1440px,100%);zoom:var(--workspace-zoom,1);transform-origin:top center}.canvasZoomStage .workspaceCanvasContainer{width:100%;margin:0 auto 14px;min-height:calc(100vh - 180px);box-shadow:0 8px 28px #18203313}.canvasZoomStage .workspaceCanvasContainer.templateCanvas{min-height:0}.workspaceZoomDock{position:sticky;z-index:12;bottom:8px;left:0;width:max-content;max-width:calc(100% - 24px);margin:12px auto 0;padding:6px 9px;display:flex;align-items:center;gap:9px;border:1px solid #d6dbe5;border-radius:9px;background:#fff;color:#263249;box-shadow:0 5px 18px #151b2d1f;font-size:12px}.workspaceZoomDock button{min-width:26px;height:26px;padding:0 6px;border:0;border-radius:5px;background:transparent;color:#202b40;font-weight:700}.workspaceZoomDock button:hover{background:#eff0f5}.workspaceZoomDock span{min-width:42px;text-align:center;font-variant-numeric:tabular-nums}.workspaceZoomDock i{width:1px;height:19px;background:#dce1e9;margin:0 2px}.workspaceZoomDock small{margin-left:7px;color:#758198;white-space:nowrap}.workspaceDesignTab{position:fixed;z-index:14;right:6px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);padding:12px 7px;border:1px solid #33405d;border-radius:8px 0 0 8px;background:#111c32;color:#f0f2fb;box-shadow:0 4px 15px #0002;font-size:11px}.workspaceResizeHandles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.workspaceResizeHandle{position:absolute;width:13px;height:13px;padding:0;border:2px solid #fff;border-radius:4px;background:#7058ff;box-shadow:0 0 0 1px #7058ff;pointer-events:auto;touch-action:none}.workspaceResizeHandle.nw{left:-6px;top:-6px;cursor:nwse-resize}.workspaceResizeHandle.ne{right:-6px;top:-6px;cursor:nesw-resize}.workspaceResizeHandle.sw{left:-6px;bottom:-6px;cursor:nesw-resize}.workspaceResizeHandle.se{right:-6px;bottom:-6px;cursor:nwse-resize}.workspaceCanvasContainer:not(.active) .workspaceResizeHandles{display:none}.workspaceCanvasContainer.active{position:relative}.workspaceCanvasContainer.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid #786aff65}.builder:not(.libraryCollapsed) .workspacePanelRail{display:flex}@media(max-width:900px){.builderTop{gap:8px;overflow-x:auto}.builderTop .device{display:flex!important;flex:none}.builderTop .workspaceCanvasSize{max-width:140px!important}.builder.libraryCollapsed{grid-template-columns:60px minmax(0,1fr)!important}.builder:has(.builderDesignPanel).libraryCollapsed{grid-template-columns:60px minmax(0,1fr) 280px!important}.builder:not(.libraryCollapsed){grid-template-columns:320px minmax(0,1fr)!important}.builder:not(.libraryCollapsed):has(.builderDesignPanel){grid-template-columns:320px minmax(0,1fr) 280px!important}.workspacePanelRail{width:60px;flex-basis:60px}}@media(max-width:650px){.builder{height:calc(100vh - 62px)}.builderTop .device{display:flex!important}.builderTop .builderIdentity{flex:none}.builderTop>div:last-child{flex:none}.builderTop .builderIdentity b{max-width:100px}.builderTop .workspaceCanvasSize{display:none}.builder .canvasWrap{padding:10px 10px 65px!important}.builder.libraryCollapsed{grid-template-columns:54px minmax(0,1fr)!important}.workspacePanelRail{width:54px;flex-basis:54px;padding:8px 3px}.workspacePanelRail button{font-size:9px}.workspaceZoomDock small{display:none}.builder:has(.builderDesignPanel).libraryCollapsed{grid-template-columns:54px minmax(0,1fr)!important}.builderDesignPanel{position:fixed;z-index:13;right:0;top:66px;bottom:0;width:min(310px,85vw);box-shadow:-10px 0 30px #0003}}.canvasZoomViewport{min-width:100%;width:max-content}.canvasZoomStage{width:1440px;flex:0 0 1440px}.canvasZoomStage .workspaceCanvasContainer{box-sizing:border-box;aspect-ratio:auto;min-height:0;overflow:hidden}.workspacePageBar{position:sticky;z-index:10;top:8px;left:0;display:flex;align-items:center;justify-content:center;gap:15px;width:max-content;min-width:240px;max-width:100%;margin:0 auto 14px;padding:7px 10px;border:1px solid #d6dbe5;border-radius:8px;background:#fff;color:#263249;box-shadow:0 3px 10px #151b2d12;font-size:12px}.workspacePageBar strong{white-space:nowrap}.workspacePageBar span{color:#73809a;white-space:nowrap;font-variant-numeric:tabular-nums}.workspacePageBar button{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #f0c8ce;border-radius:6px;background:#fff6f7;color:#a53347;white-space:nowrap;cursor:pointer}.workspacePageBar button:hover{background:#ffe8eb}.workspacePageStrip{position:sticky;left:0;display:flex;justify-content:center;gap:9px;width:max-content;min-width:100%;margin:4px auto 12px;padding:4px 0}.workspacePageStrip button{display:flex;align-items:center;gap:8px;min-width:96px;padding:6px 10px;border:1px solid #d3dae6;border-radius:7px;background:#fff;color:#263249;box-shadow:0 2px 8px #151b2d10;cursor:pointer}.workspacePageStrip button.active{border-color:#7058ff;box-shadow:0 0 0 2px #7058ff22}.workspacePageStrip button span{display:grid;place-items:center;width:24px;height:24px;border-radius:4px;background:#f2f4f8;font-weight:700}.workspacePageStrip button small{color:#73809a;font-variant-numeric:tabular-nums}.workspaceZoomDock{position:relative;bottom:auto;left:auto}.workspaceDeleteDialog{width:min(420px,calc(100vw - 28px));padding:24px;border:1px solid #33405d;border-radius:12px;background:#18243d;color:#f7f8fc;box-shadow:0 18px 50px #0005}.workspaceDeleteDialog h2{margin:0 0 12px;font-size:20px}.workspaceDeleteDialog p{margin:0 0 22px;color:#c4cde0;line-height:1.5}.workspaceDeleteDialog>div{display:flex;justify-content:flex-end;gap:10px}@media(max-width:650px){.workspacePageBar{gap:7px;font-size:11px}.workspacePageBar button{font-size:11px}}.app:has(.projectPage) .topCart{display:none!important}.projectCartToggle{position:fixed;top:14px;right:112px;z-index:205;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--text)}.projectCartToggle:hover,.projectCartToggle[aria-expanded=true]{border-color:var(--purple);background:var(--hover)}.projectCartToggle span{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--purple);color:#fff;font-size:10px;line-height:18px}.projectCartSidebar{position:fixed;top:66px;right:14px;bottom:14px;z-index:190;display:flex;flex-direction:column;width:min(340px,calc(100vw - 28px));padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 18px 44px #0008}.projectCartSidebarHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px solid var(--border)}.projectCartSidebarHead h2{margin:0;font-size:18px}.projectCartSidebarHead button,.projectCartSidebarItemActions button{display:grid;place-items:center;min-width:32px;min-height:32px;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--text)}.projectCartSidebarItems{flex:1;min-height:0;overflow-y:auto;padding:7px 0}.projectCartSidebarItems article{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.projectCartSidebarItems b,.projectCartSidebarItems small{display:block}.projectCartSidebarItems b{font-size:13px}.projectCartSidebarItems small{margin-top:4px;color:var(--muted);font-size:11px}.projectCartSidebarItemActions{display:flex;gap:5px}.projectCartSidebarItemActions button:first-child{padding:0 9px;font-size:11px}.projectCartSidebarEmpty{flex:1;color:var(--muted);font-size:13px}.projectCartSidebarView{width:100%;padding:10px;border:1px solid var(--purple);border-radius:7px;background:var(--purple);color:#fff;font-weight:600}@media(max-width:700px){.projectCartToggle{top:9px;right:72px}.projectCartSidebar{top:61px}}.app:has(.projectCartSidebar) main{padding-right:320px}.projectCartSidebar{top:70px;right:0;bottom:0;width:320px;max-width:100vw;border-radius:0;border-top:1px solid var(--border);border-right:0;border-bottom:0;box-shadow:none;background:var(--side)}@media(max-width:700px){.app:has(.projectCartSidebar) main{padding-right:0}.projectCartSidebar{top:61px;width:min(320px,100vw)}}.app:has(.projectPage) main{padding-top:0}.projectPage{padding-top:14px!important}.projectPage .sectionHead{position:relative;margin:0 0 16px;min-height:0}.projectPage .projectActions{position:absolute;top:64px;right:0;padding-top:0}.projectPage>.workspaceChips{margin:0 0 16px}.projectPage>.projectReferenceToolbar{margin:0 0 14px}.projectPage>.referenceFilters{margin:0 0 16px;flex:none}@media(max-width:1050px){.projectPage .sectionHead{display:block}.projectPage .projectActions{position:static;margin-top:12px;align-items:flex-start}}@media(max-width:700px){.projectPage{padding-top:70px!important}.projectPage .sectionHead{min-height:0;flex-wrap:wrap;gap:10px}}.projectPage>.referenceFilters>button:nth-child(3){display:none}.app:has(.projectPage) .desktopAccount{position:absolute!important;top:8px!important;right:20px!important;z-index:200!important}.app:has(.projectPage) .projectCartToggle{position:absolute!important;top:14px!important;right:112px!important;z-index:205!important}.app:has(.projectPage) .projectWorkspaceShortcut{position:absolute!important;top:14px!important;right:164px!important;z-index:205!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 13px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--text);font-size:13px;font-weight:700;cursor:pointer}.app:has(.projectPage) .projectWorkspaceShortcut:hover{border-color:var(--purple);background:var(--hover)}.app:has(.projectPage) main:before{content:none;display:none}@media(max-width:700px){.app:has(.projectPage) .projectCartToggle{top:9px!important;right:72px!important}.app:has(.projectPage) .projectWorkspaceShortcut{top:9px!important;right:124px!important;height:42px;padding:0 10px;font-size:12px}}.builderProjectName{width:190px;min-width:100px;background:transparent;border:0;color:inherit;font:inherit;font-weight:700;outline:none}.builderProjectName:focus{border-bottom:1px solid #6655ff}.builderNameControl{display:flex;align-items:center;gap:5px;min-width:0}.builderNameControl .builderProjectName{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builderNameEdit{display:grid;place-items:center;width:25px;height:25px;border:0;border-radius:5px;background:transparent;color:#aebbd3}.builderNameEdit:hover,.builderNameEdit:focus-visible{background:#253453;color:#fff}.builderNameSave{padding:5px 9px;border:1px solid #7565ff;border-radius:5px;background:#332b82;color:#fff;font-size:11px}.workspacePanelRail button.active{background:#19243a;color:#e3e9f6;box-shadow:inset 2px 0 #6e78a0}.workspacePanelRail button.active:hover{background:#202d46}.previewPage{background:#edf0f6}.previewPage header{gap:12px}.previewPage header>div:last-child{display:flex;align-items:center;gap:8px;flex:none}.previewPage .previewControls{margin:0;flex:1;justify-content:center}.previewPage .previewControls button{display:grid;place-items:center}.previewDeviceFrame{min-height:calc(100vh - 62px);margin:auto;background:#fff;transition:width .2s ease}.previewDeviceFrame.desktop{width:100%}.previewDeviceFrame.tablet{width:min(768px,100%);box-shadow:0 10px 32px #17243c2b}.previewDeviceFrame.mobile{width:min(390px,100%);box-shadow:0 10px 32px #17243c2b}@media(max-width:650px){.builderNameControl .builderProjectName{max-width:130px}.previewPage header{padding:0 8px;gap:5px}.previewPage header>b{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.previewPage .previewControls button{padding:5px}.previewPage header .ghost,.previewPage header .primary{padding:6px;font-size:10px}}.workspaceCanvasItem.selected{outline:2px solid #786aff!important;outline-offset:2px;box-shadow:0 0 0 4px #786aff24}.workspaceCanvasItem.hovered:not(.selected){outline:1px solid #9b90ff;outline-offset:2px}.builderDesignPanel .workspaceDesignSubject{margin:0 0 12px;color:#d8d1ff;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspaceStyleEditor{display:grid;gap:8px;margin:12px 0}.workspaceStyleEditor>button{justify-self:start;padding:7px 10px;border:1px solid #4a5b7a;border-radius:6px;background:#1b2b49;color:#f5f7ff;cursor:pointer}.workspaceStyleEditor>button:hover,.workspaceStyleEditor>button:focus-visible{border-color:#9185ff;background:#2a3860;color:#fff}.workspaceStyleSection{min-width:0;padding:10px;border:1px solid #2d3b56;border-radius:7px;background:#101c30}.builderDesignPanel .workspaceStyleSection h4{margin:0 0 9px;color:#e7ebfb;font-size:12px}.workspaceStyleSection>label{margin-top:8px}.workspaceStylePair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.workspaceStylePair label{min-width:0}.workspaceStylePair input,.workspaceStylePair select{min-width:0;width:100%}.workspaceImageLayerEditor{display:grid;gap:10px;margin:12px 0;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.workspaceImageLayerEditor label{min-width:0}.workspaceImageLayerEditor input,.workspaceImageLayerEditor select{width:100%;min-width:0}.workspaceImageLayerHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.workspaceImageLayerHeader>div{display:flex;gap:4px}.workspaceImageLayerHeader button{padding:4px 6px}.workspaceColorControl{display:flex;align-items:center;gap:6px;min-width:0;margin-top:5px}.builderDesignPanel .workspaceColorControl input[type=color]{display:block;flex:none;width:32px;height:32px;margin:0;padding:2px;cursor:pointer}.builderDesignPanel .workspaceColorControl input:not([type=color]){flex:1;min-width:0;width:100%;margin:0}.workspaceStylePair .workspaceStyleWide{grid-column:1 / -1}.workspaceStyleEditor .workspaceStyleLock{display:flex;align-items:center;gap:7px;margin:4px 0 12px;line-height:1.4}.workspaceStyleEditor .workspaceStyleLock input{display:inline-block;flex:none;width:15px;margin:0;accent-color:#786aff}.workspaceStyleEditor textarea{display:block;width:100%;min-height:90px;margin-top:5px;padding:8px;border:1px solid #35425d;border-radius:5px;background:#111c32;color:#fff;font:11px/1.45 ui-monospace,Consolas,monospace;resize:vertical}.workspaceStyleEditor small{display:block;color:#9caaca;font-size:10px;line-height:1.4}.workspaceLibrarySearchRow>.search{max-width:190px}.workspaceLibraryViews{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 12px}.workspaceLibraryViews button{padding:8px 4px;border:1px solid #35415e;border-radius:7px;background:#121e35;color:#c3cce0;font-size:12px}.workspaceLibraryViews button.active{border-color:#786aff;background:#29245f;color:#fff}.workspaceCartEmpty{color:#aab5cc;font-size:12px;line-height:1.5}.workspaceResizeHandle.bottom{left:calc(50% - 24px);bottom:-7px;width:48px;height:13px;cursor:ns-resize}.workspaceAddSection{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:40px;margin:0 auto 20px;border:1px solid #cbd3e0;border-radius:7px;background:transparent;color:#263249;font-weight:600;cursor:pointer}.workspaceAddSection:hover{background:#e4e8f1;border-color:#786aff}.workspacePageStripAdd{display:flex;align-items:center;justify-content:center;width:40px;height:36px;margin:0 auto 12px;border:1px solid #d3dae6;border-radius:7px;background:#fff;color:#263249;cursor:pointer}.siteDatabasePanel{position:fixed;z-index:1000;top:66px;right:0;bottom:0;width:min(390px,100vw);display:flex;flex-direction:column;gap:16px;padding:18px;background:#101a30;color:#f5f7ff;border-left:1px solid #344261;box-shadow:-12px 0 36px #0005}.previewPage .siteDatabasePanel{top:62px}.siteDatabasePanel>header,.previewPage .siteDatabasePanel>header{position:static;z-index:auto;height:auto;min-height:0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:0;background:transparent;color:#f5f7ff}.siteDatabasePanel h2{margin:0 0 4px;font-size:20px}.siteDatabasePanel p{margin:0;color:#aab7cf;font-size:13px}.siteDatabasePanel>header>div:last-child{display:flex;gap:8px}.siteDatabasePanel button{border:1px solid #344261;border-radius:7px;padding:7px 11px;background:#192744;color:#f5f7ff}.siteDatabaseTableWrap{min-height:0;overflow:auto;border:1px solid #344261;border-radius:8px}.siteDatabasePanel table{width:100%;border-collapse:collapse;font-size:13px}.siteDatabasePanel th,.siteDatabasePanel td{padding:10px 12px;border-bottom:1px solid #293751;text-align:left;vertical-align:top;min-width:110px;max-width:280px;overflow-wrap:anywhere}.siteDatabasePanel th{position:sticky;top:0;background:#1b2a45;white-space:nowrap}.siteDatabasePanel details pre{max-width:300px;white-space:pre-wrap}.siteDatabasePanel summary{cursor:pointer;color:#b8b1ff}.workspaceCanvasItem.workspaceFormItem .publishedMiniThumb,.workspaceCanvasItem.workspaceFormItem .publishedMiniThumb iframe{pointer-events:auto!important}.workspaceCanvasItem:not(.workspaceFormItem) .publishedMiniThumb iframe{pointer-events:auto!important}.workspaceCanvasItem .publishedMiniThumb{pointer-events:auto!important}.workspaceAddPageControl{position:relative;display:flex;align-items:stretch;flex:none}.workspaceAddPageControl .addWorkspaceContainer{border-radius:7px 0 0 7px}.workspacePageMenuToggle{display:grid;place-items:center;width:29px;border:1px solid #263650;border-left:0;border-radius:0 7px 7px 0;background:#101d35;color:#fff;cursor:pointer}.workspacePageMenu{position:absolute;top:calc(100% + 5px);left:0;z-index:30;min-width:170px;padding:6px;border:1px solid #263650;border-radius:8px;background:#101d35;box-shadow:0 10px 24px #0005}.workspacePageMenu>button{display:block;width:100%;padding:7px 9px;border:0;border-radius:5px;background:transparent;color:#fff;text-align:left;cursor:pointer}.workspacePageMenu>button:hover,.workspacePageMenu>button.active{background:#5946c7}.workspacePageRename{display:flex;gap:5px;margin:7px 2px 2px;padding-top:7px;border-top:1px solid #263650}.workspacePageRename input{box-sizing:border-box;min-width:0;width:120px;padding:6px;border:1px solid #384563;border-radius:5px;background:#0b162b;color:#fff}.workspacePageRename button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 7px;border:1px solid #384563;border-radius:5px;background:#172541;color:#fff;white-space:nowrap;cursor:pointer}.workspacePageRename .workspacePageEditName{width:100%;justify-content:flex-start;border:0;background:transparent;color:#bfcaf0}.workspaceItemMove{position:absolute;z-index:5;top:-25px;left:4px;display:grid;place-items:center;width:24px;height:24px;border:1px solid #d5d9e5;border-radius:5px;background:#fff;color:#35415d;cursor:grab;touch-action:none}.workspaceItemMove:active{cursor:grabbing}.websiteProjectCard{overflow:hidden}.websiteProjectArt{position:relative;aspect-ratio:16/9;overflow:hidden;background:#fff;color:#172036}.websiteProjectScaled{position:absolute;top:0;left:0;width:1280px;min-height:720px;transform-origin:top left;pointer-events:none}.websiteProjectScaled .publishedSite{width:1280px;min-height:720px;background:#fff}.websiteProjectEmpty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#68748c;font-size:13px}.websiteProjectDetails{padding:13px}.websiteProjectDetails h3{margin:0 0 5px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.websiteProjectDetails p{margin:0 0 13px;color:var(--muted);font-size:12px}.websiteProjectActions{display:flex;gap:7px;flex-wrap:wrap}.websiteProjectActions button{padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:#18243d;color:var(--text);font-size:12px}.websiteProjectActions button:hover{border-color:#7668ff}.connectorCanvas{position:relative;min-width:0;min-height:0;flex:1;background:#edf1f8;background-image:radial-gradient(#c7d1e3 1px,transparent 1px);background-size:20px 20px;overflow:hidden}.connectorCanvasHeading{position:absolute;z-index:2;top:16px;left:20px;display:flex;gap:12px;align-items:center;padding:9px 14px;border:1px solid #d8dff0;border-radius:12px;background:#fff;color:#152341;box-shadow:0 8px 20px #25385b15}.connectorCanvasHeading span{font-size:12px;color:#6d7891}.connectorScroll{width:100%;height:100%;overflow:auto;padding:68px 28px 88px}.connectorStageSpace{position:relative;margin:auto}.connectorStage{position:absolute;left:0;top:0;transform-origin:top left}.connectorWires{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.connectorWires path{fill:none;stroke:#635bff;stroke-width:3;filter:drop-shadow(0 2px 3px #625bff55)}.connectorWires .databaseWire{stroke:#178c91;stroke-dasharray:7 5}.connectorNode{position:absolute;width:228px;height:162px;display:flex;align-items:center;border:2px solid #d7def0;border-radius:14px;background:#fff;box-shadow:0 12px 26px #172b4d1a}.connectorNode.selected{border-color:#6558fb;box-shadow:0 0 0 4px #6558fb20,0 12px 26px #172b4d1a}.connectorNode.databaseNode{border-color:#b3dedc;background:#f3fbfa}.connectorNodeBody{border:0;background:transparent;color:#17233f;display:flex;flex-direction:column;text-align:left;gap:10px;width:100%;height:100%;padding:19px 24px;cursor:pointer}.connectorNodeBody strong{font-size:20px}.connectorNodeBody small{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7791;line-height:1.35}.connectorNodeType{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.1em;font-weight:800;color:#6d61e7}.databaseNode .connectorNodeType{color:#16898f}.connectorPort{position:absolute;z-index:2;top:calc(50% - 9px);width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#685cff;box-shadow:0 0 0 2px #685cff;cursor:crosshair}.connectorPort.input{left:-10px}.connectorPort.output{right:-10px}.connectorPort.pending{background:#fff;box-shadow:0 0 0 4px #685cff,0 0 0 10px #685cff44}.databaseNode .connectorPort{background:#178c91;box-shadow:0 0 0 2px #178c91}.connectorZoomBar{position:absolute;z-index:2;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:6px;border:1px solid #dce3ef;border-radius:11px;background:#fff;box-shadow:0 8px 24px #172b4d20;color:#25304c}.connectorZoomBar button{display:flex;align-items:center;gap:5px;border:0;border-radius:7px;background:transparent;color:inherit;padding:7px 9px;cursor:pointer}.connectorZoomBar button:hover{background:#edeaff}.connectorZoomBar span{min-width:44px;text-align:center;font-size:12px}.connectorHint{position:absolute;z-index:2;left:20px;bottom:70px;background:#fff;padding:8px 12px;border-radius:8px;color:#26314f;box-shadow:0 5px 15px #172b4d18}.connectorHint button{border:0;background:none;color:#5c51ea;cursor:pointer}.connectorPanelContent{overflow-y:auto;padding:18px 16px;color:#e9edfa}.connectorPanelContent h3{margin:0 0 18px}.connectorPanelContent h4{margin:22px 0 8px}.connectorPanelContent label:not(.connectorToggle){display:flex;flex-direction:column;gap:7px;margin:14px 0;font-size:12px}.connectorPanelContent select{width:100%;padding:9px 10px;border:1px solid #3c4b68;border-radius:8px;background:#14213b;color:#fff}.connectorPanelContent p,.connectorPanelContent small{font-size:12px;line-height:1.5;color:#b4bfd4}.connectorToggle{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700}.connectorToggle input{position:absolute;opacity:0}.connectorSwitch{width:42px;height:24px;border-radius:16px;background:#57627b;position:relative;cursor:pointer;flex:none}.connectorSwitch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s}.connectorToggle input:checked+.connectorSwitch{background:#675bff}.connectorToggle input:checked+.connectorSwitch:after{transform:translate(18px)}.connectorToggle input:focus-visible+.connectorSwitch{outline:2px solid #fff;outline-offset:2px}.connectorBinding{border-top:1px solid #30405d;margin-top:18px}.connectorLinkList{list-style:none;margin:0;padding:0;display:grid;gap:8px}.connectorLinkList li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #33405c;border-radius:8px;font-size:12px}.connectorLinkList li button{border:0;background:transparent;color:#e9edfa;cursor:pointer}.connectorWarning{border:1px solid #d38c55;border-radius:8px;padding:9px}.builderDesignPanel .connectorToggle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 18px;font-size:12px;color:#f5f7ff}.builderDesignPanel .connectorToggle input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}.builderDesignPanel .connectorPanelContent select{display:block;width:100%;margin:5px 0 0;padding:9px 10px;border:1px solid #3c4b68;border-radius:8px;background:#14213b;color:#fff}.builderDesignPanel button.connectorToggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:10px 0 18px;padding:3px 0;border:0;background:transparent;text-align:left;font-size:12px;color:#f5f7ff}.builderDesignPanel button.connectorToggle[aria-checked=true] .connectorSwitch{background:#675bff}.builderDesignPanel button.connectorToggle[aria-checked=true] .connectorSwitch:after{transform:translate(18px)}.builderDesignPanel button.connectorToggle:focus-visible{outline:2px solid #fff;outline-offset:3px}.builderDesignPanel .connectorPanelContent .workspaceDesignSubject{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.5}.connectorNode.pageNode{display:block;width:348px;height:520px;overflow:visible;background:#f8faff}.connectorNode.pageNode .connectorNodeBody{height:72px;padding:12px 18px;border-bottom:1px solid #e4e9f2;border-radius:12px 12px 0 0;gap:5px}.connectorNode.pageNode .connectorNodeBody strong{font-size:19px}.connectorNode.databaseNode{width:250px;height:180px}.connectorPagePreview{height:444px;padding:10px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;pointer-events:none;border-radius:0 0 12px 12px}.connectorPageScaled{flex:none;background:#fff;box-shadow:0 0 0 1px #dbe2ee,0 3px 13px #1b2a4430;overflow:hidden}.connectorPageSurface{position:relative;transform-origin:top left;overflow:hidden}.connectorPreviewPlacement{position:absolute;overflow:hidden}.connectorPreviewPlacement iframe{pointer-events:none}.connectorNativePreview{width:100%;height:100%;padding:24px}.connectorNativePreview h2{font-size:38px;margin:0 0 14px}.connectorNativePreview p{font-size:20px}.connectorPageEmpty{display:grid;place-items:center;height:420px;color:#8290a6;font-size:15px}.connectorNode.pageNode .connectorPagePreview{height:calc(100% - 72px)}.connectorNode.pageNode .connectorPageEmpty{height:100%}.connectorLinkPort{position:absolute;z-index:2;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#685cff;box-shadow:0 0 0 2px #685cff;pointer-events:none}.connectorLinkPort.input{left:-10px}.connectorLinkPort.output{right:-10px}.databaseNode .connectorLinkPort{background:#178c91;box-shadow:0 0 0 2px #178c91}.workspaceInspectorShowAll{width:100%;margin:4px 0 12px;padding:9px 12px;border:1px solid #354560;border-radius:8px;background:#15233c;color:#dce5ff;text-align:left;cursor:pointer}.connectorModal{position:fixed;z-index:1200;top:8%;right:10%;bottom:8%;left:10%;display:flex;align-items:center;justify-content:center;padding:34px;background:#0b1324ef;border:1px solid #53658a;border-radius:14px;box-shadow:0 24px 70px #0008;overflow:auto}.connectorModal>span{display:block;width:min(100%,900px);max-height:100%;overflow:auto;background:#fff;border-radius:10px}.connectorModalClose{position:absolute;right:16px;top:12px;width:32px;height:32px;border:1px solid #67789a;border-radius:50%;background:#17233c;color:#fff;font-size:22px;cursor:pointer}.connectorModal{top:0;right:0;bottom:0;left:0;padding:20px;background:#080f1e94;border:0;border-radius:0;display:grid;place-items:center;overflow:hidden;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.connectorModalContent{position:relative;display:flex;flex-direction:column;width:min(760px,calc(100vw - 40px));max-height:min(86vh,900px);min-height:0;overflow:hidden;border:1px solid #d9e1ef;border-radius:18px;background:#fff;box-shadow:0 24px 80px #0a142847}.connectorModalBody{min-height:0;overflow:auto;overscroll-behavior:contain;padding:44px 24px 24px;background:#f4f6fb}.connectorModalSections{display:grid;gap:16px}.connectorModalSections>*{min-width:0;margin:0!important}.connectorModalContent{width:min(640px,calc(100vw - 40px));background:transparent;border:0;box-shadow:none;overflow:visible}.connectorModalBody{padding:0;background:transparent}.connectorPopupNative{width:min(100%,560px);margin:0 auto;padding:28px;border:1px solid #d9e1ef;border-radius:16px;background:#fff;box-shadow:0 12px 32px #14233c14}.connectorPopupNative h1{margin:0 0 12px}.connectorPopupNative p{margin:0;line-height:1.6}.connectorModalClose{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #d9e1ef;border-radius:50%;background:#fff;color:#24324b;font-size:22px;line-height:1;box-shadow:0 2px 8px #14233c1f;cursor:pointer}.connectorLinkList li>span{flex:1;min-width:0;overflow-wrap:anywhere}.connectorLinkActions,.connectorFormActions{display:flex;align-items:center;gap:6px;flex:none}.connectorLinkActions button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #33405c;border-radius:7px;background:#17243c;color:#e9edfa;cursor:pointer}.connectorLinkActions button:hover{border-color:#8175ff;background:#242f4e}.connectorFormActions .ghost{padding:7px 12px}@media(max-width:600px){.connectorModal{padding:12px}.connectorModalContent{width:calc(100vw - 24px);max-height:90vh;border-radius:14px}.connectorModalBody{padding:0}}.previewDeviceFrame.tablet .workspaceLayoutPreview .previewWorkspacePage,.previewDeviceFrame.mobile .workspaceLayoutPreview .previewWorkspacePage{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:24px;padding:24px 20px;height:auto!important;min-height:calc(100vh - 62px);max-width:none!important}.previewDeviceFrame.tablet .workspaceLayoutPreview .previewWorkspaceItem,.previewDeviceFrame.mobile .workspaceLayoutPreview .previewWorkspaceItem{position:relative!important;inset:auto!important;width:100%!important;min-width:0;min-height:0!important;grid-column:auto}.previewDeviceFrame.tablet .workspaceLayoutPreview .previewWorkspaceItem.fullWidth,.previewDeviceFrame.mobile .workspaceLayoutPreview .previewWorkspaceItem.fullWidth{grid-column:1/-1}.previewDeviceFrame.mobile .workspaceLayoutPreview .previewWorkspacePage{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px 14px}.previewDeviceFrame.mobile .workspaceLayoutPreview .previewWorkspaceItem.fullWidth{grid-column:1}.previewDeviceFrame.tablet .workspaceLayoutPreview .previewLayeredScene,.previewDeviceFrame.mobile .workspaceLayoutPreview .previewLayeredScene{display:block!important;position:relative!important;padding:0!important;max-width:100%!important;height:var(--scene-height,auto)!important;min-height:0!important;overflow:hidden}.previewDeviceFrame.tablet .workspaceLayoutPreview .previewLayeredScene .previewWorkspaceItem,.previewDeviceFrame.mobile .workspaceLayoutPreview .previewLayeredScene .previewWorkspaceItem{position:absolute!important;left:var(--scene-left)!important;top:var(--scene-top)!important;width:var(--scene-width)!important;min-height:0!important;grid-column:auto!important}.workspaceLengthControl{display:flex;align-items:stretch;gap:4px;min-width:0;margin-top:5px}.workspaceLengthControl input{flex:1;min-width:0;width:1px;margin:0}.workspaceLengthControl select,.workspaceThemePanel .workspaceLengthControl select,.workspaceStylePair .workspaceLengthControl select{flex:none;width:72px;min-width:72px;margin:0}.workspaceFontControl select{width:100%}.workspaceFontControl input{margin-top:5px}.workspacePaintControl{min-width:0;margin-top:5px}.workspacePaintControl>.workspaceColorControl{margin-top:0}.workspacePaintControl>select{display:block;width:100%;min-width:0;margin-top:5px}.workspaceGradientControls{display:grid;gap:6px;margin-top:7px;padding:8px;border:1px solid #35425d;border-radius:7px}.workspaceGradientControls select{width:100%;min-width:0}.workspaceGradientPreview{display:block;width:100%;height:24px;border-radius:5px;border:1px solid #ffffff33}.workspaceGradientStep{display:flex;align-items:center;gap:5px;min-width:0;font-size:11px}.workspaceGradientStep input[type=color]{flex:none;width:28px;height:25px;padding:1px}.workspaceGradientStep input[type=number]{width:58px;min-width:0;margin:0}.workspaceGradientStep input[type=checkbox]{flex:none;width:14px;margin:0}.workspaceStyleEditor input[type=range],.builderDesignPanel input[type=range]{display:block;width:100%;margin-top:5px;accent-color:#745cff}.workspaceThemePanel .workspaceGradientStep input[type=number]{width:58px}.workspaceThemePanel .workspaceGradientStep input[type=checkbox]{width:14px}.workspaceThemePanel .workspaceGradientControls select,.workspaceThemePanel .workspaceGradientControls input[type=number],.workspaceThemePanel .workspaceGradientControls input[type=checkbox]{margin:0}.workspaceFormFieldsEditor{margin:14px 0;padding:14px;border:1px solid var(--border);border-radius:9px;background:var(--card)}.workspaceFormFieldsEditor h4{margin:0 0 5px;font-size:14px}.workspaceFormFieldsEditor p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.5}.workspaceFormFieldEditor{margin:12px 0;padding:12px;border:1px solid var(--border);border-radius:8px}.workspaceFormFieldEditorTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.workspaceFormFieldEditorTitle button{color:#f7a8a8}.workspaceFormFieldEditor label,.workspacePlacedZIndex{display:block;margin:8px 0;font-size:12px;color:var(--muted)}.workspaceFormFieldEditor input:not([type=checkbox]),.workspaceFormFieldEditor select,.workspaceFormFieldEditor textarea,.workspacePlacedZIndex input{display:block;width:100%;min-width:0;margin-top:5px;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text)}.workspaceFormFieldEditor .workspaceFormFieldRequired{display:flex;align-items:center;gap:8px}.workspaceFormFieldsEditor button{padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text)}.lightTheme .projectPage .workspaceChips button.active{background:#e9e7ff;border-color:#6658ff;color:#4035b8}.lightTheme .projectPage .studioCardActions button{background:#f8f9fd;border-color:#cbd5e5;color:#193153}.lightTheme .projectPage .studioCardActions button:hover{background:#eef0ff;border-color:#786aff}.lightTheme .projectPage .assetsGrid article{background:#fff;border-color:#d9e0ec;color:#182033}.lightTheme .projectPage .assetsGrid article small{color:#52627a}.lightTheme .projectPage .assetsGrid .assetDelete{background:#fff2f4;border-color:#eab8c1;color:#a53347}.lightTheme .projectPage .assetsGrid .assetDelete:hover{background:#ffe5e9}.lightTheme .projectPage .assetsLibrary>label{color:#34445d}.lightTheme .projectPage .assetsLibrary>label select{background:#fff;border-color:#cbd5e5;color:#182033}