main{flex-direction:column;flex:1;display:flex;gap:16px;padding:16px;overflow-y:auto}.card{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.card-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.form-container{display:flex;flex-direction:column;gap:16px;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)}select,input[type=text],input[type=password],textarea{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:4px;font-size:14px;outline:none;font-family:JetBrains Mono,monospace}select:focus,input:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:100px;line-height:1.5}.btn-primary{margin-top:8px}.output-container{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1}.output-box{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-x:auto;margin:0;white-space:pre-wrap;word-break:break-all;min-height:200px}.key-info-box{background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:10px 12px;font-size:12px;line-height:1.6;color:var(--muted)}.mode-toggle{display:flex;gap:4px}.mode-toggle .btn.active{background:var(--accent);border-color:var(--accent);color:#000}@media(max-width:768px){main{flex-direction:column;overflow-y:auto}.card{flex:none}}.hidden{display:none}.mt-3{margin-top:12px}.sep-top{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.key-h-sm{height:120px;font-size:11px}.key-h-lg{height:180px;font-size:11px}