.template-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;width:100%;align-items:start}.template-editor{display:flex;flex-direction:column;gap:12px;min-width:0}.template-preview{position:sticky;top:0;display:flex;flex-direction:column;gap:16px;min-width:0}.telegram-preview{background:#e5eee3;padding:20px;border-radius:12px}.telegram-message{background:#fff;border-radius:12px;padding:16px;color:#16252d}.telegram-buttons{display:flex;gap:4px;margin-top:4px}.telegram-button{flex:1;text-align:center;background:#d0e0d3;border-radius:6px;padding:10px;overflow-wrap:anywhere;color:#164c64}@media(max-width:850px){.template-workspace{grid-template-columns:1fr}.template-preview{position:static}}.board-card{position:relative;background:var(--board-card-bg);border:1px solid var(--board-card-border);border-radius:var(--board-card-radius);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,transform .1s ease}.board-card--clickable{cursor:pointer}.board-card--clickable:hover{border-color:var(--board-card-border-hover);box-shadow:var(--board-card-shadow);transform:translateY(-1px)}.board-card--clickable:active{transform:translateY(1px)}.board-card--clickable:focus-visible{outline:2px solid var(--board-card-focus);outline-offset:1px}.board-card--selected,.board-card--selected:hover{border-color:var(--board-card-border);background:var(--board-card-bg);box-shadow:var(--board-card-shadow);transform:none}.board-card__hint{position:absolute;top:8px;right:10px;color:var(--board-card-focus);font-weight:600;line-height:1;opacity:0;pointer-events:none;transition:opacity .15s ease}.board-card--clickable:hover .board-card__hint,.board-card--clickable:focus-visible .board-card__hint,.board-card--selected .board-card__hint{opacity:1}