/* S4 — اشاره و بگو، کنسول بوم، اجرای سایه
   قانون جهت: کنسول، کد و خط‌ها LTR و mono؛ هیچ کنترل قبلی/بعدی‌ای mirror نمی‌شود. */

/* ---------- دکمهٔ اشاره ---------- */
.st-point-btn.on{color:#fff;background:var(--accent);border-color:var(--accent)}
.st-point-btn.st-suggest{box-shadow:0 0 0 2px rgba(139,92,246,.55);animation:st-pulse 1.6s ease-in-out 3}
@keyframes st-pulse{50%{box-shadow:0 0 0 5px rgba(139,92,246,.18)}}
.canvas-stage.st-pointing .cv-device{outline:2px dashed rgba(139,92,246,.7);outline-offset:2px}

/* ---------- چیپ‌های اشاره در آهنگساز ---------- */
.st-points{display:flex;flex-direction:column;gap:6px;padding:8px 12px 0;max-height:40vh;overflow:auto}
.st-pchip{border:1px solid rgba(139,92,246,.4);background:rgba(139,92,246,.08);border-radius:var(--r-sm);padding:6px 8px;min-width:0}
.st-pchip[data-mode="unknown"]{border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.06)}
.st-pc-h{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.74rem;min-width:0}
.st-pc-h .spacer{flex:1}
.st-pc-tag{color:#C4B5FD;font-size:.72rem}
.st-pc-text{color:var(--txt);max-width:16em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-pc-dot{color:var(--faint)}
.st-pc-where{color:var(--cyan);font-size:.72rem}
.st-pc-badge{font-size:.64rem;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.st-pc-badge.warn{background:rgba(251,191,36,.14);color:var(--amber)}
.st-pc-badge.bad{background:rgba(248,113,113,.14);color:#FCA5A5}
.st-pc-prev{margin:6px 0 0;padding:5px 8px;border-radius:8px;background:rgba(0,0,0,.28);font:.68rem/1.5 var(--font-mono);color:#CBD5E1;overflow-x:auto;white-space:pre;text-align:left}
.st-pc-css{display:block;margin-top:5px;font-size:.7rem;color:var(--muted);line-height:1.6;cursor:pointer}
.st-pc-css input{vertical-align:middle;margin:0;margin-inline-end:6px}
.st-pc-css .mono{color:var(--amber);font-size:.68rem}
.st-weak{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.74rem;color:#DDD6FE;padding:6px 10px;border-radius:var(--r-sm);background:rgba(139,92,246,.1);border:1px dashed rgba(139,92,246,.45)}

/* ---------- نوار کنسول زیر بوم ---------- */
.st-console{flex-shrink:0;border-top:1px solid var(--border);background:rgba(7,10,19,.85);display:flex;flex-direction:column;min-height:0}
.st-con-bar{display:flex;align-items:center;gap:8px;padding:3px 10px;min-height:30px}
.st-con-bar .spacer{flex:1}
.st-con-t{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--muted);font:600 .72rem var(--font);cursor:pointer;padding:3px 4px}
.st-con-t:hover{color:var(--txt)}
.st-console.has-err .st-con-t{color:#FCA5A5}
.st-console.has-err{border-top-color:rgba(248,113,113,.45);background:rgba(60,12,16,.55)}
.st-con-lock{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;color:#FCA5A5}
.st-con-list{direction:ltr;text-align:left;max-height:180px;overflow:auto;border-top:1px solid var(--border);padding:4px 0;font:.7rem/1.5 var(--font-mono)}
.st-con-row{display:flex;gap:8px;padding:1px 10px;align-items:baseline;min-width:0}
.st-con-row code{white-space:pre-wrap;word-break:break-word;color:#CBD5E1;min-width:0}
.st-con-row .lv{flex:0 0 3.4em;color:var(--faint);text-transform:uppercase;font-size:.62rem}
.st-con-row .where{flex-shrink:0;color:var(--cyan)}
.st-con-row.lv-error{background:rgba(248,113,113,.08)}
.st-con-row.lv-error .lv,.st-con-row.lv-error code{color:#FCA5A5}
.st-con-row.lv-warn .lv,.st-con-row.lv-warn code{color:var(--amber)}
.st-con-empty{padding:4px 10px;color:var(--faint);font-family:var(--font)}

/* ---------- نشان اجرای سایه زیر نوار پیش‌نویس ---------- */
.st-shadow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:5px 12px;font-size:.72rem;border-top:1px solid var(--border)}
.st-shadow.run{color:var(--muted)}
.st-shadow.ok{color:var(--green);background:rgba(52,211,153,.07)}
.st-shadow.bad{color:#FCA5A5;background:rgba(248,113,113,.09)}
.st-sh-err{font:.68rem var(--font-mono);color:#FCA5A5;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;direction:ltr}
.st-shadow-frame{display:none}

@media (max-width:900px){
  .st-pc-text{max-width:9em}
  .st-con-list{max-height:120px}
}