main{flex-direction:column;flex:1;display:flex;overflow-y:auto}.form-container{padding:20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:var(--muted)}.form-group-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.form-group input[type=text],.form-group select{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:4px;font-size:14px;outline:none}.form-group input[type=text]:focus,.form-group select:focus{border-color:var(--accent)}.form-group label input[type=checkbox]{margin-right:6px}hr.divider{border:none;border-top:1px solid var(--border);margin:8px 0}.output-container{padding:16px;display:flex;flex-direction:column;overflow:hidden;flex:1}.tabs{display:flex;gap:4px;margin-bottom:12px;flex-shrink:0}.tab{padding:6px 14px;background:var(--bg3);border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;border-radius:4px;transition:all .2s}.tab:hover{color:var(--text)}.tab.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.tab-content{display:none;flex:1}.tab-content.active{display:flex;flex-direction:column}.tab-content pre{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text);padding:12px;background:var(--bg2);border:1px solid var(--border);border-radius:4px;overflow:auto;flex:1;white-space:pre-wrap;word-break:break-all;margin:0}@media(max-width:768px){main{flex-direction:column;overflow-y:auto}}
