:root {
  --ffz-text-control-panel: #0b0b09;
  --ffz-text-control-border: rgba(240, 181, 24, .42);
  --ffz-text-control-gold: #f4bd2d;
  --ffz-text-control-ink: #fff8e8;
  --ffz-text-control-muted: #aaa397;
}

html.ffz-text-ready {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

[data-ffz-scaled-text="true"] { overflow-wrap: break-word; }

/* แถบแบบลอยรุ่นเก่าถูกยกเลิก ตัวเลือกต้องอยู่ในหน้า Settings เท่านั้น */
.ffz-text-controls { display: none !important; }

.ffz-text-settings,
.ffz-text-settings * { box-sizing: border-box; }

.ffz-text-settings {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 82px;
  padding: 13px 14px;
  color: var(--ffz-text-control-ink);
  background: linear-gradient(145deg, #11110e, var(--ffz-text-control-panel));
  border: 1px solid var(--ffz-text-control-border);
  border-radius: 16px;
}

.ffz-text-settings__copy { display: grid; gap: 3px; }
.ffz-text-settings__copy strong { color: var(--ffz-text-control-ink); font: 600 12px/1.35 Prompt, system-ui, sans-serif !important; }
.ffz-text-settings__copy span { color: var(--ffz-text-control-muted); font: 400 9px/1.45 Prompt, system-ui, sans-serif !important; }
.ffz-text-settings__copy b { color: var(--ffz-text-control-gold); font-weight: 600; }

.ffz-text-settings__group {
  display: flex;
  gap: 6px;
  padding: 4px;
  background: #050505;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 13px;
}

.ffz-text-settings button {
  display: grid;
  place-items: center;
  min-width: 92px;
  min-height: 50px;
  margin: 0;
  padding: 5px 11px;
  color: var(--ffz-text-control-muted);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  font: 600 10px/1.2 Prompt, system-ui, sans-serif !important;
  cursor: pointer;
  touch-action: manipulation;
}

.ffz-text-settings button:hover,
.ffz-text-settings button:focus-visible {
  color: var(--ffz-text-control-ink);
  border-color: rgba(244,189,45,.56);
  outline: none;
}

.ffz-text-settings button[aria-pressed="true"] {
  color: #11100b;
  background: linear-gradient(135deg, #dda716, #ffda69);
  border-color: #ffd867;
}

@media (max-width: 680px) {
  .ffz-text-settings { grid-template-columns: 1fr; }
  .ffz-text-settings__group { display: grid; grid-template-columns: repeat(3, 1fr); }
  .ffz-text-settings button { min-width: 0; }
}

@media print {
  .ffz-text-settings { display: none !important; }
}