/* ── Playground ── */
    .run-btn {
      background: linear-gradient(135deg, var(--orange), var(--gold)) !important;
      color: #fff !important;
      border: none !important;
      animation: pulse-glow 2s ease-in-out infinite;
    }
    .run-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 24px var(--orange-glow); opacity: 1; }
    @keyframes pulse-glow { 0%,100% { box-shadow: 0 0 8px var(--orange-glow); } 50% { box-shadow: 0 0 20px var(--orange-glow); } }

    .playground-container {
      max-width: 1400px; margin: 0 auto; padding: 16px; min-height: calc(100vh - 60px);
      display: flex; flex-direction: column;
    }
    .pg-header {
      display: flex; align-items: center; gap: 16px; padding: 12px 0; flex-wrap: wrap;
    }
    .pg-back { color: var(--text-dim); font-size: 14px; text-decoration: none; }
    .pg-back:hover { color: var(--orange); opacity: 1; }
    .pg-title { display: flex; align-items: center; gap: 10px; flex: 1; }
    .pg-agent-name { font-size: 20px; font-weight: 700; }
    .pg-badge {
      padding: 4px 12px; border-radius: 12px; font-size: 12px; font-weight: 600;
      background: linear-gradient(135deg, var(--orange), var(--gold));
      color: #fff;
    }
    .pg-controls { display: flex; gap: 8px; }
    .pg-select, .pg-file-select {
      background: var(--bg-card); color: var(--text); border: 1px solid var(--border);
      border-radius: 8px; padding: 8px 12px; font-size: 13px; cursor: pointer;
    }
    .pg-main {
      display: grid; grid-template-columns: 1fr 1fr; gap: 16px; flex: 1; min-height: 0;
    }
    .pg-editor-panel, .pg-output-panel {
      background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px;
      display: flex; flex-direction: column; overflow: hidden;
    }
    .pg-panel-header {
      display: flex; align-items: center; justify-content: space-between;
      padding: 10px 16px; border-bottom: 1px solid var(--border);
      font-size: 14px; font-weight: 600; gap: 8px;
    }
    .pg-editor-wrap {
      display: flex; flex: 1; overflow: auto; position: relative;
      background: #1a1a2e;
    }
    .pg-line-numbers {
      padding: 12px 8px 12px 12px; text-align: right; color: #555;
      font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, monospace;
      font-size: 13px; line-height: 1.6; user-select: none; min-width: 40px;
      background: #151525; border-right: 1px solid #2a2a3e;
    }
    .pg-editor {
      flex: 1; background: #1a1a2e; color: #e0e0e0; border: none; padding: 12px;
      font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, monospace;
      font-size: 13px; line-height: 1.6; resize: none; outline: none;
      tab-size: 4; -moz-tab-size: 4; white-space: pre; overflow-wrap: normal;
    }
    .pg-input-section { padding: 12px 16px; }
    .pg-label { display: block; font-size: 12px; color: var(--text-dim); margin-bottom: 6px; font-weight: 500; }
    .pg-input {
      width: 100%; min-height: 100px; max-height: 200px; background: #1a1a2e; color: #e0e0e0;
      border: 1px solid var(--border); border-radius: 8px; padding: 10px;
      font-family: 'JetBrains Mono', 'Fira Code', monospace; font-size: 12px;
      resize: vertical; outline: none;
    }
    .pg-input:focus { border-color: var(--orange); }
    .pg-output-section { padding: 0 16px 12px; flex: 1; display: flex; flex-direction: column; }
    .pg-output {
      flex: 1; min-height: 150px; max-height: 300px; overflow: auto;
      background: #1a1a2e; border: 1px solid var(--border); border-radius: 8px;
      padding: 12px; font-family: 'JetBrains Mono', 'Fira Code', monospace;
      font-size: 12px; line-height: 1.5; color: #e0e0e0; white-space: pre-wrap;
    }
    .pg-output.error { color: #f87171; border-color: #7f1d1d; }
    .pg-output-placeholder { color: #555; font-style: italic; }
    .pg-run-btn {
      background: var(--orange); color: #fff; border: none; border-radius: 8px;
      padding: 8px 20px; font-size: 13px; font-weight: 600; cursor: pointer;
      display: flex; align-items: center; gap: 6px; transition: all .2s;
    }
    .pg-run-btn:hover { background: #e5651f; transform: translateY(-1px); }
    .pg-run-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }
    .pg-run-btn.running { background: #666; }
    .pg-status-bar {
      display: flex; justify-content: space-between; padding: 8px 16px;
      background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px;
      margin-top: 12px; font-size: 12px; color: var(--text-dim);
    }
    .pg-status-bar.success { color: var(--green); }
    .pg-status-bar.error { color: #f87171; }

    @media (max-width: 768px) {
      .pg-main { grid-template-columns: 1fr; }
      .pg-editor-wrap { min-height: 250px; }
      .pg-header { gap: 8px; }
    }