.reso-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;align-items:start;margin-top:10px}@media(max-width:900px){.reso-layout{grid-template-columns:1fr}}.config-card,.results-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);transition:border-color .2s ease}.config-card:hover{border-color:var(--border-hover)}.card-body{padding:20px}.reso-form{display:flex;flex-direction:column;gap:16px}.reso-field{display:flex;flex-direction:column;gap:6px}.reso-field label{font-size:12.5px;font-weight:500;color:var(--text-muted)}.reso-input{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:13.5px;width:100%;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.reso-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb, 99, 102, 241),.2)}.code-box{background:#0d1117;border-radius:8px;padding:16px;font-family:JetBrains Mono,monospace;font-size:12.5px;color:#c9d1d9;white-space:pre;border:1px solid var(--border);overflow:auto;line-height:1.6;max-height:480px}.code-box::-webkit-scrollbar{width:8px;height:8px}.code-box::-webkit-scrollbar-track{background:#0d1117}.code-box::-webkit-scrollbar-thumb{background:#21262d;border-radius:4px}.code-box::-webkit-scrollbar-thumb:hover{background:#30363d}