/* Text FX Animator v0.3.59: clean shell, no layer/graph/animation-fx section. */
.flamo3d-tool[data-text-fx-animation="1"]{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}
.flamo3d-tool[data-text-fx-animation="1"] .flamo3d-stack{grid-template-rows:180px 138px minmax(240px,1fr);gap:12px;padding-bottom:72px}
.flamo3d-tool[data-text-fx-animation="1"] .flamo-fx-info-card{padding:12px;overflow:auto}
.flamo-fx-info-body{font-size:12px;line-height:1.45;color:var(--muted)}
.flamo-fx-info-body b{display:block;margin-bottom:4px;color:var(--text);font-size:13px}
.flamo3d-tool[data-text-fx-animation="1"] .flamo3d-output-card{min-height:240px}
.flamo3d-tool[data-text-fx-animation="1"] .flamo3d-output-card textarea{width:100%;height:calc(100% - 28px);min-height:190px;resize:none;border:1px dashed var(--line);border-radius:14px;background:var(--bg);color:var(--text);font:500 12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:12px;outline:0}
.flamo3d-tool[data-text-fx-animation="1"] .flamo3d-preset-card img,.flamo3d-tool[data-text-fx-animation="1"] .flamo3d-preset-option img{object-fit:cover;background:#0091ff}
.flamo3d-tool[data-text-fx-animation="1"] #modeSelect:disabled{opacity:.72}
@media(max-width:760px){.flamo3d-tool[data-text-fx-animation="1"]{display:flex}.flamo3d-tool[data-text-fx-animation="1"] .flamo3d-stack{display:flex;flex-direction:column;padding-bottom:0}.flamo3d-tool[data-text-fx-animation="1"] .flamo-fx-info-card{min-height:120px}.flamo3d-tool[data-text-fx-animation="1"] .flamo3d-output-card{display:none}}

/* v0.3.65: Text FX preview owns one local typography rule only. */
.flamo3d-tool[data-text-fx-animation="1"] .flamo-fx-animation-preview-text{
  position:relative;
  z-index:2;
  display:block;
  max-width:100%;
  white-space:pre-wrap;
  word-break:break-word;
  color:#fff;
  font-family:Poppins,Arial,sans-serif;
  font-weight:400;
  font-size:36px;
  letter-spacing:0;
  line-height:1.05;
  text-align:center;
  text-shadow:0 2px 10px #000,0 0 18px #000;
}

/* v0.3.86 dark backdrop mode for Text FX Animator modals inherited from text-fx. */
.flamo3d-tool[data-text-fx-animation="1"][data-theme=dark] .flamo3d-modal-backdrop,.flamo3d-tool[data-text-fx-animation="1"][data-theme=dark] .flamo-temp-font-backdrop{background:rgba(5,18,32,.58)!important}