.vhdl-layout{display:grid;grid-template-columns:minmax(380px,450px) 1fr;gap:16px}@media(max-width:900px){.vhdl-layout{grid-template-columns:1fr}}.panel-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px}.vhdl-form{display:flex;flex-direction:column;gap:16px;margin-top:14px}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.vhdl-input{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:13px;font-family:Inter,sans-serif}.vhdl-input:focus{outline:none;border-color:var(--accent)}.toggle-group{display:flex;gap:6px}.toggle-btn{padding:6px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg3);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.state-diagram{margin-top:16px;padding:12px;background:var(--bg3);border-radius:8px;border:1px solid var(--border);font-family:monospace;font-size:12px;color:var(--muted);white-space:pre}.code-card{display:flex;flex-direction:column}.vhdl-output{flex:1;min-height:500px;background:#0d1117;border:1px solid var(--border);border-radius:8px;padding:16px;font-family:JetBrains Mono,monospace;font-size:12px;color:#adbac7;overflow:auto;margin-top:14px;line-height:1.7;white-space:pre}