main{flex:1;display:flex;flex-direction:column;padding:20px}.container-wide{display:flex;flex-direction:column;gap:16px;width:100%}.subtitle{margin:0 0 4px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.3px;border:1px solid var(--border);white-space:nowrap}.badge-success{background:#2ea0431f;border-color:#2ea04366;color:#3fb950}.split-panel{gap:16px}.card-label{font-size:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600}.form-input{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:12px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.5;resize:vertical;outline:none;box-sizing:border-box;transition:border-color .15s ease}.form-input:focus{border-color:var(--accent)}.hint{font-size:11px;color:var(--muted);line-height:1.4}.output-container{display:flex;flex:1;min-height:0}.output-box{flex:1;min-height:300px;background:#0d1117;color:#3fb950;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.5;padding:16px;border:1px solid var(--border);border-radius:var(--r);overflow:auto;white-space:pre-wrap;word-break:break-word;margin:0}@media(max-width:900px){.split-panel{grid-template-columns:1fr}}