textarea{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-family:'Courier New',monospace;font-size:0.9rem;resize:vertical;box-sizing:border-box}textarea:focus{outline:none;border-color:var(--accent)}input[type="text"],input[type="number"],input[type="password"],input[type="time"],input[type="date"],input[type="color"],select{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:0.9rem;box-sizing:border-box}input:focus,select:focus{outline:none;border-color:var(--accent)}.result-box{padding:16px;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);font-size:1.2rem;font-weight:700;text-align:center;color:var(--accent);margin-top:16px;word-break:break-all}.og-controls{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}.og-preview{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.og-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;max-width:500px;margin:0 auto}.og-image{height:160px;background:linear-gradient(135deg,var(--accent),#7c4dff);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff}.og-content{padding:16px}.og-site{font-size:0.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.og-title{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:4px}.og-desc{font-size:0.85rem;color:var(--text-secondary);margin-bottom:4px;line-height:1.4}.og-url{font-size:0.8rem;color:var(--text-secondary);text-transform:lowercase}
/* ================================
   MOBILE RESPONSIVE — Tool Page Fix
   ================================ */

/* Inherit from global */
input, textarea, select {
  font-size: 16px; /* prevents iOS auto-zoom */
  width: 100%;
  max-width: 100%;
}

/* Responsive tool UI */
@media (max-width: 540px) {
  .tool-actions {
    flex-direction: column;
  }

  .btn {
    width: 100%;
    justify-content: center;
  }
}