/* Poster Composer: nur was über das gemeinsame Gerüst hinausgeht */
#poster {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 12px 40px rgba(0, 0, 0, 0.12);
  touch-action: none; max-width: none; max-height: none;
}
.t-stage { touch-action: none; user-select: none; -webkit-user-select: none; }

/* Werkzeuge */
.pc-tools { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
.pc-tool {
  appearance: none; aspect-ratio: 1; border: 1px solid var(--t-line); border-radius: 10px; background: none; cursor: pointer;
  display: grid; place-items: center; position: relative; padding: 0; color: var(--t-fg);
}
.pc-tool:hover { background: var(--t-fill); }
.pc-tool svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
.pc-tool kbd { position: absolute; right: 3px; bottom: 2px; font: 500 8px/1 var(--t-mono); color: var(--t-fg-2); }
.pc-tool.is-on { background: var(--t-fg); color: var(--t-bg); border-color: var(--t-fg); }
.pc-tool.is-on kbd { color: rgba(255, 255, 255, 0.6); }

/* Platten: Nummer in Farbe, Riso-Farbe, eigene Farbe */
.pc-plate {
  display: grid; grid-template-columns: 32px 1fr 28px; gap: 8px; align-items: center;
  padding: 4px; margin: 0 -4px; border-radius: 999px; cursor: pointer;
}
.pc-plate.is-on { background: var(--t-fill); }
body.tool .pc-chip {
  appearance: none; width: 32px; height: 32px; border-radius: 50%; border: 0; cursor: pointer;
  background: var(--c); color: #fff; font: 600 12px/1 var(--t-font);
}
body.tool .pc-chip.is-light { color: rgba(0, 0, 0, 0.7); }
.pc-plate.is-on .pc-chip { box-shadow: 0 0 0 2px var(--t-bg), 0 0 0 3.5px var(--t-fg); }
.pc-ink { height: 30px; }
.pc-plate.is-on .pc-ink { background-color: var(--t-bg); }
.pc-color {
  appearance: none; -webkit-appearance: none; width: 28px; height: 28px; border: 1px solid var(--t-line); border-radius: 50%;
  padding: 0; background: none; cursor: pointer;
}
.pc-color::-webkit-color-swatch-wrapper { padding: 0; }
.pc-color::-webkit-color-swatch { border: 0; border-radius: 50%; }
.pc-color::-moz-color-swatch { border: 0; border-radius: 50%; }

/* Papier */
.pc-papers { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.pc-paper {
  appearance: none; width: 28px; height: 28px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.14);
  background: var(--c); cursor: pointer; padding: 0;
}
.pc-paper.is-on { box-shadow: 0 0 0 2px var(--t-bg), 0 0 0 3.5px var(--t-fg); }
.pc-papers .pc-color { margin-left: auto; }

.t-toggle .pc-k { margin-left: 8px; }

@media (max-width: 820px) {
  body.t-panel-open .t-stage-info { display: none; }
}