@import url('fonts.css');
.cherry-board{position:absolute;inset:0;z-index:3;overflow:hidden;background:#1c0b12;color:#fff4ed;display:none}
.cherry-mode .cherry-board{display:block}.cherry-mode .view{visibility:hidden}
.style-canvas{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:center center;
--font-heading:'Barlow Condensed','Arial Narrow',sans-serif;--font-body:'Barlow',Arial,sans-serif;
--color-bg:#260e17;--color-text:#fff4ed;--color-divider:#62404b;
--color-neutral-100:#fff4ed;--color-neutral-300:#ead6d8;--color-neutral-500:#c4a4ae;--color-neutral-600:#c4a4ae;--color-neutral-700:#eddcde;--color-neutral-800:#45212d;--color-neutral-900:#1c0b12;
--color-accent-100:#fff3e7;--color-accent-200:#f3dfce;--color-accent-300:#e6c49d;--color-accent-400:#d9b58c;--color-accent-500:#b7877c;--color-accent-700:#e6c49d;--color-accent-800:#49202e;--color-accent-900:#340f20;}
.style-canvas *{box-sizing:content-box}.style-canvas [style*="background:var(--color-accent-100)"]{background:#542837!important}
.style-title{max-width:1200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.style-extra{position:absolute;top:1080px;left:0;right:0;height:110px;display:flex;align-items:center;justify-content:space-around;background:#1c0b12;border-top:2px solid #62404b;font-family:var(--font-body)}.style-extra>div{display:flex;align-items:center;gap:18px}.style-extra small{font-size:21px;color:#c4a4ae}.style-extra strong{font-size:36px;color:#fff4ed}

/* Pause uses an overlay in the existing caption slot, without reflowing the timer. */
.is-board-paused .style-canvas [data-pause-state]{position:relative;color:transparent!important}
.is-board-paused [data-pause-state]:after,.style-pause{box-sizing:border-box;position:absolute;min-width:182.4px;padding:12.48px 23.04px;border:1px solid var(--color-divider);border-radius:4.8px;background:rgba(0,0,0,.18);color:var(--color-text);font:600 28.8px/1.3 'Golos Text',sans-serif;letter-spacing:.04em;text-align:center;text-transform:none;white-space:nowrap;pointer-events:none;z-index:2}
.is-board-paused [data-pause-state]:after{content:'Пауза';left:50%;top:50%;transform:translate(-50%,-50%)}
.style-pause{left:50%;top:128px;transform:translateX(-50%)}
[data-style-id="22"] .style-pause{left:auto;right:80px;top:338px;transform:none}
[data-style-id="25"] .style-pause{top:140px}
[data-style-id="33"] .style-pause{left:80px;top:128px;transform:none}
[data-style-id="38"] .style-pause{top:150px}
[data-style-id="32"] .style-pause,[data-style-id="36"] .style-pause,[data-style-id="45"] .style-pause{left:auto;right:80px;top:150px;transform:none}
/* Fixed grids keep their tracks when values grow; text fitting handles the value. */
.style-canvas [style*="display:grid"]>* , .style-canvas [style*="display:flex"]>* {min-width:0}
.style-canvas [data-live]{min-width:0;max-width:100%}