main{flex:1;display:flex;padding:0}.panel-left{width:50%;border-right:1px solid var(--border);background:var(--bg2);display:flex;flex-direction:column;overflow-y:auto;padding:24px}.panel-right{flex:1;background:var(--bg);display:flex;flex-direction:column;padding:24px;overflow-y:auto;gap:24px}@media(max-width:900px){main{flex-direction:column}.panel-left{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:16px}.panel-right{padding:16px;gap:16px}}.panel-section-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.control-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.control-group:last-child{margin-bottom:0}.control-group label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}textarea{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:14px;border-radius:var(--r);outline:none;font-family:JetBrains Mono,monospace;font-size:13px;resize:vertical;min-height:120px;transition:border-color .2s,box-shadow .2s;line-height:1.5}textarea:focus{border-color:var(--accent);box-shadow:0 0 8px #00a8ff40}textarea.invalid{border-color:var(--error);box-shadow:0 0 8px #f8514933}input[type=text]{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:10px 12px;border-radius:var(--r);outline:none;font-family:JetBrains Mono,monospace;font-size:14px;transition:border-color .2s}input[type=text]:focus{border-color:var(--accent)}select{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:10px 12px;border-radius:var(--r);outline:none;font-size:13px;cursor:pointer}select:focus{border-color:var(--accent)}.mode-toggle-wrapper{display:flex;background:var(--bg3);border:1px solid var(--border);padding:4px;border-radius:var(--r);margin-bottom:24px}.mode-btn{flex:1;background:transparent;border:none;color:var(--muted);padding:10px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;outline:none}.mode-btn:hover{color:#fff}.mode-btn.active{background:var(--accent);color:#fff}.output-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;position:relative}.output-card-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.output-content{background:#090d13;border:1px solid var(--border);border-radius:6px;padding:14px;font-family:JetBrains Mono,monospace;font-size:13px;color:#adbac7;white-space:pre-wrap;word-break:break-all;min-height:80px;line-height:1.5}.color- .color-payload{color:#79c0ff}.color-signature{color:#00a8ff}.signature-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;border:1px solid var(--border);font-weight:600;font-size:14px;transition:all .3s}.signature-banner.verified{background:#2ea0431a;border-color:var(--success);color:#3fb950;box-shadow:0 0 10px #2ea04326}.signature-banner.invalid{background:#f851491a;border-color:var(--error);color:#f85149;box-shadow:0 0 10px #f8514926}.signature-banner.unsigned{background:#d299221a;border-color:var(--warning);color:#e3b341;box-shadow:0 0 10px #d2992226}