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 label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.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}.drop-zone{border:2px dashed var(--border);border-radius:12px;padding:40px 20px;text-align:center;background:#161b2280;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:12px}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent);background:var(--accent-dim)}.drop-zone-icon{font-size:40px}.drop-zone-text{font-size:14px;color:var(--text);font-weight:500}.drop-zone-subtext{font-size:12px;color:var(--muted)}.file-status-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:10px;margin-top:16px}.file-info{display:flex;justify-content:space-between;align-items:center;font-size:13px}.file-name{font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.file-size{color:var(--muted);font-family:JetBrains Mono,monospace}.progress-bar-container{height:6px;background:var(--bg2);border-radius:3px;overflow:hidden;width:100%}.progress-bar{height:100%;width:0%;background:var(--accent);border-radius:3px;transition:width .1s ease}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:180px;transition:border-color .2s,box-shadow .2s;line-height:1.5}textarea:focus{border-color:var(--accent);box-shadow:0 0 8px #00a8ff40}input[type=text]{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:12px 14px;border-radius:var(--r);outline:none;font-family:JetBrains Mono,monospace;font-size:14px;transition:border-color .2s;width:100%}input[type=text]:focus{border-color:var(--accent)}.compare-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}.compare-banner.verified{background:#2ea0431a;border-color:var(--success);color:#3fb950;box-shadow:0 0 10px #2ea04326}.compare-banner.mismatch{background:#f851491a;border-color:var(--error);color:#f85149;box-shadow:0 0 10px #f8514926}.compare-banner.empty{background:#d299221a;border-color:var(--warning);color:#e3b341;box-shadow:0 0 10px #d2992226}.output-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;position:relative;transition:all .3s}.output-card.highlight{border-color:var(--accent);box-shadow:0 0 15px #00a8ff33;background:#00a8ff05}.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:50px;line-height:1.5;display:flex;align-items:center;justify-content:space-between;gap:10px}.output-hash-val{flex:1}