/* Piksel sanat olusturucu */
.ps-yukle {
  position: relative; display: grid; gap: 4px; justify-items: center; text-align: center;
  padding: 18px 14px; border: 1.5px dashed var(--line); border-radius: 12px; background: var(--bg);
  cursor: pointer; transition: border-color .14s, background .14s;
}
.ps-yukle:hover, .ps-yukle.surukle, .ps-yukle:focus-within { border-color: var(--accent); }
.ps-yukle.surukle { background: color-mix(in srgb, var(--accent) 8%, var(--bg)); }
.ps-yukle input { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; }
.ps-yukle strong { font-size: 14px; font-weight: 650; overflow-wrap: anywhere; }
.ps-yukle small { font-size: 12px; color: var(--muted); }
.ps-paletler { display: grid; gap: 8px 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ps-sonuclar { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.ps-tuval-kap {
  display: flex; overflow: auto; max-height: min(72vh, 780px); min-height: 140px; padding: 10px;
  border: 1px solid var(--line); border-radius: 12px; background: var(--bg);
}
.ps-tuval-kap canvas { display: block; margin: auto; flex: none; image-rendering: pixelated; cursor: crosshair; }

.ps-satir-liste { display: flex; flex-wrap: wrap; gap: 6px; max-height: 190px; overflow: auto; }
.ps-parca {
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 999px;
  border: 1px solid var(--line); background: var(--bg); font-size: 12.5px; line-height: 1.3;
}
.ps-parca i, .ps-blok i {
  flex: none; width: 14px; height: 14px; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
}
.ps-parca.bos { color: var(--muted); border-style: dashed; }
.ps-tablo { max-height: 360px; overflow: auto; }
.ps-blok { display: inline-flex; align-items: center; gap: 9px; }
.ps-blok small { display: block; font-size: 11.5px; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
@media (max-width: 720px) {
  .ps-tuval-kap { padding: 6px; }
  .arac-dugmeler .arac-dugme.kucuk { width: auto; }
}