*{box-sizing:border-box}
body{margin:0;background:#f8f9f6;color:#23382e;font:14px/1.5 Arial,sans-serif}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select{touch-action:manipulation}
button,a{ -webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{opacity:.5;cursor:wait}
a:focus-visible,button:focus-visible{outline:3px solid #a7bf5f;outline-offset:4px}
h1,h2,h3,p{margin-top:0}
h1{font:44px/1.15 Georgia,serif;letter-spacing:-1.4px}
h2{font-size:23px;letter-spacing:-.4px}
.muted{color:#7a827b}
.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:bold;color:#788574}
.logo{display:inline-flex;align-items:center;gap:9px;font-size:27px;letter-spacing:-1px}
.logo b{font-size:23px;letter-spacing:-1px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:#315b49;color:white;border:1px solid #315b49;border-radius:7px;padding:12px 20px;font-size:13px;font-weight:bold;min-height:44px}
.btn:hover{background:#244b3a}
.btn.outline{background:white;color:#315b49;border-color:#d9dfd7}
.full{width:100%}
.text-btn{border:0;background:none;padding:5px;color:#617367;font-size:12px}
.text-btn:hover{color:#23382e}
.alert{padding:13px;border:1px solid #e0b7a5;border-radius:6px;color:#853d25;background:#fff2e9;margin:16px 0}
label{display:block;font-size:12px;font-weight:bold;margin-bottom:18px}
input:not([type=checkbox]):not([type=radio]),textarea,select{display:block;width:100%;border:1px solid #dce2d8;border-radius:6px;background:#fff;padding:12px;color:#23382e;margin-top:8px;outline:none}
input:focus,textarea:focus,select:focus{border-color:#315b49;box-shadow:0 0 0 3px #315b4915}
textarea{resize:vertical}
label small{font-weight:normal;display:block;margin-top:6px}
.auth-layout{min-height:100vh;display:grid;grid-template-columns:47% 53%}
.auth-story{background:#e8eddf;padding:45px 12%;display:flex;flex-direction:column;justify-content:space-between;min-height:760px}
.auth-story h1{font-size:76px;line-height:1.04;margin:28px 0}
.auth-story h1 em{font-weight:normal;color:#668253}
.auth-story p{color:#6a7868;line-height:1.8}
.pill{border:1px solid #bbc9b1;border-radius:30px;padding:8px 13px;font-size:9px;letter-spacing:1.2px}
.sample-card{background:#f9faf4;border:1px solid #fff;border-radius:9px;display:flex;align-items:center;padding:18px;gap:15px;margin-top:34px;box-shadow:0 10px 25px #46583c0c}
.sample-card>span{display:grid;place-items:center;background:#dfc098;color:#6b5035;border-radius:6px;width:48px;height:48px;font-size:30px}
.sample-card small{display:block;font-size:8px;letter-spacing:1px;color:#7c8677;margin-top:4px}
.sample-card>b{margin-left:auto}
.auth-story>small{font-size:10px;color:#74826e}
.auth-form{display:grid;place-items:center;padding:40px}
.auth-form>div{width:360px;max-width:100%}
.auth-form h2{font:36px Georgia;margin:15px 0}
.auth-form form{margin-top:34px}
.auth-form form .btn{margin-top:18px}
.auth-switch{margin-top:24px;text-align:center;font-size:12px;color:#7a827b}
.auth-switch a{color:#315b49;font-weight:bold}
.topbar{height:80px;background:white;border-bottom:1px solid #e5e9e0;display:flex;align-items:center;gap:65px;padding:0 5%}
.topbar nav{display:flex;gap:28px;align-self:stretch;align-items:center;color:#7a827b;font-size:12px}
.nav-current{color:#315b49;border-bottom:2px solid #315b49;height:100%;display:flex;align-items:center}
.account{display:flex;gap:10px;align-items:center;margin-left:auto;font-size:12px}
.account form{margin-left:15px}
.avatar{width:30px;height:30px;background:#e9edde;border-radius:50%;display:grid;place-items:center;color:#526446}
.workspace{max-width:1320px;margin:auto;padding:55px 5%}
.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.page-heading h1{margin:12px 0}
.page-heading p{margin-bottom:0}
.count{font:12px Arial;display:inline-grid;place-items:center;background:#e9edde;border-radius:20px;width:26px;height:26px;margin-left:15px;vertical-align:middle}
.stat-strip{display:flex;gap:30px;border-top:1px solid #dfe5da;border-bottom:1px solid #dfe5da;padding:17px 0;color:#7b877a;font-size:12px;margin-bottom:32px}
.stat-strip b{color:#315b49;margin-right:5px}
.stat-strip>span:last-child{margin-left:auto}
.dot{display:inline-block;width:6px;height:6px;background:#789567;border-radius:50%;margin-right:7px;vertical-align:middle}
.empty{text-align:center;border:1px dashed #d1dbc7;border-radius:12px;padding:80px 20px;background:#f3f6ed}
.empty>span{font:50px Georgia;color:#799466}
.empty h2{font:30px Georgia;margin:15px 0}
.empty p{max-width:400px;margin:0 auto 25px;color:#7c8676}
.category-tags{font-size:11px;color:#83907b;margin-top:30px}
.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.site-card{background:white;border:1px solid #e0e6da;border-radius:10px;overflow:hidden}
.site-thumbnail{display:block;height:230px;overflow:hidden;background:#e7ecdf;position:relative}
.site-thumbnail iframe{width:1100px;height:760px;border:0;transform:scale(.32);transform-origin:top left;pointer-events:none}
.card-info{padding:22px}
.card-info h2{font:24px Georgia;margin:12px 0 5px}
.card-info p{font-size:12px;color:#8a9187}
.badge{font-size:9px;padding:5px 9px;border-radius:4px;background:#f0ede5;color:#898070;font-weight:bold}
.badge.live{background:#e9f0df;color:#58734c}
.card-actions{display:flex;align-items:center;gap:14px;border-top:1px solid #e8ece4;padding-top:16px;margin-top:20px;font-size:12px}
.card-actions>a:first-child{font-weight:bold;margin-right:auto}
.card-actions form{margin:0}
.danger-btn{color:#b42318!important}
.danger-btn:hover{color:#7a160f!important;text-decoration:underline}
.new-card{border:1px dashed #cad6c0;border-radius:10px;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7d8c72}
.new-card span{font-size:35px;font-weight:normal}
.new-card h3{font:22px Georgia;margin:15px 0 6px}
.new-card p{font-size:12px}
.create-page{max-width:1100px;padding-top:30px}
.back{font-size:11px;color:#7c8876;display:block;margin-bottom:26px}
.create-page>h1{margin:12px 0}
.step{margin-top:36px}
.step h2{font-size:18px;font-weight:normal;margin-bottom:22px}
.step h2>span{font-size:11px;color:#92a080;margin-right:15px}
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.choice{position:relative;border:1px solid #dfe5d8;border-radius:8px;background:white;cursor:pointer;margin:0}
.choice:has(input:checked){border-color:#315b49;box-shadow:0 0 0 1px #315b49;background:#f2f6eb}
.choice:focus-within{outline:3px solid #a7bf5f}
.choice input{position:absolute;top:12px;right:12px;accent-color:#315b49}
.category{padding:24px 12px 18px;text-align:center}
.choice-icon{display:block;font:30px Georgia;color:#5b7950;margin-bottom:14px}
.category b{font-size:11px}
.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.theme-choice{padding:12px}
.mini-theme{padding:20px 18px 22px;background:#f0ede3;color:#2b493a;border-radius:4px}
.mini-theme>span{font-size:7px;letter-spacing:1px}
.mini-theme>div{display:flex;align-items:center;justify-content:space-between;margin:15px 0}
.mini-theme b{font:30px/1.02 Georgia;font-weight:normal}
.mini-theme i{display:block;width:65px;height:88px;background:linear-gradient(130deg,#b7c5a0,#627e56);border-radius:45px 45px 0 0}
.mini-theme small{font-size:7px;font-weight:normal}
.mini-studio{background:#eff1eb}
.mini-studio b{font:700 26px/1.05 Arial}
.mini-studio i{border-radius:6px;background:linear-gradient(120deg,#c9aea6,#7d665d)}
.mini-bold{background:#315b49;color:#eef2d9}
.mini-bold b{font:900 27px/1.05 Arial;text-transform:uppercase}
.mini-bold i{border-radius:0;background:#bcd09e}
.theme-caption{display:flex;flex-direction:column;gap:3px;padding:15px 3px 4px}
.theme-caption b{font-size:13px}
.theme-caption span{font-size:11px;font-weight:normal;color:#7e8876}
.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.domain-input{display:flex;align-items:center;background:white;border:1px solid #dce2d8;border-radius:6px;margin-top:8px;overflow:hidden}
.domain-input input{border:0!important;margin:0!important;min-width:0}
.domain-input>span{padding-right:12px;color:#84907c;font-weight:normal;max-width:55%;overflow-wrap:anywhere}
.create-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dde5d4;padding:25px 0}
.create-footer p{font-size:12px;margin:0}
.editor-top{background:white;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e7da;gap:15px}
.editor-top>div:first-child{display:flex;gap:14px;align-items:center}
.editor-top .back{margin:0}
.editor-top b{font-size:12px}
.editor-controls{display:flex;align-items:center;gap:10px}
.editor-controls .active{color:#315b49;background:#edf2e5;border-radius:5px}
.editor-controls .btn{padding:9px 14px;min-height:36px;font-size:11px}
.editor-body{display:grid;grid-template-columns:310px minmax(0,1fr);height:calc(100vh - 150px)}
.inspector{background:white;border-right:1px solid #e1e6da;overflow:auto;padding-bottom:30px}
.inspector-head{padding:25px 23px 15px}
.inspector-head h2{font:25px Georgia;margin:8px 0}
.inspector-head p{font-size:11px;margin:0}
details{border-top:1px solid #e4e9de;padding:0 23px}
summary{font-size:12px;font-weight:bold;padding:18px 0;cursor:pointer}
details label{font-size:11px;margin-bottom:15px}
details input:not([type=checkbox]),details textarea,details select{padding:9px;font-size:12px;margin-top:6px}
details small{font-size:9px}
details>button{margin:10px 0 18px}
.color-row{display:flex;gap:14px}
.color-control{width:50%}
.color-control>label{display:block;margin-bottom:7px}
.color-control>div{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}
.color-row input[type=color]{height:40px;padding:3px}
.color-reset{min-height:40px;padding:0 9px;border:1px solid #d9e0d5;border-radius:5px;background:#fff;color:#52665a;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer}
.color-reset:hover{border-color:#93a58f;color:#23382e}
.editor-controls .reset-theme{min-height:36px;padding:0 11px;border:1px solid #d9e0d5;border-radius:5px;background:#fff;color:#52665a;font-weight:700}
.editor-controls .reset-theme:hover{border-color:#93a58f;background:#f7f9f4;color:#23382e}
.editor-controls .inline-edit-toggle{min-height:36px;padding:0 11px;border:1px solid #cbd8cc;border-radius:5px;background:#fff;font-weight:700}
.editor-controls .inline-edit-toggle.active{border-color:#80ad8b;background:#e8f3e9;color:#255c36}
.check{display:flex;align-items:center;gap:8px;font-weight:normal}
.check input{accent-color:#315b49}
.service-fields{border:1px solid #e2e8d9;background:#fafbf7;padding:12px;border-radius:6px;margin-bottom:12px}
.service-fields label{margin-bottom:10px}
.domain-note{padding:24px;border-top:1px solid #e4e9de;font-size:11px;overflow-wrap:anywhere}
.domain-note p{margin:9px 0}
.domain-note a{font-size:10px;color:#315b49}
.canvas{background:#eaf0e2;padding:24px;overflow:auto;position:relative}
.preview-bar{display:flex;align-items:center;font-size:10px;color:#728166;margin:0 0 14px}
.preview-bar span{margin-left:auto}
.canvas iframe{width:100%;max-width:100%;height:calc(100% - 30px);min-height:500px;display:block;margin:0 auto;background:#fff;border:0;box-shadow:0 7px 30px #384e2910;border-radius:4px}
.publish-message{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);background:white;padding:22px;box-shadow:0 10px 40px #0002;border-radius:10px;display:flex;flex-direction:column;gap:12px;text-align:center;min-width:260px}
.publish-message a{color:#315b49;text-decoration:underline}
@media(min-width:1500px){.editor-body{grid-template-columns:340px minmax(0,1fr)}
}
@media(max-width:1000px){.topbar{gap:25px;padding:0 25px}
.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.category-grid{grid-template-columns:repeat(3,1fr)}
.auth-story h1{font-size:56px}
.auth-story{padding:35px 10%}
.account>span:nth-child(2){display:none}
.editor-controls .device{display:none}
.editor-body{grid-template-columns:275px minmax(0,1fr)}
}
@media(max-width:700px){.topbar{height:auto;min-height:70px;gap:15px;padding:15px 20px;flex-wrap:wrap}
.topbar nav{order:3;width:100%;gap:25px;height:30px}
.topbar .logo b{font-size:20px}
.account{gap:4px}
.account form{margin-left:6px}
.workspace{padding:30px 20px}
.page-heading{align-items:flex-start;gap:15px}
.page-heading h1{font-size:34px}
.page-heading .btn{font-size:10px;padding:10px;gap:5px}
.page-heading p{font-size:12px}
.stat-strip{gap:20px}
.stat-strip>span:last-child{display:none}
.site-grid{grid-template-columns:1fr}
.site-thumbnail iframe{transform:scale(.34)}
.auth-layout{display:block}
.auth-story{min-height:0;padding:25px}
.auth-story>div{margin-top:35px}
.auth-story h1{font-size:46px}
.auth-story h1 br{display:none}
.auth-story p,.auth-story>small,.sample-card{display:none}
.auth-form{padding:40px 25px}
.theme-grid{grid-template-columns:1fr}
.mini-theme>div{max-width:250px}
.name-grid{grid-template-columns:1fr;gap:0}
.create-page h1{font-size:34px}
.create-footer{gap:10px}
.create-footer p{max-width:140px}
.editor-top{flex-wrap:wrap;padding:12px}
.editor-top>div:first-child{width:100%}
.editor-controls{margin-left:auto}
.editor-body{display:flex;flex-direction:column;height:auto}
.inspector{max-height:470px;order:2}
.canvas{height:550px;padding:12px;order:1}
.canvas iframe{height:490px;min-height:0}
.preview-bar{margin-bottom:10px}
.category{padding:22px 8px 14px}
}

/* WeeWebs brand and expanded professional template gallery */
.brand-mark{width:30px;height:30px;border-radius:8px;background:#315b49;color:#f3f6e9;display:inline-grid;place-items:center;font:700 15px/1 Georgia,serif;letter-spacing:-2px;padding-right:2px}
.auth-story .brand-mark{background:#315b49}
.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mini-luxe{background:#171916;color:#f0e6ce}
.mini-luxe b{font:400 28px/1 Georgia,serif;letter-spacing:-1px}
.mini-luxe i{border-radius:50% 50% 4px 4px;background:linear-gradient(145deg,#b08a52,#5e4630);border:1px solid #d8bc8a}
.mini-minimal{background:#fafafa;color:#171717;border:1px solid #e5e5e5}
.mini-minimal b{font:500 27px/1.05 Arial,sans-serif;letter-spacing:-1.5px}
.mini-minimal i{border-radius:0;background:linear-gradient(135deg,#d9d9d9 50%,#999 50%)}
.mini-craft{background:#e7d7bd;color:#4f3624}
.mini-craft b{font:600 28px/1 Georgia,serif}
.mini-craft i{border-radius:55% 42% 48% 35%;background:linear-gradient(145deg,#a36d3f,#5d7b59);transform:rotate(4deg)}
.mini-night{background:#101a24;color:#dbe9ef}
.mini-night b{font:700 27px/1.05 Arial,sans-serif;letter-spacing:-1px}
.mini-night i{border-radius:4px;background:linear-gradient(150deg,#2d6f83,#c36f47);box-shadow:8px 8px 0 #d5a84d}
.mini-aura{position:relative;overflow:hidden;background:linear-gradient(150deg,#b68ac1,#e8a187);color:#fff}
.mini-aura:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 28%,#fff6 0 16%,transparent 17%),linear-gradient(180deg,transparent,#5c375b88)}
.mini-aura>*{position:relative;z-index:1}
.mini-aura b{font:600 28px/1.03 'Trebuchet MS',Arial,sans-serif;text-shadow:0 2px 12px #40243d55}
.mini-aura i{border-radius:50% 50% 12px 12px;background:linear-gradient(145deg,#f3cdbb,#854f7f);border:3px solid #fff8}
.mini-mosaic{background:#f3d958;color:#27231c;position:relative;overflow:hidden}
.mini-mosaic:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;background:#ea735d;right:-25px;bottom:-32px}
.mini-mosaic b{font:800 27px/1.02 'Trebuchet MS',Arial,sans-serif;letter-spacing:-1px}
.mini-mosaic i{border-radius:22px;background:linear-gradient(135deg,#4aa8a3 50%,#fff2d3 50%);box-shadow:-8px 8px 0 #27231c}
.mini-horizon{background:linear-gradient(180deg,#dff2f1 0 58%,#f8eee0 58%);color:#244448}
.mini-horizon b{font:500 28px/1.03 Georgia,serif}
.mini-horizon i{border-radius:70px 70px 8px 8px;background:linear-gradient(150deg,#80b7ae,#dd956d);box-shadow:0 8px 0 #fff9}
.mini-theme{min-height:190px}
.theme-choice{transition:transform .2s ease,box-shadow .2s ease}
.theme-choice:hover{transform:translateY(-3px);box-shadow:0 14px 35px #263f2f12}
.category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.choice-icon{transition:transform .2s ease}
.category:hover .choice-icon{transform:translateY(-3px)}
@media(max-width:1000px){
.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){
.theme-grid{grid-template-columns:1fr}
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-mark{width:27px;height:27px}
}

/* Category gallery: every business type previews its own original hero photo. */
.category{padding:8px 8px 13px;text-align:left;overflow:hidden}
.category input{z-index:2;background:#fff;border-radius:50%}
.category-photo{height:105px;display:flex;align-items:flex-end;padding:10px;background-size:cover;background-position:72% center;border-radius:5px;margin-bottom:11px;position:relative;overflow:hidden}
.category-photo:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#1119)}
.category .choice-icon{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;margin:0;border-radius:50%;background:#fff;color:#315b49;font:18px/1 Georgia,serif;box-shadow:0 4px 15px #0002}
.category b,.category>small{display:block;padding:0 5px}
.category>small{margin-top:2px;color:#7a8479;font-size:9px;letter-spacing:.4px;text-transform:uppercase}
.category:hover .category-photo{filter:saturate(1.08)}
@media(max-width:700px){
.category-photo{height:86px}
.category b{font-size:10px}
.category>small{font-size:8px}
}

/* New premium theme collection previews */
.mini-atelier{background:#f1e9dc;color:#31271f}
.mini-atelier b{font:italic 400 29px/1 Georgia,serif}
.mini-atelier i{border-radius:50% 50% 3px 3px;background:linear-gradient(145deg,#d7b698,#70594a);transform:rotate(3deg);box-shadow:6px 7px 0 #cdbda7}
.mini-canvas{background:#dce8db;color:#17372f;border-radius:13px}
.mini-canvas b{font:700 27px/1 Arial,sans-serif;letter-spacing:-1.5px}
.mini-canvas i{border-radius:15px;background:linear-gradient(145deg,#8fae98,#f9faf6);box-shadow:0 7px 20px #18382e1a}
.mini-noir{background:linear-gradient(135deg,#070708,#252528);color:#fff}
.mini-noir b{font:700 29px/.95 Arial,sans-serif;letter-spacing:-2px}
.mini-noir i{border-radius:0;background:linear-gradient(145deg,#56504c,#111);box-shadow:inset 0 0 0 1px #fff3}
.mini-blueprint{color:#edf6f7;background-color:#123b4a;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:15px 15px}
.mini-blueprint b{font:800 25px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:-1px}
.mini-blueprint i{border-radius:0;background:#e8f1f1;border:2px solid #f2b84b;box-shadow:6px 6px 0 #f2b84b}
.mini-botanical{background:#edf0e5;color:#385144;position:relative;overflow:hidden}
.mini-botanical:after{content:'';position:absolute;width:100px;height:100px;border-radius:50%;background:#c7d7bf;left:-45px;bottom:-55px}
.mini-botanical b{font:400 29px/1 Georgia,serif}
.mini-botanical i{border-radius:50% 50% 16px 5px;background:linear-gradient(145deg,#e8d1bf,#758b72)}
.mini-gallery{background:#fafafa;color:#111;border:1px solid #111}
.mini-gallery b{font:500 25px/1.05 Arial,sans-serif;letter-spacing:-1.5px}
.mini-gallery i{border-radius:0;background:linear-gradient(90deg,#bcbcbc 50%,#292929 50%)}
.mini-paper{background:#f3ecdd;color:#28241e;border-top:3px double #28241e;border-bottom:3px double #28241e}
.mini-paper b{font:700 28px/.95 Georgia,serif;letter-spacing:-1px}
.mini-paper i{border-radius:0;filter:sepia(.5);background:linear-gradient(145deg,#d3b78f,#6d5946)}
.mini-pop{background:#f0d738;color:#211f1a;border:2px solid #211f1a;box-shadow:5px 5px 0 #e66855}
.mini-pop b{font:900 27px/.95 Arial,sans-serif;text-transform:uppercase;letter-spacing:-2px}
.mini-pop i{border-radius:18px;background:linear-gradient(135deg,#65b5ac 50%,#c8afe4 50%);border:2px solid #211f1a;box-shadow:5px 5px 0 #211f1a}
.mini-summit{background:linear-gradient(160deg,#adc4bf,#153b43);color:#fff}
.mini-summit b{font:400 29px/1 Georgia,serif;text-shadow:0 2px 10px #123}
.mini-summit i{border-radius:60px 60px 3px 3px;background:linear-gradient(165deg,#e9d5b7,#456b70);box-shadow:0 0 0 4px #fff5}
.mini-monogram{background:#eee6da;color:#412f28;text-align:center}
.mini-monogram b{font:400 28px/1 Georgia,serif;letter-spacing:-1px}
.mini-monogram i{border-radius:50% 50% 4px 4px;background:linear-gradient(145deg,#b9977e,#513b34);box-shadow:0 0 0 4px #eee6da,0 0 0 5px #876b5c}
.mini-torque{color:#fff;background:#0b0d11;border:1px solid #ffffff2b;border-radius:4px}
.mini-torque b{font:900 25px/.92 Arial,sans-serif;text-transform:uppercase;letter-spacing:-1.5px}
.mini-torque i{border-radius:2px;background:linear-gradient(145deg,#7f868a,#181c21);border-bottom:5px solid #d8ad4c}
.mini-torque small{display:inline-block;padding:4px 7px;background:#d8ad4c;color:#17140c;font-weight:800}
.mini-servicepro{color:#29333b;background:#fff;border:1px solid #dce3e8;border-top:8px solid #1671bd;border-radius:2px}
.mini-servicepro b{font:900 24px/.94 Arial,sans-serif;text-transform:uppercase;letter-spacing:-1.25px}
.mini-servicepro i{border-radius:0;background:linear-gradient(135deg,#b9c3ca,#45515a);box-shadow:inset 0 -7px 0 #1671bd}
.mini-servicepro small{display:inline-block;padding:4px 7px;background:#1671bd;color:#fff;font-weight:800}
.mini-assure{color:#153253;background:#fff;border-top:7px solid #1769c2;border-radius:4px;box-shadow:inset 0 0 0 1px #d7e4f0}
.mini-assure b{font:800 25px/.95 Arial,sans-serif;letter-spacing:-1.4px}
.mini-assure i{border-radius:4px;background:linear-gradient(145deg,#e1ebf3,#718ca5);box-shadow:-7px 7px 0 #1769c2}
.mini-assure small{display:inline-block;padding:4px 7px;border-radius:3px;background:#1769c2;color:#fff;font-weight:800}
.mini-impact{color:#fff;background:#111315;border:1px solid #ffffff28;border-radius:3px;overflow:hidden}
.mini-impact b{font:900 25px/.87 Arial,sans-serif;text-transform:uppercase;letter-spacing:-1.8px}
.mini-impact i{border-radius:2px;background:linear-gradient(145deg,#6d7478,#202326);box-shadow:inset 0 -7px 0 #e35a36}
.mini-impact small{display:inline-block;padding:4px 7px;border-radius:20px;background:#e35a36;color:#fff;font-weight:800}

/* Optional section manager */
.section-library .section-help{margin:-3px 0 14px}
.section-switches{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
.section-switches label{display:flex;align-items:center;gap:8px;margin:0;padding:10px;border:1px solid #dfe5d8;border-radius:7px;background:#f7f9f4;font-size:11px;cursor:pointer}
.section-switches input{width:auto;margin:0;accent-color:#315b49}
.section-options fieldset{margin:14px 0;padding:14px;border:1px solid #dfe5d8;border-radius:8px}
.section-options legend{padding:0 6px;color:#315b49;font-size:11px;font-weight:700}
.compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gallery-upload-row{display:grid;grid-template-columns:55px 1fr 1fr;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #e5e9e1}
.gallery-upload-row:first-child{border:0}
.gallery-upload-row b{font-size:10px}
.gallery-upload-row label,.gallery-upload-row button{margin:0;font-size:10px;text-align:left}
.gallery-upload-row input[type=file]{position:absolute;width:1px;height:1px;opacity:0}

/* Full theme preview shown immediately after a design is selected. */
.create-page{max-width:1440px}
.design-picker-layout{display:grid;grid-template-columns:minmax(430px,.82fr) minmax(540px,1.18fr);gap:28px;align-items:start}
.design-picker-layout .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.design-picker-layout .mini-theme{min-height:165px;padding:17px 15px}
.design-preview{position:sticky;top:18px;align-self:start;margin:0;border:1px solid #d8dfd2;border-radius:14px;overflow:hidden;background:#1e2723;box-shadow:0 24px 60px #203c2c18}
.design-preview-bar{min-height:68px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}
.design-preview-bar>div:first-child{display:flex;align-items:center;gap:12px}
.design-preview-bar span{font-size:9px;letter-spacing:1.5px;color:#aebbb4}
.design-preview-bar b{font:600 17px Georgia,serif}
.preview-devices{display:flex;gap:5px;padding:4px;background:#ffffff12;border-radius:8px}
.preview-devices button{border:0;border-radius:5px;padding:7px 12px;background:transparent;color:#bfc9c4;font:600 10px Arial,sans-serif;cursor:pointer}
.preview-devices button.active{background:#fff;color:#1e2723}
.design-preview-stage{height:700px;padding:10px;display:flex;justify-content:center;align-items:stretch;background:#d9dedb;overflow:hidden}
.design-preview iframe{width:100%;height:100%;border:0;background:#fff;border-radius:5px;transition:width .3s ease,opacity .18s ease;box-shadow:0 8px 30px #0e181340}
.design-preview.is-updating iframe{animation:preview-in .4s ease}
@keyframes preview-in{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1050px){
.design-picker-layout{grid-template-columns:1fr}
.design-picker-layout .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.design-preview{position:relative;top:auto}
}
@media(max-width:700px){
.design-picker-layout .theme-grid{grid-template-columns:1fr}
.design-preview{margin-top:20px}
.design-preview-bar{align-items:flex-start;flex-direction:column}
.design-preview-stage{height:560px;padding:7px}
.preview-devices{align-self:stretch}
.preview-devices button{flex:1}
}

/* Harbour theme card in the create-site design picker. */
.mini-harbour{color:#142b3b;background:#fff;border:1px solid #dce3e8;border-radius:6px}
.mini-harbour>span{font-size:10px;letter-spacing:0;text-transform:none;color:#506574}
.mini-harbour b{font:500 28px/1.07 Arial,Helvetica,sans-serif;letter-spacing:-1px}
.mini-harbour i{background:#d8eae9;border-radius:4px 4px 4px 26px;width:65px;height:88px}
.mini-harbour small{display:inline-block;padding:6px 10px;border-radius:4px;background:#315ddb;color:#fff;font-size:10px;letter-spacing:0}

/* Linen, Bistro, Terra, Vogue and Neon theme cards in the design picker. */
.mini-linen{background:#f7f2e9;color:#31291f}
.mini-linen b{font:400 28px/1.03 Georgia,serif}
.mini-linen i{border-radius:60px 60px 4px 4px;background:linear-gradient(150deg,#e8dcc6,#a8927a)}
.mini-bistro{background:#f8f1e5;color:#33231a;border-bottom:6px solid #33231a}
.mini-bistro b{font:700 27px/1.02 Georgia,serif}
.mini-bistro i{border-radius:4px;background:linear-gradient(145deg,#d9a05b,#8a4a26)}
.mini-terra{background:#f6ede1;color:#46311f}
.mini-terra b{font:800 27px/1.02 Arial,sans-serif;letter-spacing:-1px}
.mini-terra i{border-radius:14px;background:linear-gradient(145deg,#e0b48d,#b0603a);box-shadow:6px 6px 0 #cf7146}
.mini-vogue{background:#fff;color:#0d0d0d;border:1px solid #0d0d0d}
.mini-vogue b{font:400 27px/.98 Georgia,serif;text-transform:uppercase;letter-spacing:.5px}
.mini-vogue i{border-radius:0;background:linear-gradient(135deg,#cfcfcf,#3a3a3a);filter:grayscale(1)}
.mini-neon{background:#0d0c15;color:#f3f2f8;border:1px solid #ffffff20}
.mini-neon b{font:900 26px/1 Arial,sans-serif;letter-spacing:-1.5px;background:linear-gradient(100deg,#9d7bff,#ff4d9d);-webkit-background-clip:text;background-clip:text;color:transparent}
.mini-neon i{border-radius:12px;background:linear-gradient(145deg,#7c5cff,#ff4d9d);box-shadow:0 0 18px #7c5cff80}
.mini-insure{color:#15233c;background:#f6f7fc;border:1px solid #e4e7f2;border-radius:4px}
.mini-insure>span{color:#015fc9}
.mini-insure b{font:700 26px/1.04 'Segoe UI',Arial,sans-serif;letter-spacing:-1px}
.mini-insure i{border-radius:4px 16px 4px 4px;background:#015fc9;box-shadow:-7px 7px 0 #0dd3f1}