.panel-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px}.editor-card,.results-card{display:flex;flex-direction:column}.code-editor{min-height:280px;width:100%;padding:14px;background:#0d1117;border:1px solid var(--border);border-radius:8px;color:#adbac7;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;resize:vertical;outline:none;margin-top:14px}.code-editor:focus{border-color:var(--accent)}.code-box{background:#0d1117;border-radius:8px;padding:16px;font-family:JetBrains Mono,monospace;font-size:12px;color:#adbac7;white-space:pre;border:1px solid var(--border);overflow:auto;line-height:1.6;max-height:480px;margin-top:14px}.placeholder-msg{color:var(--muted);font-size:13px;text-align:center;padding:40px}.header-actions{display:flex;gap:6px}.form-group{display:flex;flex-direction:column;gap:12px;margin-top:14px}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-size:12px;font-weight:600;color:var(--muted)}.form-input{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:13px;width:100%}.form-input:focus{outline:none;border-color:var(--accent)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.side-col{display:grid;grid-template-columns:minmax(380px,450px) 1fr;gap:16px}@media(max-width:900px){.two-col,.side-col{grid-template-columns:1fr}}.knx-warning{color:var(--warning);padding:12px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;margin-top:12px}.knx-results{display:flex;flex-direction:column;gap:8px;margin-top:12px}.knx-item{background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:10px;display:flex;justify-content:space-between}.knx-label{font-size:12px;font-weight:600}.knx-value{font-size:12px;font-family:monospace}.knx-value.accent{color:var(--accent)}.knx-value.text{color:var(--text)}.knx-value.warning{color:var(--warning)}.knx-value.muted{color:var(--muted)}