/* Блок #tool инструментов «одно фото - одна кнопка» (photo-tool.js):
   раскраска и улучшение качества. */
  #tool { margin-top: 24px; }
  #tool .drop-zone { display: block; border: 2px dashed var(--border); border-radius: var(--radius); padding: 32px 20px; text-align: center; background: var(--surface); cursor: pointer; }
  #tool .drop-zone:hover { border-color: var(--accent); }
  #tool .drop-zone input { display: none; }
  #tool .drop-zone .hint { color: var(--muted); font-size: 13px; margin-top: 6px; }
  #tool .photo-box { position: relative; margin-top: 16px; display: inline-block; max-width: 100%; }
  #tool .photo-box canvas { display: block; max-width: 100%; height: auto; border-radius: var(--radius); border: 1px solid var(--border); }
  #tool .photo-remove { position: absolute; top: 8px; right: 8px; width: 34px; height: 34px; border-radius: 50%; border: 0; background: rgba(0, 0, 0, .62); color: #fff; font-size: 22px; line-height: 34px; text-align: center; cursor: pointer; padding: 0; }
  #tool .row-actions { display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap; }
  #tool .row-actions > * { flex: 1 1 200px; text-align: center; text-decoration: none; }
  #tool .secondary-btn { display: inline-block; padding: 11px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); color: var(--text); font-weight: 700; font-size: 14px; cursor: pointer; }
  #tool #authGate, #tool #noCreditsGate { margin-top: 20px; }
  #tool .hidden { display: none !important; }