:root{--ink:#15131d;--muted:#716d7c;--line:#e6e4eb;--soft:#f6f5f8;--white:#fff;--violet:#6547ed;--violet-dark:#5034d7;--green:#17865a;--red:#b52e3b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f8fb;color:var(--ink)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}.brand{display:flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none;font-size:1.2rem;font-weight:850}.brand span{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:.7rem;background:linear-gradient(145deg,#826cff,#5132dd);color:#fff;box-shadow:0 .5rem 1.5rem #6547ed47}.primary,.secondary{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;padding:.65rem 1.05rem;border:0;border-radius:.7rem;background:var(--violet);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.primary:hover{background:var(--violet-dark)}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.compact{min-height:2.35rem;padding:.45rem .75rem}.wide{width:100%}.eyebrow{margin:0;color:var(--violet);font-size:.75rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.auth-page{background:#f7f6fa}.auth-shell{display:grid;grid-template-columns:1.05fr .72fr;gap:clamp(3rem,8vw,8rem);width:min(1180px,calc(100% - 2rem));min-height:100vh;margin:auto;align-items:center;padding:3rem 0}.auth-copy h1{max-width:44rem;margin:.8rem 0 1.35rem;font-size:clamp(3.25rem,6.6vw,6.7rem);line-height:.9;letter-spacing:-.07em}.auth-copy>.brand{margin-bottom:5rem}.auth-copy>p:not(.eyebrow){max-width:37rem;color:var(--muted);font-size:1.16rem;line-height:1.65}.benefits{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}.benefits span{padding:.55rem .8rem;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:.84rem;font-weight:700}.auth-card{padding:1.75rem;border:1px solid var(--line);border-radius:1.25rem;background:#fff;box-shadow:0 1.5rem 5rem #231b4617}.auth-card h2{margin:0 0 1.4rem;font-size:1.65rem}.auth-card label,.panel label,.edit-dialog label{display:block;margin:0 0 1rem;color:#3a3643;font-size:.88rem;font-weight:750}.auth-card input,.panel input:not([type=radio]):not([type=checkbox]):not([type=color]),.panel textarea,.panel select,.edit-dialog input,.edit-dialog textarea{display:block;width:100%;margin-top:.42rem;padding:.75rem .8rem;border:1px solid #d1ced8;border-radius:.65rem;background:#fff;color:var(--ink);outline:none}.auth-card input:focus,.panel input:focus,.panel textarea:focus,.edit-dialog input:focus,.edit-dialog textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6547ed1f}.auth-card>p:last-child{text-align:center;color:var(--muted);font-size:.88rem}.auth-card a{color:var(--violet);font-weight:750}.check{display:flex!important;align-items:flex-start;gap:.5rem;font-weight:500!important}.check input{width:auto!important;margin:.2rem 0 0!important}.handle-field{display:flex;align-items:center;margin-top:.42rem;padding-left:.75rem;border:1px solid #d1ced8;border-radius:.65rem;color:var(--muted);overflow:hidden}.handle-field input{margin:0!important;border:0!important;box-shadow:none!important}.field-error{margin:-.65rem 0 .8rem;color:var(--red);font-size:.8rem}.notice,.success{padding:.8rem 1rem;border-radius:.65rem;background:#eaf7ef;color:#17693f}.studio{min-height:100vh}.side-nav{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;width:15rem;flex-direction:column;padding:1.4rem 1rem;background:#17151f;color:#fff}.side-nav nav{display:grid;gap:.25rem;margin-top:2.4rem}.side-nav nav a{display:flex;align-items:center;gap:.8rem;padding:.72rem .8rem;border-radius:.65rem;color:#aaa6b5;text-decoration:none;font-size:.9rem;font-weight:650}.side-nav nav a:hover,.side-nav nav a.active{background:#2c2838;color:#fff}.side-nav nav i{width:1.2rem;font-style:normal;text-align:center}.side-nav form{margin-top:auto}.nav-logout{width:100%;padding:.7rem;border:0;background:none;color:#aaa6b5;text-align:left;cursor:pointer}.workspace{margin-left:15rem}.topbar{position:sticky;top:0;z-index:15;display:flex;height:4.3rem;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid var(--line);background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar>div{display:flex;align-items:center;gap:.7rem}.top-actions{gap:.6rem!important}.avatar{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-weight:850}.status-pill,.plan{padding:.42rem .65rem;border-radius:99px;background:#ece9f1;color:#6e687a;font-size:.76rem;font-weight:800;text-transform:capitalize}.status-pill.published{background:#e5f7ed;color:var(--green)}.mobile-menu{display:none}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 23rem;gap:1.6rem;width:min(78rem,calc(100% - 4rem));margin:auto;padding:2rem 0 5rem}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.45rem}.page-title h1{margin:.25rem 0;font-size:clamp(2.25rem,4vw,3.4rem);letter-spacing:-.055em}.page-title>div>p:last-child{margin:.2rem 0;color:var(--muted)}.plan{background:#eeeaff;color:#5537d5}.panel{margin-bottom:1.25rem;padding:1.5rem;border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 .5rem 2rem #1f183e0a}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}.panel-title h2{margin:.2rem 0 0;font-size:1.35rem}.text-button,.upload-button,.nav-logout{border:0;background:none;color:var(--violet);font-weight:750;cursor:pointer}.upload-button{margin-top:.45rem;padding:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.colours{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.colours input{display:block;width:100%;height:2.8rem;margin-top:.4rem;padding:.15rem;border:1px solid var(--line);border-radius:.55rem;background:#fff}.templates{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:1.4rem}.template-choice{position:relative;margin:0!important;padding:.45rem;border:1px solid var(--line);border-radius:.75rem;cursor:pointer}.template-choice.selected{border-color:var(--violet);box-shadow:0 0 0 2px #6547ed1a}.template-choice input{position:absolute;opacity:0}.template-choice>strong{display:block;margin:.42rem .15rem .1rem;font-size:.76rem}.template-art{display:grid;height:5.4rem;align-content:center;gap:.35rem;padding:.65rem;border-radius:.5rem;background:#f0eef9}.template-art i{width:1.35rem;height:1.35rem;margin:auto;border-radius:50%;background:var(--violet)}.template-art b{height:.4rem;border-radius:1rem;background:#fff}.template-art.spotlight{background:#17151f}.template-art.storefront{grid-template-columns:1fr 1fr}.template-art.storefront i{grid-column:1/-1}.template-art.media{background:linear-gradient(145deg,#5d39e2,#f074a5)}.add-block{margin-bottom:1.2rem;padding:1rem;border:1px solid #dcd7ef;border-radius:.8rem;background:#f9f8fe}.block-types{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;margin-bottom:1rem}.block-types label{margin:0}.block-types input{position:absolute;opacity:0}.block-types span{display:grid;min-height:4rem;place-items:center;padding:.4rem;border:1px solid var(--line);border-radius:.65rem;background:#fff;font-size:.72rem;cursor:pointer}.block-types input:checked+span{border-color:var(--violet);background:#eeeaff;color:#4f33ca}.block-types i{font-size:1.1rem;font-style:normal}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:.7rem}.empty{display:grid;justify-items:center;padding:2rem;border:1px dashed #c9c5d1;border-radius:.8rem;background:var(--soft);text-align:center}.empty>span{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:50%;background:#e8e5ef;font-size:1.25rem}.empty strong{margin-top:.6rem}.empty p{margin:.3rem 0;color:var(--muted);font-size:.87rem}.block-list{display:grid;gap:.55rem}.block{display:grid;grid-template-columns:1.5rem 2.4rem minmax(0,1fr) 2.5rem 2.2rem;gap:.65rem;align-items:center;padding:.8rem;border:1px solid var(--line);border-radius:.75rem;background:#fff}.drag,.icon-button{border:0;background:none;color:#888291;cursor:grab}.block-icon{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:.6rem;background:#eeeaff;color:#5639d4}.block small{display:block;margin-top:.18rem;color:var(--muted);font-size:.75rem;text-transform:capitalize}.switch input{position:absolute;opacity:0}.switch span{position:relative;display:block;width:2.35rem;height:1.3rem;border-radius:99px;background:#c8c4cf;cursor:pointer}.switch span:after{position:absolute;top:.16rem;left:.17rem;width:.98rem;height:.98rem;border-radius:50%;background:#fff;content:"";transition:.16s}.switch input:checked+span{background:var(--violet)}.switch input:checked+span:after{transform:translate(1.02rem)}.module-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.module-cards>div{display:grid;gap:.25rem;padding:.9rem;border:1px solid var(--line);border-radius:.75rem;background:#fff}.module-cards>div>span{font-size:1.15rem;color:var(--violet)}.module-cards small{color:var(--muted);line-height:1.35}.muted-panel{background:#f3f1f8}.preview-column{position:sticky;top:5.8rem}.preview-head{display:flex;justify-content:space-between;margin-bottom:.55rem;color:var(--muted);font-size:.78rem;font-weight:700}.preview-head a{color:var(--violet);text-decoration:none}.phone{padding:.42rem;border-radius:2.15rem;background:#15131d;box-shadow:0 1.5rem 3.5rem #1e163f2b}.profile-preview{--profile-bg:#f4f2ff;--profile-card:#fff;--profile-text:#17142b;--profile-accent:#6246ea;min-height:43rem;padding:2.5rem 1rem 1.4rem;border-radius:1.8rem;background:var(--profile-bg);color:var(--profile-text);overflow:hidden;text-align:center}.profile-preview .cover{height:9rem;margin:-2.5rem -1rem 0;background-position:center;background-size:cover}.profile-content{position:relative}.cover+.profile-content{margin-top:-2.8rem}.profile-content>img,.avatar-large{display:grid;width:5.2rem;height:5.2rem;place-items:center;margin:0 auto .75rem;border:3px solid rgba(255,255,255,.9);border-radius:50%;background:var(--profile-accent);color:#fff;object-fit:cover;font-size:1.8rem;font-weight:900}.profile-content h2{margin:0 0 .25rem}.handle{color:var(--profile-accent)}.profile-content>p{line-height:1.45}.preview-blocks{display:grid;gap:.6rem;margin-top:1.35rem}.preview-blocks>a,.preview-text{display:flex;justify-content:space-between;padding:.85rem .9rem;border-radius:.75rem;background:var(--profile-card);color:var(--profile-text);font-size:.85rem;font-weight:750;text-align:left;box-shadow:0 .35rem 1rem #1411280f}.preview-text{display:block}.preview-text p{margin:.3rem 0 0;font-weight:400}.made{display:block;margin-top:2rem;opacity:.55}.profile-preview.template-spotlight{background:#17151f;color:#fff}.profile-preview.template-spotlight .preview-blocks>a,.profile-preview.template-spotlight .preview-text{border:1px solid #45404f;background:transparent;color:#fff}.profile-preview.template-storefront .preview-blocks{grid-template-columns:1fr 1fr}.edit-dialog{width:min(31rem,calc(100% - 2rem));padding:0;border:0;border-radius:1rem;box-shadow:0 2rem 6rem #140f284d}.edit-dialog::backdrop{background:#0f0c1999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.edit-dialog form{padding:1.4rem}.edit-dialog header,.edit-dialog footer{display:flex;align-items:center;justify-content:space-between}.edit-dialog header{margin-bottom:1rem}.edit-dialog header h2{margin:0}.edit-dialog header button{border:0;background:none;font-size:1.6rem;cursor:pointer}.danger{border:0;background:none;color:var(--red);font-weight:750;cursor:pointer}.mobile-tabs{display:none}.toast{position:fixed;z-index:100;right:1rem;bottom:1rem;max-width:22rem;padding:.8rem 1rem;border-radius:.7rem;background:#17151f;color:#fff;box-shadow:0 1rem 2.5rem #0003;opacity:0;transform:translateY(1rem);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#8f2530}.public-profile-page{margin:0}.public-profile{--profile-bg:#f4f2ff;--profile-card:#fff;--profile-text:#17142b;--profile-accent:#6246ea;min-height:100vh;padding:4rem 1rem;background:var(--profile-bg);color:var(--profile-text);overflow:hidden;text-align:center}.public-cover{height:20rem;margin:-4rem -1rem 0;background-position:center;background-size:cover}.public-inner{position:relative;width:min(38rem,100%);margin:auto}.public-cover+.public-inner{margin-top:-3.5rem}.public-avatar{display:grid;width:6.5rem;height:6.5rem;place-items:center;margin:0 auto 1rem;border:4px solid rgba(255,255,255,.9);border-radius:50%;background:var(--profile-accent);color:#fff;object-fit:cover;font-size:2.2rem;font-weight:900;box-shadow:0 .7rem 1.8rem #00000024}.public-inner h1{margin:0 0 .3rem;font-size:2rem}.public-handle{color:var(--profile-accent)}.public-bio{margin:1.1rem auto 1.5rem;line-height:1.55}.public-blocks{display:grid;gap:.75rem;margin-top:1.5rem}.public-blocks>a,.public-blocks>section{display:flex;justify-content:space-between;padding:1rem 1.1rem;border-radius:.9rem;background:var(--profile-card);color:var(--profile-text);font-weight:750;text-align:left;text-decoration:none;box-shadow:0 .4rem 1.4rem #14112812}.public-blocks>section{display:block}.public-blocks>section p{margin:.4rem 0 0;font-weight:400}.public-inner footer{margin-top:2.2rem;font-size:.78rem;opacity:.55}.public-profile.template-spotlight{background:#17151f;color:#fff}.public-profile.template-spotlight .public-blocks>a,.public-profile.template-spotlight .public-blocks>section{border:1px solid #45404f;background:transparent;color:#fff}.public-profile.template-storefront .public-blocks{grid-template-columns:1fr 1fr}@media(max-width:1050px){.builder-grid{grid-template-columns:minmax(0,1fr) 20rem}.templates{grid-template-columns:repeat(2,1fr)}.module-cards{grid-template-columns:1fr}}@media(max-width:800px){.auth-shell{grid-template-columns:1fr;padding:2rem 0}.auth-copy>.brand{margin-bottom:3rem}.auth-copy h1{font-size:3.4rem}.side-nav{display:none}.workspace{margin:0}.topbar{height:3.8rem;padding:0 .9rem}.mobile-menu{display:none}.topbar>div:first-child strong{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions .avatar{display:none}.builder-grid{display:flex;width:100%;padding:1rem .85rem 6rem;flex-direction:column}.preview-column{position:static;order:-1}.phone{width:min(23rem,100%);margin:auto}.profile-preview{min-height:34rem}.page-title{align-items:flex-start}.two{grid-template-columns:1fr}.mobile-tabs{position:fixed;z-index:30;right:0;bottom:0;left:0;display:flex;height:4.35rem;justify-content:space-around;padding:.4rem max(.4rem,env(safe-area-inset-right)) calc(.4rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-tabs a,.mobile-tabs button{display:grid;min-width:4rem;place-items:center;border:0;background:none;color:var(--muted);font-size:.67rem;text-decoration:none}.mobile-tabs span{font-size:1rem}.mobile-tabs .active,.mobile-tabs button{color:var(--violet)}.toast{bottom:5.2rem}.public-profile.template-storefront .public-blocks{grid-template-columns:1fr}}@media(max-width:480px){.auth-copy h1{font-size:2.8rem}.auth-copy>.brand{margin-bottom:2rem}.auth-card{padding:1.25rem}.top-actions .secondary{display:none}.page-title h1{font-size:2.25rem}.colours{grid-template-columns:repeat(2,1fr)}.block-types{grid-template-columns:repeat(3,1fr)}.panel{padding:1rem}.profile-preview{min-height:31rem}.public-profile{padding-top:3rem}.public-cover{height:15rem;margin-top:-3rem}}