body{padding-bottom:72px}.kit-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:flex;align-items:center;gap:24px;padding:12px clamp(18px,3vw,48px);min-height:68px;background:#FFFEF9;color:#26382F;border-top:1px solid #DCE0D5;box-shadow:0 -10px 40px -24px #1D322736;font:500 12px/1.4 "Kit Brand",system-ui,sans-serif}.kit-bar a{color:#26382F;text-decoration:none}.kit-bar-brand{display:flex;align-items:center;gap:10px;font:400 29px/1 "Kit Serif",serif}.kit-bar-brand span{font:500 11px "Kit Brand",sans-serif;letter-spacing:.02em}.kit-context{font-size:10px;letter-spacing:.07em;text-transform:uppercase;opacity:.65;margin-right:auto}.kit-theme-label{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.05em}.kit-theme-label select{appearance:auto;border:1px solid #B1BCAE;background:transparent;color:#26382F;border-radius:3px;min-width:155px;font:500 11px "Kit Brand",sans-serif;padding:9px 12px;min-height:38px}.kit-edit{display:flex;gap:22px;align-items:center;padding:10px 17px;border:1px solid #B1BCAE;border-radius:3px;font-size:10px}.kit-edit span{font-size:17px}.kit-bar :focus-visible{outline:2px solid #365B46;outline-offset:3px}.wa-float{bottom:88px}.demo-form-note{padding:14px 16px;background:var(--raised);border:1px solid var(--line);color:var(--text);font-size:.85rem;margin-bottom:16px}.kit-bar select{color-scheme:light}@media(max-width:700px){.kit-context{display:none}.kit-bar{gap:13px;padding:10px 14px}.kit-bar-brand{margin-right:auto}.kit-bar-brand span{display:none}.kit-theme-label{gap:8px}.kit-theme-label select{min-width:120px;max-width:155px;padding:8px;font-size:10px}.kit-edit{padding:8px 10px;gap:8px}.kit-edit span{display:none}}@media(max-width:380px){.kit-theme-label{font-size:0}.kit-theme-label select{max-width:130px;min-width:105px}.kit-edit{font-size:9px}}
.kit-bar-brand,.kit-theme-label,.kit-edit{flex:none}.kit-context{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* The comparison bar belongs to the active theme, including its owner-defined colors. */
html[data-category] .kit-bar{color:var(--text);background:color-mix(in srgb,var(--bg) 96%,transparent);border-top-color:color-mix(in srgb,var(--accent) 20%,transparent);backdrop-filter:blur(20px);box-shadow:0 -10px 45px -30px #0006;font-size:11px;min-height:64px}
html[data-category] .kit-bar a{color:var(--text)}
html[data-category] .kit-bar-brand{color:var(--link);font-size:27px}
html[data-category] .kit-bar-brand span{font-size:10px;letter-spacing:.025em}
html[data-category] .kit-context{color:var(--muted);opacity:1;font-size:9px;letter-spacing:.12em}
html[data-category] .kit-theme-label{font-size:9px;color:var(--muted);letter-spacing:.1em}
html[data-category] .kit-theme-label select{color:var(--text);border-color:color-mix(in srgb,var(--heading) 28%,transparent);background:var(--bg);color-scheme:inherit;font-size:10px;border-radius:2px;min-height:35px;padding:8px 12px}
html[data-category] .kit-edit{color:var(--link);border-color:color-mix(in srgb,var(--accent) 28%,transparent);font-size:9px;border-radius:2px;padding:8px 14px;letter-spacing:.035em}
html[data-category] .kit-bar :focus-visible{outline-color:var(--link)}
@media(max-width:700px){html[data-category] .kit-bar{gap:12px}html[data-category] .kit-edit{font-size:8px;padding:8px 10px}html[data-category] .kit-theme-label select{padding:8px;min-width:110px;max-width:145px}html[data-category] .kit-theme-label{font-size:0;gap:0}}
.kit-gallery{flex:none;font-size:10px;letter-spacing:.03em;white-space:nowrap}.kit-gallery span{font-size:14px;margin-left:5px}html[data-category] .kit-bar .kit-gallery{color:var(--link)}
@media(max-width:700px){html[data-category] .kit-edit .kit-edit-label{display:none}html[data-category] .kit-edit .kit-edit-arrow{display:inline;font-size:17px}html[data-category] .kit-edit{min-width:34px;justify-content:center;padding:7px}.kit-gallery{font-size:9px}.kit-gallery span{display:none}}

/* Selectorul păstrează denumirea completă și pe ecrane înguste. */
html[data-category] .kit-theme-label select{width:clamp(260px,27vw,365px);min-width:0;max-width:365px}
@media(max-width:700px){body:has(.kit-bar){padding-bottom:132px}html[data-category] .kit-bar{display:grid;grid-template-columns:auto 1fr;gap:9px 16px}html[data-category] .kit-bar-brand{grid-column:1;grid-row:1;margin:0}html[data-category] .kit-edit{grid-column:2;grid-row:1;justify-self:end}html[data-category] .kit-theme-label{grid-column:1/-1;grid-row:2;width:100%;min-width:0}html[data-category] .kit-theme-label select{width:100%;max-width:none;min-width:0;font-size:10px;padding:8px;min-height:34px}}