/* pacote controle: miniatura, atalhos, câmera virtual/replay e medidor de mic (classes pc-*) */

/* ---------- interruptor (miniatura / medidor) ---------- */
.pc-row{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.pc-row:last-child{margin-bottom:0}
.pc-sw{flex:none;width:52px;height:30px;background:var(--ink);border:3px solid var(--li);border-radius:2px;position:relative;padding:0}
.pc-sw i{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--paper);transition:transform .18s ease}
.pc-sw.on{background:var(--li);border-color:var(--ink)}
.pc-sw.on i{transform:translateX(22px);background:var(--ink)}
.pc-sw-lbl{font-size:13px;font-weight:800;color:var(--paper);line-height:1.2}

/* ---------- miniatura ---------- */
.pc-thumb-box{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--ink);
  border:3px solid var(--ink);box-shadow:4px 4px 0 var(--li);margin:2px 0 11px}
.pc-thumb-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s}
.pc-thumb-box img.on{opacity:1}
.pc-thumb-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:var(--li);opacity:0;font-size:14px;text-align:center;padding:0 10px}
.pc-thumb-ph.on{opacity:.85}

/* ---------- medidor de mic (linha extra dentro do .au existente, ver obs.js/deck.js) ---------- */
.pc-meter{grid-column:1/-1;height:8px;margin-top:-2px;background:#1c1030;border:2px solid var(--ink);overflow:hidden}
.pc-meter i{display:block;height:100%;width:100%;background:var(--li);transform:scaleX(0);transform-origin:left}

/* ---------- atalhos ---------- */
.pc-hk-bar{display:flex;gap:10px;margin-bottom:11px}
.pc-hk-add,.pc-hk-edit{flex:1;height:44px;font-size:15px;letter-spacing:.04em;background:var(--li);color:var(--ink);
  border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.pc-hk-edit{background:var(--paper)}
.pc-hk-edit.on{background:var(--red);color:#fff}
.pc-hk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pc-hk-none{grid-column:1/-1;font-size:14px;opacity:.75;padding:6px 2px}
.pc-hk{position:relative;min-height:54px;padding:10px 12px;background:var(--ink);color:#fff;border:3px solid var(--li);
  box-shadow:4px 4px 0 rgba(13,7,22,.5);display:flex;align-items:center;justify-content:center;text-align:center;
  transform:rotate(var(--r,0deg))}
.pc-hk-lbl{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;line-height:1.15}
.pc-hk.editing{border-style:dashed}
.pc-hk-x{position:absolute;right:-9px;top:-9px;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;
  border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;font-style:normal}

/* ---------- câmera virtual + replay ---------- */
.pc-out-row{display:flex;gap:10px;margin-bottom:11px}
.pc-out-row[hidden]{display:none}
.pc-out-row:last-child{margin-bottom:0}
.pc-out-btn{flex:1;min-height:58px;background:var(--paper);color:var(--ink);border:4px solid var(--ink);
  box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 8px}
.pc-out-btn i{width:14px;height:14px;border-radius:50%;background:var(--ink)}
.pc-out-btn b{font-size:14px;letter-spacing:.03em}
.pc-out-btn small{font-size:12px}
.pc-out-btn.on{background:var(--li)}
.pc-out-btn.on i{background:var(--red);animation:blink 1s steps(1) infinite}
.pc-replay-save{flex:none;width:92px;font-size:12px;letter-spacing:.02em;background:var(--pu);color:#fff;
  border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:0 6px}
.pc-replay-save[disabled]{opacity:.4}

/* ---------- editor de atalho (sobreposição própria) ---------- */
.pc-ov{position:fixed;inset:0;z-index:25;display:flex;align-items:flex-end;justify-content:center;
  background:rgba(13,7,22,.72);visibility:hidden;opacity:0;
  padding:calc(var(--st) + 16px) calc(var(--sr) + 16px) calc(var(--sb) + 16px) calc(var(--sl) + 16px);
  overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.pc-ov::-webkit-scrollbar{display:none}
.pc-card{position:relative;width:100%;max-width:440px;margin:auto 0 0;background:var(--paper);color:var(--ink);
  border:5px solid var(--ink);box-shadow:9px 9px 0 var(--li);padding:20px 18px 16px;transform:rotate(-1deg)}
.pc-card h3{font-size:30px;line-height:1;color:var(--pu);text-shadow:2px 2px 0 var(--li);margin-bottom:12px}
.pc-field{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.pc-field input,.pc-field select{display:block;width:100%;margin-top:5px;height:44px;padding:0 10px;
  font:800 15px 'Montserrat',sans-serif;color:var(--ink);background:#fff;border:3px solid var(--ink);outline:0}
.pc-tabs{display:flex;gap:8px;margin-bottom:12px}
.pc-tab{flex:1;height:40px;font-family:'Black Ops One',cursive;font-size:13px;letter-spacing:.03em;
  background:#fff;color:var(--ink);border:3px solid var(--ink)}
.pc-tab.on{background:var(--pu);color:#fff}
.pc-pane[hidden]{display:none}
.pc-checks{display:flex;flex-wrap:wrap;gap:6px 16px;margin:4px 0 12px;font-size:13px;font-weight:800}
.pc-checks label{display:flex;align-items:center;gap:6px}
.pc-err{min-height:18px;font-size:13px;color:var(--red);margin-bottom:8px}
.pc-save{display:block;width:100%;height:52px;background:var(--li);border:4px solid var(--ink);
  box-shadow:6px 6px 0 var(--ink);font-size:21px;letter-spacing:.04em;color:var(--ink)}
.pc-save:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}
.pc-cancel{display:block;margin:12px auto 0;font-size:14px;color:var(--pu);text-decoration:underline;
  text-underline-offset:3px;padding:6px}
/* desligados não ocupam espaço: a miniatura e a barra do medidor só aparecem ligadas */
body:not(.pc-thumb-on) .pc-thumb-box{display:none}
body:not(.pc-meter-on) .pc-meter{display:none}