/* Pro Image Tools – minimal UI */
.pit-card{
  --fg:#111; --bg:#fff; --muted:#666; --border:#e5e7eb; --accent:#2563eb; --radius:16px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  background:var(--bg); color:var(--fg);
  border:1px solid var(--border); border-radius:var(--radius);
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  padding:18px; max-width:960px; margin:20px auto;
}
.pit-header h2{ margin:0 0 6px; font-size:26px; }
.pit-sub{ color:var(--muted); margin:0 0 14px; }
.pit-form{ margin-top:8px; }
.pit-row{ display:flex; flex-direction:column; gap:6px; margin:8px 0; }
.pit-label{ font-weight:700; color:#222; }
.pit-input, .pit-select, .pit-text{
  border:1px solid var(--border); border-radius:10px; padding:10px 12px; min-height:40px; font-size:15px; width:100%;
}
.pit-actions{ margin-top:10px; display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.pit-btn{ background:var(--accent); color:#fff; border:none; border-radius:12px; padding:10px 14px; font-weight:800; cursor:pointer; }
.pit-btn.secondary{ background:#0ea5e9; }
.pit-btn.ghost{ background:#f1f5f9; color:#111; }
.pit-note{ color:var(--muted); font-size:12px; }
.pit-columns{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.pit-emph{ font-weight:800; font-size:20px; }
.pit-grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.pit-grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.pit-preview{ border:1px dashed var(--border); border-radius:12px; padding:10px; background:#fafafa; }
.pit-canvas-wrap{ position:relative; width:100%; overflow:auto; background:#111; border-radius:12px; }
.pit-canvas{ display:block; max-width:100%; height:auto; margin:auto; }
.pit-badge{ background:#eef; border:1px solid var(--border); padding:4px 8px; border-radius:8px; font-weight:700; }
.pit-flex{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.pit-palette{ display:grid; grid-template-columns:repeat(auto-fill,minmax(90px,1fr)); gap:10px; }
.pit-swatch{ border:1px solid var(--border); border-radius:10px; overflow:hidden; }
.pit-swatch .sw{ height:56px; }
.pit-swatch .meta{ padding:8px; display:flex; flex-direction:column; gap:4px; }
.pit-safe{ position:absolute; border:2px dashed rgba(255,255,255,.8); pointer-events:none; }
.pit-guides{ position:absolute; inset:0; pointer-events:none; }
@media (max-width:760px){
  .pit-grid-2, .pit-grid-3{ grid-template-columns:1fr; }
}
/* Tool color accents */
.pit-card.cmp{ --accent:#16a34a; }
.pit-card.dpi{ --accent:#7c3aed; }
.pit-card.safe{ --accent:#db2777; }
.pit-card.pal{ --accent:#0ea5e9; }