.text-scene-modes{display:flex;gap:8px;margin-block:20px;flex-wrap:wrap}.text-scene-modes a{padding:10px 16px;border:1px solid var(--project-line,#ddd);border-radius:8px;text-decoration:none}.text-scene-modes [aria-current]{background:var(--project-blue,#eee);color:var(--project-ink,#222)}.animated-text__inspector section{padding:16px;display:grid;gap:16px}.animated-text__inspector section[hidden]{display:none}.animated-text__inspector label:not(.creator-setting-field--toggle){display:grid;gap:8px}.animated-text__inspector textarea,.animated-text__inspector select{width:100%;max-width:100%;padding:10px}.animated-text__inspector textarea{resize:vertical;min-height:160px}.animated-text__words{display:flex;gap:5px;flex-wrap:wrap}.animated-text__words button{max-width:100%;overflow-wrap:anywhere;padding:5px 8px;border:1px solid var(--project-line,#ccc);border-radius:5px;background:transparent;color:inherit}.animated-text__words [aria-pressed=true]{border-color:var(--project-blue,#ef5b47);font-weight:700}.animated-text__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;align-items:stretch}.animated-text__card{padding:0;overflow:hidden;background:var(--project-surface,#fff);border:1px solid var(--project-line,#ddd);border-radius:8px;color:inherit;cursor:pointer;text-align:left}.animated-text__cards [data-text-card-preview] svg{display:block;width:100%;height:auto}.animated-text__color{display:grid;gap:8px}.animated-text [data-text-status][data-error=true]{color:#c33}.animated-text__inspector .creator-color-field{display:flex;gap:8px}.animated-text__inspector .creator-color-field input[type=text]{width:100px}.animated-text__inspector .creator-color-field input[type=color]{width:44px;height:44px}.animated-text__inspector select,.animated-text__inspector textarea,.animated-text__inspector input{box-sizing:border-box}.animated-text__inspector .chapter-inspector__tabs{overflow:auto;flex-wrap:nowrap}@media(max-width:700px){.animated-text__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.animated-text__inspector .preview-settings-panel__header{flex-wrap:wrap}.animated-text__inspector .preview-settings-panel__header-controls{min-width:0}.animated-text__inspector .preview-settings-panel__header-actions{flex-wrap:wrap}.animated-text__inspector section{padding:16px}}

.animated-text .editor-player-controls__meta{margin-left:8px}.animated-text [data-text-time]{white-space:nowrap;font-size:12px}

.animated-text__inspector .creator-setting-group {min-width:0;margin:0}
.animated-text__inspector .creator-setting-field:not(.creator-setting-field--toggle) > span:first-child {font-size:12px}
.animated-text__words button {min-width:44px;min-height:44px}

.animated-text__inspector [hidden] {display:none!important}

.animated-text__card-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--project-ink,#18213d)}.animated-text__card-stage>[data-text-card-preview]{display:block;width:100%;height:100%;pointer-events:none}.animated-text__card-select{padding:0;border:0;background:transparent}.animated-text__card-status{position:absolute;inset:8px 8px auto;color:white;background:rgba(0,0,0,.7);font-size:12px;pointer-events:none}.animated-text__card-status:empty{display:none}

@media(max-width:1100px){.animated-text__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.animated-text__cards{grid-template-columns:minmax(0,1fr);gap:24px}.animated-text__card .chapter-card__body{padding:18px}}

.animated-text__inspector [data-text-composition]{min-width:0;display:grid;gap:16px}.animated-text__inspector input[type=text]{width:100%;min-height:44px;padding:10px;font:inherit}.animated-text__inspector select{min-height:44px}

/* Наглядный выбор компоновки остаётся частью настроек, отдельно от каталога эффектов. */
.animated-text .text-layout-picker{min-width:0;margin:0;padding:0;border:0}
.animated-text .text-layout-picker legend{margin-bottom:12px;font-size:13px;font-weight:600}
.text-layout-picker__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.animated-text button.text-layout-choice{display:grid;gap:8px;width:100%;min-width:0;padding:8px;border:1px solid var(--project-line);border-radius:6px;background:var(--project-paper-deep);color:var(--project-ink);text-align:left;font:inherit;font-size:12px;line-height:1.4;cursor:pointer}
.animated-text button.text-layout-choice[aria-pressed=true]{border-color:var(--project-blue);box-shadow:inset 0 0 0 1px var(--project-blue)}
.animated-text button.text-layout-choice:focus-visible{outline:2px solid var(--project-blue);outline-offset:3px}
.text-layout-choice svg{display:block;width:100%;aspect-ratio:16/9;overflow:visible}
.text-layout-choice__safe{fill:none;stroke:var(--project-line);stroke-width:10;stroke-dasharray:32 24}
.text-layout-choice__main{fill:var(--project-ink);font-size:180px;font-weight:700}
.text-layout-choice__label{fill:var(--project-muted);font-size:120px;font-weight:500}

.animated-text button.text-layout-choice[hidden]{display:none}
.text-layout-choice .text-layout-choice__number{fill:none;stroke:var(--project-ink);stroke-width:7;font-size:180px;font-weight:700}
.text-alignment,.text-label-options{display:grid;gap:8px;min-width:0}
.text-label-options{gap:16px}
.text-alignment__buttons{display:flex;gap:8px;flex-wrap:wrap}
.animated-text .text-alignment__buttons button{flex:1;min-height:44px;padding:8px;border:1px solid var(--project-line);border-radius:6px;background:var(--project-paper-deep);color:var(--project-ink);font:inherit;font-size:13px;cursor:pointer}
.animated-text .text-alignment__buttons button[aria-pressed=true]{border-color:var(--project-blue);box-shadow:inset 0 0 0 1px var(--project-blue)}
.animated-text .text-alignment__buttons button:focus-visible{outline:2px solid var(--project-blue);outline-offset:2px}
.animated-text .text-label-options[hidden]{display:none}