.template-demo-toolbar{min-height:78px;padding:11px max(18px,calc((100% - 1240px)/2));position:sticky;z-index:75;top:0;display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:#fffdf8f2;box-shadow:0 12px 35px #382f2418;backdrop-filter:blur(18px)}.template-demo-toolbar__back{min-height:48px;display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:16px!important;font-weight:850}.template-demo-toolbar>div{display:grid;text-align:right}.template-demo-toolbar small{color:var(--muted);font-size:16px!important}.template-demo-toolbar strong{font-size:17px!important}.template-demo-toolbar nav{display:flex;gap:6px}.template-demo-toolbar nav a{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:19px!important}.template-demo-toolbar__choose{min-width:190px;white-space:nowrap}

@media(max-width:900px){.template-demo-toolbar{grid-template-columns:auto 1fr auto}.template-demo-toolbar>div{display:none}}
@media(max-width:640px){.template-demo-toolbar{min-height:76px;padding:10px 12px;position:fixed;top:auto;right:0;bottom:0;left:0;grid-template-columns:auto 1fr;gap:8px;border-top:1px solid var(--line);border-bottom:0}.template-demo-toolbar__back span,.template-demo-toolbar nav{display:none}.template-demo-toolbar__back{width:48px;justify-content:center}.template-demo-toolbar__choose{width:100%;min-width:0;white-space:nowrap}}

body .template-demo-toolbar .btn--primary.template-demo-toolbar__choose{min-height:48px;padding:12px 22px;border:1px solid #715936;border-radius:12px;background:#715936;color:#fffaf0;font:700 16px/1.4 Manrope,Arial,sans-serif;box-shadow:0 6px 18px #71593618}
body .template-demo-toolbar .btn--primary.template-demo-toolbar__choose:hover{background:#604a2d;border-color:#604a2d}
body .template-demo-toolbar .btn--primary.template-demo-toolbar__choose:focus-visible{outline:3px solid #a28a5c;outline-offset:3px}

/* Shared Gostelio chrome across template previews. */
body .template-demo-toolbar{background:#fffbf3;border-bottom:1px solid #e4dac7;box-shadow:0 8px 24px #7159360a;color:#42382c;font-family:Manrope,Arial,sans-serif;backdrop-filter:none;padding-inline:clamp(18px,4vw,56px)}
body .template-demo-toolbar .template-demo-toolbar__back{color:#715936;font-weight:600}
body .template-demo-toolbar small{color:#756958}
body .template-demo-toolbar strong{color:#514126;font-weight:600}
body .template-demo-toolbar nav a{border:1px solid #dfd1b8;border-radius:12px;background:#fffdf8;color:#715936;box-shadow:none;transition:background .2s ease,border-color .2s ease}
body .template-demo-toolbar nav a:hover{background:#f1e7d2;border-color:#bca77d}
body .template-demo-toolbar a:focus-visible{outline:3px solid #a28a5c;outline-offset:3px}
@media(max-width:600px){body .template-demo-toolbar{padding:10px 14px;gap:10px}body .template-demo-toolbar .template-demo-toolbar__choose{min-width:0;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){body .template-demo-toolbar nav a{transition:none}}
body .template-demo-toolbar{font-family:Arial,sans-serif;line-height:1.5}.selected-live .template-demo-toolbar a{text-decoration:none}.selected-live .template-demo-toolbar small{display:block}.selected-live .template-demo-toolbar *{box-sizing:border-box}
@media(max-width:600px){.selected-live:has(.template-demo-toolbar){padding-bottom:86px}.selected-live:has(.template-demo-toolbar) .selected-music{bottom:94px}}