.shadow-dom-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.shadow-dom-layout{grid-template-columns:1fr}}.panel-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;display:flex;flex-direction:column}.card-header{font-size:14px;font-weight:700;color:var(--text);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.card-body{display:flex;flex-direction:column;gap:12px}.tool-code-area{width:100%;min-height:180px;padding:12px;background:#0d1117;border:1px solid var(--border);border-radius:6px;color:#adbac7;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;outline:none;resize:vertical}.demo-container{background:#fff;color:#000;padding:15px;border-radius:8px;border:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.global-p{margin:0;color:#333;font-size:13px}#btnApply{width:100%}