#dibiaThemeLibrary{margin:16px 0;padding:18px;border:1px solid #cad7e3;border-radius:12px} .dibia-theme-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0}.dibia-theme-controls label{display:grid;gap:8px;font-weight:600}.dibia-theme-controls select,.dibia-theme-controls input{width:100%;min-height:39px}.dibia-theme-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}#dibiaThemeFeedback{font-size:13px}/* Public button treatments selected for each site */body.dibia-themed .btn-primary{background:var(--dibia-btn-bg,var(--brand));color:var(--dibia-btn-text,#fff)}body.dibia-button-1 .btn-primary{background:transparent!important;border:2px solid var(--dibia-btn-bg)!important;color:var(--dibia-btn-bg)!important}body.dibia-button-2 .btn-primary{background:color-mix(in srgb,var(--dibia-btn-bg) 18%,white)!important;color:var(--dibia-btn-bg)!important}body.dibia-button-3 .btn-primary{border-radius:999px!important}body.dibia-button-4 .btn-primary{background:transparent!important;border:0!important;border-radius:0!important;border-bottom:2px solid var(--dibia-btn-bg)!important;color:var(--dibia-btn-bg)!important}body.dibia-button-5 .btn-primary{background:color-mix(in srgb,var(--dibia-btn-bg) 48%,transparent)!important;backdrop-filter:blur(10px);border:1px solid currentColor!important}
/* V7.3.4 unified visual theme simulation */
.dibia-design-preview{margin:20px 0;padding:14px;border:1px solid #c9d7e0;border-radius:14px}.dibia-preview-toolbar{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-bottom:12px}.dibia-preview-toolbar label{display:flex;gap:8px;align-items:center}.dibia-preview-canvas{--p-primary:#236b91;--p-dark:#162f44;--p-accent:#e2bb78;--p-button:#236b91;--p-button-text:white;max-width:900px;margin:auto;border:1px solid #d5dce4;border-radius:12px;overflow:hidden;background:#fff;color:var(--p-dark);font-family:system-ui,Arial,sans-serif;transition:all .2s}.dibia-preview-canvas header,.dibia-preview-canvas footer{display:flex;justify-content:space-between;align-items:center;padding:14px 5%;background:var(--p-dark);color:white;font-size:12px}.dibia-preview-hero{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:40px 6%;min-height:270px;align-items:center}.dibia-preview-copy small{color:var(--p-primary);font-weight:700;letter-spacing:.15em}.dibia-preview-copy h2{font-size:clamp(20px,3vw,36px);line-height:1.1;margin:10px 0}.dibia-preview-copy p{font-size:13px}.dibia-preview-copy button{background:var(--p-button);color:var(--p-button-text);border:2px solid var(--p-button);padding:10px 19px;border-radius:6px;margin-top:8px}.dibia-preview-canvas[data-button="1"] .dibia-preview-copy button{background:transparent;color:var(--p-button)}.dibia-preview-canvas[data-button="2"] .dibia-preview-copy button{background:color-mix(in srgb,var(--p-button) 18%,white);color:var(--p-button)}.dibia-preview-canvas[data-button="3"] .dibia-preview-copy button{border-radius:100px}.dibia-preview-canvas[data-button="4"] .dibia-preview-copy button{background:transparent;color:var(--p-button);border:0;border-bottom:2px solid var(--p-button);border-radius:0}.dibia-preview-canvas[data-button="5"] .dibia-preview-copy button{background:color-mix(in srgb,var(--p-button) 50%,transparent);backdrop-filter:blur(8px)}.dibia-preview-art{min-height:190px;border-radius:18px;background:linear-gradient(135deg,var(--p-primary),var(--p-dark));display:flex;gap:10px;align-items:flex-end;justify-content:center;padding:20px}.dibia-preview-art i{display:block;width:25%;height:65%;background:var(--p-accent);border-radius:60px 60px 8px 8px}.dibia-preview-art i:nth-child(2){height:90%;opacity:.6}.dibia-preview-art i:nth-child(3){height:50%;opacity:.35}.dibia-preview-section{padding:24px 6%;background:color-mix(in srgb,var(--p-primary) 7%,white)}.dibia-preview-section h3{font-size:18px}.dibia-preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dibia-preview-cards>div{background:white;padding:14px;display:grid;gap:7px;min-height:90px;border-radius:10px;border:1px solid #ddd}.dibia-preview-cards i{width:25px;height:25px;border-radius:8px;background:var(--p-accent)}.dibia-preview-cards small{font-size:10px}.dibia-preview-canvas[data-layout=centered] .dibia-preview-hero{grid-template-columns:1fr;text-align:center}.dibia-preview-canvas[data-layout=centered] .dibia-preview-art{min-height:100px}.dibia-preview-canvas[data-layout=minimal] .dibia-preview-hero{grid-template-columns:1.5fr .5fr}.dibia-preview-canvas[data-layout=minimal] .dibia-preview-art{border-radius:0;min-height:240px}.dibia-preview-canvas[data-family=creative-agency] .dibia-preview-cards>div{border-radius:0;border-top:4px solid var(--p-accent)}.dibia-preview-canvas[data-family=saas-tech] .dibia-preview-section{background:var(--p-dark);color:#fff}.dibia-preview-canvas[data-family=saas-tech] .dibia-preview-cards>div{color:var(--p-dark)}.dibia-preview-canvas[data-family=e-commerce-boutique] .dibia-preview-art{border-radius:0}.dibia-preview-canvas[data-family=care] .dibia-preview-art{border-radius:100px 100px 25px 25px}.dibia-preview-canvas[data-style="1"] .dibia-preview-cards>div{border-radius:25px}.dibia-preview-canvas[data-style="2"] .dibia-preview-cards{grid-template-columns:1.5fr 1fr 1fr}.dibia-preview-canvas[data-style="3"] .dibia-preview-cards>div{box-shadow:0 9px 18px #0002}.dibia-preview-canvas[data-style="4"] .dibia-preview-cards>div{border-left:6px solid var(--p-accent);border-radius:0}.dibia-preview-canvas.is-mobile{max-width:350px}.dibia-preview-canvas.is-mobile .dibia-preview-hero,.dibia-preview-canvas.is-mobile .dibia-preview-cards{grid-template-columns:1fr}.dibia-preview-canvas.is-mobile header span{display:none}.dibia-preview-canvas.is-mobile .dibia-preview-hero{padding:24px 7%}

/* Unified design controls: remove duplicate preset and simulation. Existing typography and header tuning remain. */
#appearance .theme-experience{display:none!important}
#appearance label:has(> #themePreset){display:none!important}
#appearance .dibia-theme-library{margin-bottom:20px}

#appearance label:has(> #themePrimary),#appearance label:has(> #themeDark),#appearance label:has(> #themeAccent){display:none!important}

#dibiaPreviewCanvas{font-family:var(--p-body-font,Arial,sans-serif)}
#dibiaPreviewCanvas .dibia-preview-copy h2,#dibiaPreviewCanvas .dibia-preview-section h3{font-family:var(--p-heading-font,Georgia,serif)}
#dibiaPreviewCanvas .dibia-preview-copy button{font-family:var(--p-button-font,Arial,sans-serif)}

/* V7.3.4 R3: menu appearances and tactile button designs — public + design preview */
.dibia-preview-canvas header .dibia-preview-nav{display:flex;gap:15px;align-items:center}
.dibia-preview-canvas .dibia-preview-nav span{white-space:nowrap}
.dibia-preview-canvas[data-menu=floating] header{margin:12px;border-radius:45px;box-shadow:0 8px 20px #0003}
.dibia-preview-canvas[data-menu=underline] header{background:white;color:var(--p-dark);border-bottom:2px solid var(--p-primary)}
.dibia-preview-canvas[data-menu=underline] .dibia-preview-nav span:first-child{border-bottom:2px solid var(--p-primary);padding-bottom:4px}
.dibia-preview-canvas[data-menu=pills] .dibia-preview-nav span{background:#ffffff26;padding:7px 12px;border-radius:100px}
.dibia-preview-canvas[data-menu=dark] header{background:#111725}
.dibia-preview-canvas[data-menu=minimal] header{background:white;color:var(--p-dark);padding-block:22px;letter-spacing:.05em}
body.dibia-themed[data-dibia-menu=floating] :is(.topbar,.db-starter-header){margin:12px auto;width:calc(100% - 24px);border-radius:40px;box-shadow:0 9px 25px #0002;overflow:hidden}
body.dibia-themed[data-dibia-menu=underline] :is(.topbar,.db-starter-header){border-bottom:3px solid var(--brand,#287fa0)}
body.dibia-themed[data-dibia-menu=underline] :is(.topbar,.db-starter-header) nav a:hover{text-decoration:underline;text-underline-offset:6px}
body.dibia-themed[data-dibia-menu=pills] :is(.topbar,.db-starter-header) nav a{border-radius:30px;background:color-mix(in srgb,var(--brand,#287fa0) 12%,transparent);padding:9px 13px;margin-inline:3px}
body.dibia-themed[data-dibia-menu=dark] :is(.topbar,.db-starter-header){background:#111725;color:#fff}
body.dibia-themed[data-dibia-menu=dark] :is(.topbar,.db-starter-header) a{color:#fff}
body.dibia-themed[data-dibia-menu=minimal] :is(.topbar,.db-starter-header){background:white;letter-spacing:.04em;box-shadow:none;border-bottom:1px solid #ddd}
body.dibia-themed[data-dibia-radius=sharp] :is(.btn-primary,.db-main-cta,.db-starter-head-cta){border-radius:2px!important}
body.dibia-themed[data-dibia-radius=rounded] :is(.btn-primary,.db-main-cta,.db-starter-head-cta){border-radius:14px!important}
body.dibia-themed[data-dibia-radius=pill] :is(.btn-primary,.db-main-cta,.db-starter-head-cta){border-radius:999px!important}
.dibia-preview-canvas[data-radius=sharp] .dibia-preview-copy button{border-radius:2px!important}
.dibia-preview-canvas[data-radius=rounded] .dibia-preview-copy button{border-radius:14px!important}
.dibia-preview-canvas[data-radius=pill] .dibia-preview-copy button{border-radius:999px!important}
:is(body.dibia-button-6 .btn-primary,body.dibia-button-6 .db-main-cta,body.dibia-button-6 .db-starter-head-cta,.dibia-preview-canvas[data-button="6"] .dibia-preview-copy button){box-shadow:0 9px 0 color-mix(in srgb,var(--dibia-btn-bg,var(--p-button,#247baf)) 65%,black),0 17px 24px #0002!important;transform:translateY(-4px)}
:is(body.dibia-button-7 .btn-primary,body.dibia-button-7 .db-main-cta,body.dibia-button-7 .db-starter-head-cta,.dibia-preview-canvas[data-button="7"] .dibia-preview-copy button){box-shadow:inset 0 2px 3px #fff9,inset 0 -5px 1px #0004,0 7px 0 #0005!important;border:1px solid #ffffff55!important;transform:translateY(-2px)}
:is(body.dibia-button-8 .btn-primary,body.dibia-button-8 .db-main-cta,body.dibia-button-8 .db-starter-head-cta,.dibia-preview-canvas[data-button="8"] .dibia-preview-copy button){background-image:linear-gradient(180deg,#ffffffa0 -15%,transparent 55%,#00000018)!important;box-shadow:inset 0 2px 0 #ffffffb0,0 8px 18px #0003!important}
:is(body.dibia-button-9 .btn-primary,body.dibia-button-9 .db-main-cta,body.dibia-button-9 .db-starter-head-cta,.dibia-preview-canvas[data-button="9"] .dibia-preview-copy button){border:1px solid #ffffff80!important;box-shadow:7px 7px 13px #0003,-4px -4px 12px #ffffff90!important}
@media(max-width:650px){.dibia-preview-canvas .dibia-preview-nav{flex-wrap:wrap;gap:7px}.dibia-preview-canvas.is-mobile .dibia-preview-nav{display:none}}
