/* === Nastrojka razmera teksta perepisok === */
.aya-ts-ov {
    position: fixed; inset: 0; z-index: 4200;
    background: rgba(0,0,0,.42);
    display: flex; align-items: center; justify-content: center; padding: 18px;
    animation: attachFade .14s ease;
}
.aya-ts-modal {
    width: 100%; max-width: 420px;
    background: #fff; border-radius: 18px; padding: 18px 18px 16px;
    box-shadow: 0 12px 48px rgba(0,0,0,.28);
}
.aya-ts-title { font-size: 17px; font-weight: 600; text-align: center; margin-bottom: 14px; color: #0b1620; }
.aya-ts-preview {
    background: linear-gradient(160deg,#e8f4f2,#dceeea);
    border-radius: 14px; padding: 12px; display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px;
}
.aya-ts-bubble {
    /* Zhivoj predprosmotr masshtabiruetsya tem zhe globalnym --chat-text-scale */
    font-size: calc(15px * var(--chat-text-scale, 1)); line-height: 1.4;
    padding: 8px 12px; border-radius: 14px; max-width: 85%;
}
.aya-ts-in { background: #fff; color: #0b1620; align-self: flex-start; border-bottom-left-radius: 5px; }
.aya-ts-out { background: linear-gradient(180deg,#cfeae3,#bfe2d9); color: #0b1620; align-self: flex-end; border-bottom-right-radius: 5px; }
.aya-ts-row { display: flex; align-items: center; gap: 12px; margin: 4px 2px 2px; }
.aya-ts-a { color: #5a6b74; flex: 0 0 auto; }
.aya-ts-range { flex: 1; accent-color: #0a7c88; }
.aya-ts-val { text-align: center; font-size: 14px; color: #0a7c88; font-weight: 600; margin: 6px 0 12px; }
.aya-ts-presets { display: flex; gap: 8px; margin-bottom: 14px; }
.aya-ts-preset {
    flex: 1; border: 1px solid #d5dee2; background: #f4f7f9; color: #0b1620;
    border-radius: 12px; padding: 9px 4px; font-size: 13px; cursor: pointer;
}
.aya-ts-preset:active { background: #e6eef1; }
.aya-ts-done {
    width: 100%; border: none; background: #0a7c88; color: #fff;
    border-radius: 12px; padding: 13px; font-size: 15px; font-weight: 600; cursor: pointer;
}
body.dark-theme .aya-ts-modal { background: #161D27; }
body.dark-theme .aya-ts-title { color: #e7edf3; }
body.dark-theme .aya-ts-preview { background: #10171f; }
body.dark-theme .aya-ts-in { background: #222b35; color: #e7edf3; }
body.dark-theme .aya-ts-preset { background: #1c2530; color: #e7edf3; border-color: #2a3542; }