@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&family=Lora:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap";
:root{--ui-bg:#10191c;--ui-bg-2:#152126;--ui-card:#182529db;--ui-card-strong:#1a292e;--ui-line:#e0e9e51f;--ui-line-strong:#7fa89b57;--ui-text:#f3f1ea;--ui-muted:#a7b4b1;--ui-purple:#789f95;--ui-purple-2:#91b3aa;--ui-pink:#89a7b5;--ui-orange:#cdb791;--ui-yellow:#d9c7a5;--ui-success:#82aa98;--ui-sage:#789f95;--ui-sage-2:#91b3aa;--ui-mist:#89a7b5;--ui-sand:#d9c7a5;--ui-ivory:#f3f1ea;--ui-radius:20px;--ui-shadow:0 28px 80px #040c0e3d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ui-bg);min-width:320px;color:var(--ui-text);margin:0;font-family:Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 84% -5%,#89a7b51a,#0000 27%),radial-gradient(circle at 42% 0,#789f951f,#0000 24%),linear-gradient(#ffffff05,#0000 18%);position:fixed;inset:0}.app-shell{min-height:100vh}.topbar{z-index:50;border-top:3px solid #0000;border-image:linear-gradient(90deg, var(--ui-sage), var(--ui-mist), var(--ui-sand)) 1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e181bf0;border-bottom:1px solid #ffffff14;grid-template-columns:minmax(260px,1fr) auto minmax(360px,1fr);align-items:center;gap:24px;height:76px;padding:0 28px;display:grid;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-icon{border:2px solid var(--ui-yellow);width:39px;height:39px;color:var(--ui-yellow);border-radius:12px;place-items:center;font-size:20px;display:grid}.brand-lockup strong{text-transform:lowercase;font-size:14px;font-weight:800;line-height:.95;display:block}.brand-lockup strong span{background:linear-gradient(90deg, var(--ui-mist), var(--ui-sage-2));color:#0000;-webkit-background-clip:text;margin-top:3px;font-size:21px;display:block}.brand-lockup small{color:var(--ui-muted);margin-top:7px;font-size:10px;display:block}.topbar-center{color:#d9e0dd;align-items:center;gap:12px;font-size:12px;display:flex}.workspace-name{font-weight:700}.save-state{color:var(--ui-muted);align-items:center;gap:6px;display:flex}.save-state i{background:var(--ui-success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #82aa981f}.topbar-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.progress-chip{width:170px;color:var(--ui-muted);grid-template-columns:1fr auto;align-items:center;gap:6px 10px;font-size:9px;display:grid}.progress-chip b{color:#fff;font-size:10px}.progress-chip i{background:#ffffff14;border-radius:999px;grid-column:1/-1;height:4px;overflow:hidden}.progress-chip em{border-radius:inherit;background:linear-gradient(90deg, var(--ui-sage), var(--ui-mist));height:100%;transition:width .25s;display:block}.top-export{color:#17201f;background:linear-gradient(135deg, #e8dcc2, var(--ui-yellow), #c5ab7d);cursor:pointer;border:0;border-radius:12px;padding:11px 16px;font-size:11px;font-weight:850;box-shadow:0 10px 28px #cdb7912e}.top-export span{margin-left:8px}.workspace{grid-template-columns:190px minmax(560px,700px) minmax(430px,1fr);align-items:start;width:100%;display:grid}.control-nav{background:#101d2194;border-right:1px solid #ffffff12;height:calc(100vh - 76px);padding:30px 18px 24px 20px;position:sticky;top:76px;overflow-y:auto}.nav-kicker{color:#7f9290;letter-spacing:.16em;margin:0 8px 15px;font-size:8px;font-weight:800}.control-nav nav{gap:7px;display:grid}.control-nav nav button{color:#a7b5b2;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:10px;width:100%;padding:10px;transition:all .2s;display:flex}.control-nav nav button:hover{color:#fff;background:#ffffff09}.control-nav nav button.active{color:#fff;box-shadow:inset 3px 0 0 var(--ui-purple-2);background:linear-gradient(135deg,#789f952e,#89a7b50f);border-color:#7fa89b57}.nav-icon{color:#d8e0dd;background:#ffffff0e;border-radius:9px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.control-nav nav button.active .nav-icon{background:linear-gradient(135deg, var(--ui-purple), #91b3aa);box-shadow:0 7px 20px #789f9533}.control-nav nav button>span:last-child{gap:2px;font-size:11px;font-weight:650;display:grid}.control-nav nav small{color:#738986;letter-spacing:.12em;font-size:7px}.nav-tip{background:linear-gradient(145deg,#789f951a,#ffffff06);border:1px solid #ffffff14;border-radius:16px;margin-top:26px;padding:16px}.nav-tip>div{width:32px;height:32px;color:var(--ui-yellow);background:#d9c7a51a;border-radius:9px;place-items:center;margin-bottom:12px;display:grid}.nav-tip b{font-size:10px}.nav-tip p{color:var(--ui-muted);margin:6px 0 0;font-size:8px;line-height:1.5}.builder-panel{background:#10191c2e;border-right:1px solid #ffffff12;min-width:0;padding:0 28px 70px}.builder-intro{border-bottom:1px solid #ffffff12;grid-template-columns:1.2fr .8fr;align-items:end;gap:34px;padding:42px 0 30px;display:grid}.builder-intro>div>span{color:var(--ui-pink);letter-spacing:.18em;font-size:8px;font-weight:850}.builder-intro h1{letter-spacing:-.045em;max-width:510px;margin:9px 0 0;font-family:Poppins,sans-serif;font-size:clamp(28px,2.5vw,41px);line-height:1.02}.builder-intro h1 em{background:linear-gradient(90deg, #f3f1ea 12%, var(--ui-mist) 52%, var(--ui-sand));color:#0000;-webkit-background-clip:text;font-style:normal}.builder-intro>p{color:var(--ui-muted);max-width:270px;margin:0;font-size:10px;line-height:1.65}.editor-section{border-bottom:1px solid #ffffff12;padding:30px 0;scroll-margin-top:98px}.section-heading{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.section-heading>span{color:#9ebdb4;background:#789f9514;border:1px solid #7fa89b38;border-radius:9px;place-items:center;width:30px;height:30px;font-size:8px;font-weight:850;display:grid}.section-heading h2{letter-spacing:-.02em;margin:1px 0 4px;font-size:15px}.section-heading p{color:var(--ui-muted);margin:0;font-size:9px;line-height:1.5}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid.compact{gap:12px}.form-grid .full{grid-column:1/-1}.form-grid label,.font-select-grid label,.custom-controls label{color:#b3bfbc;gap:7px;font-size:8px;font-weight:700;display:grid;position:relative}input:not([type=color]):not([type=range]),textarea,select{color:#f3f1ea;background:#111f23c7;border:1px solid #bfcfca24;border-radius:10px;outline:0;width:100%;padding:11px 12px;font-size:10px;transition:all .2s}textarea{resize:vertical;min-height:78px;line-height:1.55}input:not([type=color]):focus,textarea:focus,select:focus{background:#15262af5;border-color:#7fa89bad;box-shadow:0 0 0 3px #789f951a}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#8fa19d 50%),linear-gradient(135deg,#8fa19d 50%,#0000 50%);background-position:calc(100% - 14px),calc(100% - 10px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;padding-right:30px}.field-counter{color:#738986;font-size:7px;font-weight:600;position:absolute;bottom:9px;right:10px}.upload-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.upload-card{cursor:pointer;background:linear-gradient(150deg,#16272bc7,#111f2394);border:1px dashed #bfcfca33;border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:5px;min-height:152px;padding:12px;transition:all .2s;display:flex;position:relative;overflow:hidden}.upload-card:hover{background:#1c2e32db;border-color:#7fa89b75;transform:translateY(-2px)}.upload-card i{color:#a9c3bb;background:#789f951f;border-radius:10px;place-items:center;width:32px;height:32px;font-size:15px;font-style:normal;display:grid;position:absolute;top:12px;left:12px}.upload-card img{object-fit:cover;opacity:.26;width:100%;height:100%;position:absolute;inset:0}.upload-card.loaded:after{content:"";background:linear-gradient(#0000 28%,#0e1a1df0 86%);position:absolute;inset:0}.upload-card b,.upload-card small,.upload-card em{z-index:2;position:relative}.upload-card b{font-size:9px}.upload-card small{color:var(--ui-muted);font-size:7px}.upload-card em{color:#a8c2ba;margin-top:3px;font-size:7px;font-style:normal;font-weight:800}.upload-card input{opacity:0;cursor:pointer;position:absolute;inset:0}.template-picker{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.template-picker button{text-align:left;color:#fff;cursor:pointer;background:#142428a3;border:1px solid #ffffff17;border-radius:15px;padding:9px;transition:all .22s;position:relative}.template-picker button:hover{border-color:#7fa89b57;transform:translateY(-2px)}.template-picker button.active{background:linear-gradient(145deg,#789f9524,#16272bd1);border-color:#7fa89ba6;box-shadow:0 0 0 2px #789f9514,0 14px 34px #0512142e}.template-picker b{margin:9px 4px 2px;font-size:9px;display:block}.template-picker small{color:var(--ui-muted);margin:0 4px;font-size:7px;display:block}.template-picker em{color:#a9c1ba;margin:8px 4px 3px;font-size:7px;font-style:normal;font-weight:800;display:inline-block}.template-picker button.active em{color:var(--ui-yellow)}.template-thumb{background:#0b1025;border-radius:10px;height:92px;display:grid;position:relative;overflow:hidden}.template-thumb span{border-radius:4px;display:block;position:absolute}.visual-thumb{background:radial-gradient(circle at 80% 15%,#89a7b53d,#0000 30%),linear-gradient(135deg,#09122d,#121027)}.visual-thumb span:first-child{background:#ffffffdb;width:40%;height:42px;top:10px;left:9px}.visual-thumb span:nth-child(2){background:linear-gradient(#789f95,#89a7b5);border-radius:14px 14px 4px 4px;width:35%;height:52px;top:8px;right:9px}.visual-thumb span:nth-child(3){background:#28363a;height:20px;bottom:8px;left:9px;right:9px}.editorial-thumb{background:#efe9e3}.editorial-thumb span:first-child{background:#b67862;border-radius:30px 30px 5px 5px;width:30%;height:57px;top:10px;left:10px}.editorial-thumb span:nth-child(2){background:#44332f;width:40%;height:10px;top:14px;left:45%}.editorial-thumb span:nth-child(3){background:#ddd1c8;width:45%;height:36px;top:31px;left:45%}.custom-thumb{background:linear-gradient(135deg,#101827,#143a47)}.custom-thumb span:first-child{background:#0e1022;width:52%;height:45px;top:9px;left:9px}.custom-thumb span:nth-child(2){background:#8fb4bd;border-radius:20px;width:29%;height:45px;top:9px;right:9px}.custom-thumb span:nth-child(3){background:linear-gradient(90deg,#7896a1,#8fb4bd);height:21px;bottom:8px;left:9px;right:9px}.subsection-label{justify-content:space-between;align-items:end;margin:22px 0 10px;display:flex}.subsection-label b{font-size:9px;display:block}.subsection-label small{color:var(--ui-muted);margin-top:3px;font-size:7px;display:block}.palette-row{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.palette-row button{color:#dbe4e1;text-align:left;cursor:pointer;background:#1424289e;border:1px solid #ffffff14;border-radius:11px;padding:8px;transition:all .2s}.palette-row button:hover{border-color:#7ea69c66;transform:translateY(-1px)}.palette-row button>span{margin-bottom:7px;display:flex}.palette-row i{border:1px solid #ffffff1a;border-radius:4px;width:23px;height:16px;margin-right:-3px}.palette-row b{font-size:7px}.color-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.color-grid label{color:#8f9dbd;gap:7px;font-size:7px;font-weight:700;display:grid}.color-grid label>div{background:#111f23a8;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:7px;height:43px;padding:6px;display:flex}.color-grid input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:7px;width:28px;height:28px;padding:0;overflow:hidden}.color-grid code{color:#c4cfcb;font-size:7px}.custom-controls{background:#789f950b;border:1px solid #7fa89b2e;border-radius:14px;grid-template-columns:1fr 1fr 1.25fr;gap:10px;margin-top:14px;padding:14px;display:grid}.custom-controls input[type=range]{width:100%;accent-color:var(--ui-purple)}.custom-controls strong{color:#fff;font-size:8px}.typography-section{position:relative}.typography-section:before{content:"";pointer-events:none;border:1px solid #89a7b51a;border-radius:20px;position:absolute;inset:17px -9px}.font-select-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.font-select-grid label{background:#14242894;border:1px solid #ffffff14;border-radius:13px;padding:13px}.font-select-grid label>span{color:#fff;gap:3px;font-size:8px;display:grid}.font-select-grid label small{color:var(--ui-muted);font-size:7px;font-weight:500}.font-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.font-chips button{color:#bfc9df;cursor:pointer;background:#16262abd;border:1px solid #ffffff17;border-radius:999px;padding:7px 10px;font-size:8px}.font-chips button.active{background:linear-gradient(135deg, var(--ui-purple), #6f948b);color:#fff;border-color:#7fa89b8f;box-shadow:0 7px 20px #789f952e}.font-preview{background:radial-gradient(circle at 95% 15%,#89a7b514,#0000 30%),linear-gradient(145deg,#1c2f33d6,#111f23bd);border:1px solid #89a7b52e;border-radius:15px;min-height:122px;margin-top:12px;padding:18px}.font-preview>span{color:var(--ui-pink);letter-spacing:.18em;font-size:7px;font-weight:850}.font-preview h3{font-family:var(--preview-heading);letter-spacing:-.035em;margin:10px 0 7px;font-size:24px;line-height:1.05}.font-preview p{max-width:480px;font-family:var(--preview-body);color:#b3bfbc;margin:0;font-size:9px;line-height:1.55}.link-control-bar{grid-template-columns:auto 1fr;align-items:start;gap:14px;margin-bottom:12px;display:grid}.count-picker{align-items:center;gap:5px;display:flex}.count-picker>span{color:var(--ui-muted);margin-right:3px;font-size:8px}.count-picker button{color:#a7b5b2;cursor:pointer;background:#142428b8;border:1px solid #ffffff17;border-radius:8px;width:30px;height:30px;font-size:8px}.count-picker button.active{background:linear-gradient(135deg, var(--ui-purple), #6f948b);color:#fff;border-color:#0000;box-shadow:0 8px 22px #789f952e}.link-tabs{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.link-tabs button{color:#8795b7;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#14242894;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;max-width:120px;height:30px;padding:0 8px;font-size:7px;display:flex;overflow:hidden}.link-tabs button span{background:#ffffff0d;border-radius:5px;flex:0 0 18px;place-items:center;width:18px;height:18px;display:grid}.link-tabs button.active{color:#fff;background:#789f951a;border-color:#7fa89b66}.link-editor-card{background:#1322269e;border:1px solid #ffffff14;border-radius:15px;overflow:hidden}.link-editor-card.featured{box-shadow:inset 0 1px #ffffff06}.link-editor-top{background:#182a2e99;border-bottom:1px solid #ffffff12;grid-template-columns:auto 1fr 155px;align-items:center;gap:11px;min-height:58px;padding:11px 13px;display:grid}.link-editor-top>span{color:#acc6be;background:linear-gradient(135deg,#789f952e,#89a7b517);border-radius:9px;place-items:center;width:30px;height:30px;font-size:8px;font-weight:800;display:grid}.link-editor-top>div{gap:3px;display:grid}.link-editor-top b{font-size:9px}.link-editor-top small{color:var(--ui-muted);font-size:7px}.link-editor-top select{padding:9px 10px;font-size:8px}.link-editor-card .form-grid{padding:13px}.mini-upload{background:#0f1b1e8a;border:1px dashed #ffffff1f;border-radius:11px;grid-template-columns:auto 1fr auto auto;align-items:center;min-height:70px;padding:9px;overflow:hidden;gap:10px!important}.mini-upload img{object-fit:cover;border-radius:8px;width:58px;height:50px}.mini-upload span{gap:3px;display:grid}.mini-upload span b{color:#fff;font-size:8px}.mini-upload span small{color:var(--ui-muted);font-size:7px;font-weight:500}.mini-upload input{opacity:0;pointer-events:none;position:absolute}.mini-upload em{color:#b4cbc4;cursor:pointer;background:#789f951a;border:1px solid #7ea69c47;border-radius:8px;padding:8px 10px;font-size:7px;font-style:normal}.mini-upload button{color:#b5c7c0;cursor:pointer;background:0 0;border:0;font-size:7px}.mini-upload:after{content:"";cursor:pointer;width:80px;height:100%;position:absolute;right:40px}.mini-upload:has(input){cursor:pointer}.mini-upload input{z-index:2;pointer-events:auto;cursor:pointer;width:100%;height:100%;inset:0}.mini-upload em,.mini-upload button{z-index:3;position:relative}.social-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.social-grid label{color:#b7c2bf;background:#1322267a;border:1px solid #ffffff12;border-radius:11px;grid-template-columns:34px 1fr;align-items:center;gap:9px;min-width:0;padding:8px;font-size:8px;display:grid}.social-grid label>div{min-width:0}.social-grid input{margin-top:5px;padding:8px 9px!important;font-size:8px!important}.social-badge{color:#b4cbc4;background:#789f951f;border-radius:8px;place-items:center;width:30px;height:30px;font-size:7px;font-weight:850;display:grid}.builder-actions{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#122023eb;border:1px solid #ffffff1c;border-radius:15px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:22px;padding:10px;display:grid;position:sticky;bottom:14px;box-shadow:0 18px 45px #050d0f3d}.builder-actions>div{padding:0 7px}.builder-actions b{font-size:8px;display:block}.builder-actions small{color:var(--ui-muted);margin-top:3px;font-size:7px;display:block}.builder-actions button{cursor:pointer;border-radius:9px;padding:10px 12px;font-size:8px;font-weight:800}.ghost-btn{color:#c4cfcb;background:#ffffff09;border:1px solid #ffffff1a}.export-btn{color:#fff;background:linear-gradient(135deg, var(--ui-purple), var(--ui-pink));border:0;justify-content:space-between;gap:14px;min-width:130px;display:flex;box-shadow:0 10px 25px #789f9529}.preview-panel{background:linear-gradient(160deg,#101b1f 0%,#16262b 48%,#1b2828 100%);grid-template-rows:auto 1fr auto;min-width:0;height:calc(100vh - 76px);display:grid;position:sticky;top:76px;overflow:hidden}.preview-header{background:#0c171a5c;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:14px;height:68px;padding:0 18px;display:flex}.preview-header>div:first-child{align-items:center;gap:10px;display:flex}.preview-header>div:first-child>div{gap:3px;display:grid}.preview-header b{font-size:9px}.preview-header small{color:var(--ui-muted);font-size:7px}.live-dot{background:var(--ui-success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #82aa9817}.device-toggle{background:#09131575;border:1px solid #ffffff14;border-radius:10px;padding:3px;display:flex}.device-toggle button{color:#879a97;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 9px;font-size:7px}.device-toggle button.active{color:#fff;background:linear-gradient(135deg,#789f95c7,#7ea69cc7);box-shadow:0 6px 18px #789f9529}.device-stage{place-items:center;min-height:0;padding:22px;display:grid;position:relative;overflow:auto}.preview-glow{filter:blur(65px);opacity:.22;pointer-events:none;border-radius:50%;position:absolute}.glow-one{background:var(--ui-pink);width:240px;height:240px;top:4%;right:-10%}.glow-two{background:var(--ui-purple);width:280px;height:280px;bottom:-8%;left:-16%}.device-stage.mobile .site-preview{border:8px solid #0c1112;border-radius:39px;width:330px;min-height:650px;max-height:calc(100vh - 190px);overflow:auto;box-shadow:0 38px 100px #0000007a,0 0 0 1px #ffffff1f}.device-stage.desktop .site-preview{border:7px solid #0c1112;border-radius:24px;width:min(750px,100%);min-height:590px;max-height:calc(100vh - 188px);overflow:auto;box-shadow:0 38px 100px #0000007a,0 0 0 1px #ffffff1a}.site-preview{z-index:2;background:var(--background);color:var(--text);scrollbar-width:none;font-family:var(--body-font);padding:10px;position:relative}.site-preview::-webkit-scrollbar{display:none}.preview-hero{position:relative;overflow:hidden}.preview-copy{z-index:2;position:relative}.preview-logo{object-fit:contain;max-width:105px;max-height:36px;display:block}.logo-placeholder{letter-spacing:.16em;opacity:.55;border:1px solid;border-radius:5px;padding:7px 9px;font-size:7px;font-weight:900;display:inline-block}.preview-role{letter-spacing:.16em;text-transform:uppercase;font-size:7px;font-weight:900}.preview-copy h2{font-family:var(--heading-font);letter-spacing:-.055em;margin:7px 0 10px;font-weight:650;line-height:.94}.preview-copy p{font-family:var(--body-font);opacity:.72;margin:0;font-size:9px;line-height:1.55}.preview-photo{text-align:center;letter-spacing:.12em;opacity:.9;place-items:center;font-size:8px;font-weight:900;display:grid;overflow:hidden}.preview-photo img{object-fit:cover;width:100%;height:100%}.preview-links{gap:8px;margin-top:9px;display:grid}.preview-link-card{isolation:isolate;border-radius:14px;align-items:flex-end;min-height:100px;padding:14px;display:flex;position:relative;overflow:hidden}.preview-link-card>img{object-fit:cover;z-index:-3;width:100%;height:100%;position:absolute;inset:0}.preview-card-overlay{z-index:-2;position:absolute;inset:0}.preview-card-copy{z-index:2;gap:3px;max-width:72%;display:grid;position:relative}.preview-card-copy b{font-family:var(--heading-font);font-size:12px;line-height:1.1}.preview-card-copy small{font-family:var(--body-font);opacity:.7;font-size:7px;line-height:1.35}.preview-link-card>span{border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid;position:absolute;top:11px;right:11px}.preview-socials{flex-wrap:wrap;justify-content:center;gap:5px;margin:12px 0 2px;display:flex}.preview-socials i{opacity:.7;border:1px solid;border-radius:99px;padding:5px 7px;font-size:6px;font-style:normal;font-weight:900}.preview-footer{text-align:center;letter-spacing:.15em;text-transform:uppercase;opacity:.38;padding:12px 0 5px;font-size:6px}.template-visual{color:#fff;background:#090b19}.template-visual .preview-hero{background:linear-gradient(135deg,var(--primary),#09091c);border-radius:25px;grid-template-columns:1.05fr .95fr;align-items:end;min-height:285px;padding:27px;display:grid}.template-visual .preview-hero:before{content:"";background:var(--secondary);filter:blur(100px);opacity:.32;width:180px;height:180px;position:absolute;top:-80px;left:-30px}.template-visual .preview-hero:after{content:"";background:var(--accent);filter:blur(90px);opacity:.2;width:150px;height:150px;position:absolute;top:15px;right:-45px}.template-visual .preview-logo,.template-custom .preview-logo{filter:drop-shadow(0 4px 10px #00000040);margin-bottom:34px}.template-visual .logo-placeholder,.template-custom .logo-placeholder{margin-bottom:34px}.template-visual .preview-role,.template-custom .preview-role{color:var(--accent)}.template-visual .preview-copy h2{font-size:34px}.template-visual .preview-photo{align-self:end;height:230px}.template-visual .preview-photo img{object-position:top center;-webkit-mask-image:linear-gradient(#000 76%,#0000 100%);mask-image:linear-gradient(#000 76%,#0000 100%)}.template-visual .preview-link-card{color:#fff;background:#171a2d;border:1px solid #ffffff12}.template-visual .preview-link-card.card-1,.template-visual .preview-link-card.card-4{grid-column:span 2;min-height:124px}.template-visual .preview-link-card>span{background:linear-gradient(135deg,var(--accent),#cdb791);color:#fff}.template-editorial .preview-copy h2{font-size:35px}.template-editorial .preview-link-card{background:color-mix(in srgb,var(--background) 88%,#fff);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);color:var(--text);min-height:108px}.template-editorial .preview-link-card.card-1,.template-editorial .preview-link-card.card-4{grid-column:span 2}.template-custom{background:radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 28%),var(--background);background-image:var(--background-image),radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 28%);background-position:50%;background-size:cover}.template-custom .preview-hero{border-radius:calc(var(--custom-radius) + 8px);background:var(--primary);color:#fff;grid-template-columns:1.06fr .94fr;align-items:center;gap:18px;padding:24px;display:grid}.template-custom .preview-link-card{background:var(--primary);color:#fff;border-radius:var(--custom-radius);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}.template-custom .preview-link-card>span{background:var(--accent);color:var(--primary)}.device-stage.mobile .site-preview .preview-hero{gap:15px;grid-template-columns:1fr!important}.device-stage.mobile .site-preview .preview-photo{max-height:190px}.device-stage.mobile .template-visual .preview-photo{display:none}.device-stage.mobile .template-editorial .preview-hero{grid-template-columns:.75fr 1.25fr!important}.device-stage.mobile .template-editorial .preview-photo{max-height:none;display:grid}.device-stage.mobile .template-custom .preview-photo{max-height:190px}.device-stage.mobile .site-preview .preview-link-card{grid-column:auto!important}.device-stage.desktop .site-preview{padding:14px}.device-stage.desktop .site-preview .preview-link-card{min-height:130px}.device-stage.desktop .template-editorial .preview-hero{gap:34px}.device-stage.desktop .template-editorial .preview-photo{max-height:320px}.preview-footer-actions{background:#0c171a80;border-top:1px solid #ffffff12;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;min-height:58px;padding:9px 13px;display:grid}.preview-footer-actions button{color:#a7b5b2;cursor:pointer;background:#ffffff09;border:1px solid #ffffff17;border-radius:9px;padding:9px 10px;font-size:7px}.preview-footer-actions .primary{color:#fff;background:linear-gradient(135deg,var(--ui-sage),var(--ui-mist));border:0;justify-self:stretch;font-weight:800}@media (max-width:1280px){.workspace{grid-template-columns:160px minmax(530px,650px) minmax(390px,1fr)}.control-nav{padding-left:12px;padding-right:12px}.upload-grid{grid-template-columns:1fr 1fr}.color-grid{grid-template-columns:repeat(3,1fr)}.palette-row{grid-template-columns:1fr 1fr}}@media (max-width:1080px){.topbar{grid-template-columns:1fr auto}.topbar-center{display:none}.workspace{grid-template-columns:84px 1fr}.control-nav{top:76px}.control-nav nav button{justify-content:center}.control-nav nav button>span:last-child,.nav-kicker,.nav-tip{display:none}.builder-panel{border-right:0}.preview-panel{grid-column:1/-1;height:820px;position:relative;top:0}.device-stage.mobile .site-preview{max-height:650px}}@media (max-width:760px){.topbar{grid-template-columns:1fr auto;height:auto;min-height:68px;padding:10px 14px}.brand-lockup small,.progress-chip{display:none}.top-export{padding:10px 12px;font-size:9px}.workspace{display:block}.control-nav{z-index:45;background:#07112bf5;border-bottom:1px solid #ffffff14;border-right:0;height:auto;padding:8px 12px;position:sticky;top:68px}.control-nav nav{gap:5px;display:flex;overflow-x:auto}.control-nav nav button{flex:none;width:42px;height:42px;padding:5px}.nav-icon{width:28px;height:28px}.builder-panel{padding:0 16px 54px}.builder-intro{grid-template-columns:1fr;gap:12px;padding-top:30px}.builder-intro>p{max-width:none}.form-grid,.font-select-grid,.social-grid,.custom-controls{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.upload-grid,.template-picker,.color-grid,.palette-row{grid-template-columns:1fr 1fr}.link-control-bar{grid-template-columns:1fr}.link-tabs{justify-content:flex-start}.link-editor-top{grid-template-columns:auto 1fr}.link-editor-top select{grid-column:1/-1}.mini-upload{grid-template-columns:auto 1fr auto}.mini-upload button{grid-column:3}.builder-actions{grid-template-columns:1fr 1fr}.builder-actions>div{grid-column:1/-1}.preview-panel{height:780px}.device-stage{padding:10px}.device-stage.mobile .site-preview{width:min(330px,100vw - 42px)}}.asset-controls{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.asset-controls label{color:#aebbb7;background:#13222675;border:1px solid #ffffff12;border-radius:12px;gap:7px;padding:11px 12px;font-size:8px;font-weight:700;display:grid}.asset-controls strong{color:#fff;font-size:8px}.asset-controls input[type=range]{width:100%;accent-color:var(--ui-sage)}.style-preset-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.style-preset-grid>button{color:#eef1ee;text-align:left;cursor:pointer;background:#12212585;border:1px solid #ffffff14;border-radius:13px;min-width:0;padding:9px;transition:all .2s}.style-preset-grid>button:hover{border-color:#91b3aa57;transform:translateY(-2px)}.style-preset-grid>button.active{background:linear-gradient(145deg,#789f9521,#142428c7);border-color:#91b3aa9e;box-shadow:0 12px 32px #05121429}.preset-colors{border:1px solid #ffffff14;border-radius:8px;height:31px;display:flex;overflow:hidden}.preset-colors i{flex:1;display:block}.style-preset-grid>button>span:last-child{gap:4px;margin-top:8px;display:grid}.style-preset-grid b{font-size:8px}.style-preset-grid small{min-height:27px;color:var(--ui-muted);font-size:7px;line-height:1.45}.style-preset-grid em{color:#99b4ac;letter-spacing:.04em;font-size:6.5px;font-style:normal}.font-combo-row{grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:11px;display:grid}.font-combo-row button{text-align:left;color:#e7ece9;cursor:pointer;background:#13222685;border:1px solid #ffffff14;border-radius:11px;gap:3px;min-width:0;padding:10px;display:grid}.font-combo-row button.active{background:#789f951c;border-color:#91b3aa8f}.font-combo-row b{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.font-combo-row small{color:var(--ui-muted);font-size:6px;line-height:1.35}.contact-config{background:#13222670;border:1px solid #ffffff12;border-radius:13px;margin-top:12px;padding:13px}.toggle-row{cursor:pointer;align-items:center;margin-bottom:12px;gap:9px!important;display:flex!important}.toggle-row input{height:16px;accent-color:var(--ui-sage);width:16px!important}.toggle-row>span{gap:2px;display:grid}.toggle-row b{font-size:8px}.toggle-row small{color:var(--ui-muted);font-size:7px}.site-preview{--hero-bg:none;--hero-overlay:.45;--photo-focus-x:50%;--photo-focus-y:35%}.preview-photo img{object-position:var(--photo-focus-x) var(--photo-focus-y)}.preview-title-card{z-index:5;gap:3px;display:grid;position:relative}.preview-title-card h3{font-family:var(--heading-font);margin:0;line-height:1}.preview-title-card small{font-family:var(--body-font);letter-spacing:.12em;text-transform:uppercase}.preview-card-copy em{width:max-content;font-family:var(--body-font);border-radius:999px;margin-top:4px;padding:5px 7px;font-size:6px;font-style:normal;font-weight:800}.preview-card-copy em strong{font-size:inherit}.preview-link-card.size-featured{min-height:124px}.preview-link-card.media-right>img{width:49%;height:100%;inset:0 0 0 auto}.preview-link-card.media-left>img{width:49%;height:100%;inset:0 auto 0 0}.preview-link-card.media-left .preview-card-copy{max-width:49%;margin-left:48%}.preview-link-card.media-background>img{width:100%;height:100%;inset:0}.preview-contact{z-index:20;background:color-mix(in srgb,var(--primary) 92%,#000);color:#fff;border:1px solid #ffffff1a;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;width:min(390px,100% - 14px);margin:10px auto 2px;padding:7px 7px 7px 10px;display:grid;position:sticky;bottom:7px;box-shadow:0 12px 34px #0000003d}.preview-contact>i{background:#62c88f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #62c88f1f}.preview-contact>div{gap:1px;min-width:0;display:grid}.preview-contact b{white-space:nowrap;text-overflow:ellipsis;font-size:6px;overflow:hidden}.preview-contact small{color:#ffffff7a;font-size:5px}.preview-contact>span{background:var(--accent);color:var(--primary);white-space:nowrap;border-radius:7px;padding:6px 8px;font-size:5px;font-weight:900}.template-visual{background:var(--background);color:var(--text);padding:10px}.template-visual .preview-hero{border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);background:linear-gradient(rgba(0,0,0,var(--hero-overlay)),rgba(0,0,0,var(--hero-overlay))),var(--hero-bg),radial-gradient(circle at 65% 28%,color-mix(in srgb,var(--accent) 44%,transparent),transparent 25%),var(--primary);background-position:50%;background-size:cover;border-radius:19px;grid-template-columns:1fr .96fr;align-items:end;gap:14px;min-height:310px;padding:26px;display:grid}.template-visual .preview-hero:before{content:"";background:linear-gradient(180deg,transparent 42%,color-mix(in srgb,var(--background) 78%,transparent));pointer-events:none;position:absolute;inset:0}.template-visual .preview-logo{filter:drop-shadow(0 4px 12px #0000003d);margin-bottom:38px}.template-visual .logo-placeholder{margin-bottom:38px}.template-visual .preview-role{color:var(--accent)}.template-visual .preview-copy h2{color:var(--text);font-size:34px}.template-visual .preview-copy p{color:color-mix(in srgb,var(--text) 72%,transparent)}.template-visual .preview-photo{z-index:1;background:color-mix(in srgb,var(--secondary) 16%,transparent);align-self:end;height:250px;position:relative}.template-visual .preview-photo img{-webkit-mask-image:linear-gradient(#000 74%,#0000 100%);mask-image:linear-gradient(#000 74%,#0000 100%)}.template-visual.photo-portrait .preview-photo{border-radius:90px 90px 12px 12px}.template-visual.photo-circle .preview-photo{border-radius:50%;justify-self:center;width:210px;height:210px}.template-visual.photo-square .preview-photo{border-radius:14px}.template-visual .preview-title-card{text-align:center;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);background:color-mix(in srgb,var(--background) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:11px;width:72%;margin:-27px auto 11px;padding:12px 16px}.template-visual .preview-title-card small{color:var(--accent);font-size:5px}.template-visual .preview-title-card h3{color:var(--text);text-transform:uppercase;letter-spacing:.04em;font-size:13px}.template-visual .preview-links{grid-template-columns:repeat(2,1fr)}.template-visual .preview-link-card{background:color-mix(in srgb,var(--primary) 87%,#000);min-height:108px;color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-radius:12px}.template-visual .preview-link-card.size-featured{grid-column:span 2;min-height:135px}.template-visual .preview-card-overlay{background:linear-gradient(90deg,color-mix(in srgb,var(--background) 94%,transparent),color-mix(in srgb,var(--background) 12%,transparent))}.template-visual .preview-card-copy b{font-size:13px}.template-visual .preview-card-copy em{background:var(--accent);color:var(--primary)}.template-visual .preview-link-card>span{border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);color:var(--accent)}.preset-cinematic{background-image:radial-gradient(circle at 50% -4%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 30%)}.preset-cinematic .preview-hero{box-shadow:inset 0 0 80px #00000038}.preset-cinematic .preview-link-card{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--accent) 12%,transparent)}.preset-tech .preview-hero{background-image:linear-gradient(rgba(3,12,20,var(--hero-overlay)),rgba(3,12,20,var(--hero-overlay))),var(--hero-bg),linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--secondary) 35%,var(--primary)));border-radius:10px}.preset-tech .preview-title-card,.preset-tech .preview-link-card{border-radius:8px}.preset-tech .preview-link-card{border-color:color-mix(in srgb,var(--secondary) 42%,transparent)}.preset-warm-impact .preview-hero{border-radius:26px 26px 8px 8px}.preset-warm-impact .preview-title-card{border-radius:999px;width:64%}.preset-warm-impact .preview-link-card{border-radius:20px}.template-editorial{background:var(--background);color:var(--text);padding:18px}.template-editorial .preview-hero{grid-template-columns:.78fr 1.22fr;align-items:center;gap:24px;padding:18px 7px 22px;display:grid}.template-editorial .preview-photo{aspect-ratio:4/5;background:color-mix(in srgb,var(--secondary) 16%,#fff);border-radius:110px 110px 14px 14px;order:-1}.template-editorial.photo-circle .preview-photo{aspect-ratio:1;border-radius:50%}.template-editorial.photo-square .preview-photo{aspect-ratio:1;border-radius:12px}.template-editorial .preview-logo,.template-editorial .logo-placeholder{margin-bottom:26px}.template-editorial .preview-role{color:var(--secondary)}.template-editorial .preview-copy h2{font-size:36px;font-weight:500}.template-editorial .preview-title-card{border-top:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-bottom:1px solid color-mix(in srgb,var(--text) 15%,transparent);grid-template-columns:1fr auto;align-items:end;margin:6px 0 11px;padding:12px 2px}.template-editorial .preview-title-card small{color:var(--secondary);font-size:5px}.template-editorial .preview-title-card h3{font-size:14px;font-weight:500}.template-editorial .preview-links{grid-template-columns:repeat(2,1fr)}.template-editorial .preview-link-card{background:color-mix(in srgb,var(--background) 88%,#fff);border:1px solid color-mix(in srgb,var(--text) 11%,transparent);min-height:108px;color:var(--text);border-radius:15px}.template-editorial .preview-link-card.size-featured{grid-column:span 2;min-height:132px}.template-editorial .preview-card-overlay{background:linear-gradient(90deg,color-mix(in srgb,var(--background) 94%,transparent),color-mix(in srgb,var(--background) 9%,transparent))}.template-editorial .preview-card-copy b{font-size:14px;font-weight:500}.template-editorial .preview-card-copy em{border:1px solid color-mix(in srgb,var(--text) 18%,transparent);color:var(--text);background:color-mix(in srgb,var(--background) 84%,#fff)}.template-editorial .preview-link-card>span{border:1px solid color-mix(in srgb,var(--text) 18%,transparent)}.preset-soft-luxury .preview-link-card{border-radius:24px}.preset-soft-luxury .preview-photo{border-radius:130px 130px 70px 70px}.preset-professional .preview-photo{border-radius:10px}.preset-professional .preview-link-card{border-radius:9px}.preset-professional .preview-title-card h3{text-transform:uppercase;letter-spacing:.06em;font-size:12px}.template-custom{background:radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 28%),var(--background);padding:12px}.template-custom .preview-hero{border-radius:calc(var(--custom-radius) + 7px);color:#fff;background:linear-gradient(rgba(0,0,0,var(--hero-overlay)),rgba(0,0,0,var(--hero-overlay))),var(--hero-bg),var(--primary);background-position:50%;background-size:cover;grid-template-columns:1.06fr .94fr;align-items:center;gap:18px;min-height:285px;padding:24px;display:grid}.template-custom .preview-logo,.template-custom .logo-placeholder{margin-bottom:30px}.template-custom .preview-role{color:var(--accent)}.template-custom .preview-copy h2{font-size:34px}.template-custom .preview-copy p{color:#ffffffb8}.template-custom .preview-photo{aspect-ratio:4/5;border-radius:80px 80px var(--custom-radius) var(--custom-radius);background:#ffffff14}.template-custom.photo-circle .preview-photo{aspect-ratio:1;border-radius:50%}.template-custom.photo-square .preview-photo{aspect-ratio:1;border-radius:var(--custom-radius)}.template-custom .preview-title-card{border-radius:var(--custom-radius);background:color-mix(in srgb,var(--primary) 93%,transparent);color:#fff;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);margin:10px 0 9px;padding:11px 13px}.template-custom .preview-title-card small{color:var(--accent);font-size:5px}.template-custom .preview-title-card h3{font-size:13px}.template-custom.custom-two .preview-links{grid-template-columns:repeat(2,1fr)}.template-custom.custom-one .preview-links{grid-template-columns:1fr}.template-custom .preview-link-card{background:var(--primary);color:#fff;border-radius:var(--custom-radius);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);min-height:108px}.template-custom.custom-two .preview-link-card.size-featured{grid-column:span 2;min-height:132px}.template-custom .preview-card-overlay{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 94%,transparent),color-mix(in srgb,var(--primary) 16%,transparent))}.template-custom .preview-card-copy em,.template-custom .preview-link-card>span{background:var(--accent);color:var(--primary)}.preset-custom-minimal .preview-hero{background:var(--background);color:var(--text);border:1px solid color-mix(in srgb,var(--text) 11%,transparent)}.preset-custom-minimal .preview-role{color:var(--secondary)}.preset-custom-minimal .preview-copy p{color:color-mix(in srgb,var(--text) 68%,transparent)}.preset-custom-minimal .preview-link-card{background:color-mix(in srgb,var(--background) 88%,#fff);color:var(--text);border-color:color-mix(in srgb,var(--text) 10%,transparent)}.preset-custom-minimal .preview-card-overlay{background:linear-gradient(90deg,color-mix(in srgb,var(--background) 94%,transparent),transparent)}.site-preview.hero-centered .preview-hero{text-align:center;grid-template-columns:1fr!important}.site-preview.hero-centered .preview-copy{max-width:82%;margin:auto}.site-preview.hero-centered .preview-logo,.site-preview.hero-centered .logo-placeholder{margin-left:auto;margin-right:auto}.site-preview.hero-centered .preview-photo{width:min(70%,290px);margin:10px auto 0}.site-preview.hero-portrait-left .preview-photo{order:-1}.device-stage.mobile .site-preview .preview-title-card{width:auto;margin:8px 0}.device-stage.mobile .site-preview .preview-hero{text-align:left;gap:12px;grid-template-columns:1fr!important}.device-stage.mobile .site-preview .preview-copy{max-width:none;margin:0}.device-stage.mobile .site-preview .preview-logo,.device-stage.mobile .site-preview .logo-placeholder{margin-left:0;margin-right:0}.device-stage.mobile .template-visual .preview-photo{border-radius:14px;width:100%;height:145px;display:grid}.device-stage.mobile .template-visual .preview-photo img{-webkit-mask-image:linear-gradient(#000 74%,#0000 100%);mask-image:linear-gradient(#000 74%,#0000 100%)}.device-stage.mobile .template-editorial .preview-hero{text-align:left;grid-template-columns:.75fr 1.25fr!important}.device-stage.mobile .template-editorial .preview-photo{width:auto;max-height:none;margin:0;display:grid}.device-stage.mobile .site-preview .preview-links{grid-template-columns:1fr}.device-stage.mobile .site-preview .preview-link-card{min-height:103px;grid-column:auto!important}.device-stage.mobile .site-preview .preview-link-card.size-featured{min-height:118px}.device-stage.mobile .preview-link-card.media-left .preview-card-copy{max-width:62%;margin-left:0}.device-stage.mobile .preview-card-copy em{padding:5px 7px;font-size:5.5px}.device-stage.desktop .site-preview .preview-hero{min-height:355px}.device-stage.desktop .site-preview .preview-copy h2{font-size:47px}.device-stage.desktop .site-preview .preview-copy p{font-size:10px}.device-stage.desktop .site-preview .preview-photo{max-height:320px}.device-stage.desktop .site-preview .preview-link-card{min-height:130px;padding:17px}.device-stage.desktop .site-preview .preview-link-card.size-featured{min-height:158px}.device-stage.desktop .preview-card-copy b{font-size:17px}.device-stage.desktop .preview-card-copy small{font-size:8px}.device-stage.desktop .preview-card-copy em{padding:6px 9px;font-size:7px}.device-stage.desktop .template-visual .preview-title-card{margin-top:-30px}@media (max-width:1280px){.style-preset-grid{grid-template-columns:1fr 1fr}.font-combo-row{grid-template-columns:repeat(3,1fr)}.asset-controls{grid-template-columns:1fr}}@media (max-width:760px){.style-preset-grid,.font-combo-row{grid-template-columns:1fr 1fr}.asset-controls,.contact-config .form-grid{grid-template-columns:1fr}}.device-stage.mobile .site-preview.hero-centered .preview-hero{text-align:center;grid-template-columns:1fr!important}.device-stage.mobile .site-preview.hero-centered .preview-copy{max-width:86%;margin:auto}.device-stage.mobile .site-preview.hero-centered .preview-logo,.device-stage.mobile .site-preview.hero-centered .logo-placeholder{margin-left:auto;margin-right:auto}.device-stage.mobile .site-preview.hero-centered .preview-photo{width:72%;margin:8px auto 0}