.ppcs-app { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: #222; }
.ppcs-dark { background: #1f1f1f; color: #e9e9e9; }
.ppcs-header { display: flex; justify-content: space-between; align-items: center; margin: 12px 0; }
.ppcs-tabs { display: flex; gap: 8px; border-bottom: 1px solid #ccc; margin-bottom: 12px; }
.ppcs-tab-btn { background: #f7f7f7; border: 1px solid #ccc; padding: 8px 12px; cursor: pointer; }
.ppcs-tab-btn.active { background: #fff; border-bottom-color: #fff; }
.ppcs-tab { display: none; }
.ppcs-tab.active { display: block; }
.ppcs-row { margin: 8px 0; }
.ppcs-table-wrap { overflow: auto; border: 1px solid #ddd; border-radius: 4px; background: #fff; }
.ppcs-dark .ppcs-table-wrap { background: #2b2b2b; border-color: #444; }
.ppcs-table { width: 100%; border-collapse: collapse; }
.ppcs-table th, .ppcs-table td { border-bottom: 1px solid #eee; padding: 8px; text-align: left; }
.ppcs-dark .ppcs-table th, .ppcs-dark .ppcs-table td { border-bottom-color: #444; }
#ppcs-search, #ppcs-filter-maker, textarea { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }
.ppcs-dark #ppcs-search, .ppcs-dark #ppcs-filter-maker, .ppcs-dark textarea { background: #2b2b2b; color: #e9e9e9; border-color: #444; }
.ppcs-maker { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ppcs-pill { background: #fafafa; border: 1px solid #ddd; padding: 8px; border-radius: 6px; margin-bottom: 8px; }
.ppcs-dark .ppcs-pill { background: #2a2a2a; border-color: #444; }
.ppcs-pill-meta { margin-bottom: 4px; }
.ppcs-pill-def { font-size: 0.95em; opacity: 0.9; margin-bottom: 6px; }
.ppcs-remove, .ppcs-add-btn, #ppcs-copy-strand, #ppcs-clear-strand, #ppcs-decode-btn, #ppcs-clear-decode, #ppcs-copy-decoded {
  background: #0a7; color: #fff; border: none; padding: 6px 10px; border-radius: 4px; cursor: pointer;
}
.ppcs-remove { background: #c33; }
.ppcs-add-btn { background: #06c; }
.ppcs-dark .ppcs-tab-btn { background: #2b2b2b; border-color: #444; color: #e9e9e9; }
.ppcs-dark .ppcs-tab-btn.active { background: #1f1f1f; border-bottom-color: #1f1f1f; }