.sidebar-active { background: var(--background, #fff); color: var(--foreground, #0a0a0a); }
input, textarea, select { color: inherit; }
.prose pre, .code-block { background: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 12px; padding: 14px; overflow: auto; }
.prose code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }
#tool-app textarea, #tool-app input, #tool-app select {
  width: 100%; border: 1px solid var(--border, #e5e5e5); border-radius: 12px;
  background: var(--surface, #fafafa); padding: 12px 16px; font-family: ui-monospace, monospace; font-size: 14px; outline: none;
}
#tool-app textarea:focus, #tool-app input:focus { border-color: #0a0a0a; }
#tool-app .card { border: 1px solid var(--border, #e5e5e5); border-radius: 16px; background: var(--surface, #fafafa); padding: 24px; }
#tool-app .btn { display: inline-flex; align-items: center; gap: 8px; border-radius: 12px; border: 1px solid #e5e5e5; padding: 8px 12px; font-size: 13px; cursor: pointer; background: transparent; }
#tool-app .btn-dark { background: #0a0a0a; color: #fff; border-color: #0a0a0a; }
#tool-app .out { word-break: break-all; font-family: ui-monospace, monospace; font-size: 13px; }
#tool-app label.lbl { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #737373; }
#tool-app .row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.wp-block-group { all: unset; }
body.admin-bar { }