html{color-scheme:dark;scrollbar-color:var(--border-color) var(--bg-dark)}
body{background:var(--bg-dark);color:var(--text-main);font:600 19px/1.5 Rajdhani,sans-serif}
main{width:min(100% - 40px,1000px);margin:40px auto 64px}
header{border-bottom:2px solid var(--accent-neon);margin-bottom:28px;padding-bottom:18px}
h1{color:var(--text-main);font-size:clamp(23px,4vw,34px);border:0;padding:0;margin:0 0 12px;overflow-wrap:anywhere}
h2{font-size:17px;margin:36px 0 18px;padding:12px 0;background:none;border-bottom:1px solid var(--border-color)}
p{font:inherit;color:inherit;text-align:left;margin:0 0 18px;max-width:72ch}
header p,label span,footer p,#summary{color:var(--text-muted)}
.uploads{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}
.uploads label{display:flex;flex-direction:column;gap:12px;min-width:0;background:var(--panel-bg);border:1px solid var(--border-color);padding:22px}
input{width:100%;min-width:0;font:16px Rajdhani,sans-serif;min-height:44px;color:var(--text-main)}
input::file-selector-button,button{min-height:44px;padding:10px 16px;font:700 17px Rajdhani,sans-serif;border:1px solid var(--border-color);border-radius:4px;background:var(--panel-bg);color:var(--text-main);cursor:pointer}
input::file-selector-button{margin-right:8px}
button:hover,input::file-selector-button:hover{border-color:var(--accent-subtle)}
button:focus-visible,input:focus-visible{outline:2px solid var(--accent-subtle);outline-offset:4px}
button:disabled{opacity:.5;cursor:not-allowed}
button[aria-pressed=true]{border-color:var(--accent-subtle);color:var(--accent-subtle)}
#download{background:var(--accent-neon);color:var(--bg-dark);font-weight:700}
#message{padding:16px;border:1px solid var(--border-color);color:var(--accent-subtle);overflow-wrap:anywhere}
#message.error{color:var(--accent-neon)}
.change{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:22px 0;border-bottom:1px solid var(--border-color)}
.change h3{color:var(--text-main);font:700 20px Rajdhani,sans-serif;text-transform:none;border:0;margin:0 0 8px;padding:0;overflow-wrap:anywhere}
.values{font:16px/1.6 'Share Tech Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.after{color:var(--accent-subtle)}
.actions{display:flex;gap:10px;align-items:center}
details{margin-top:10px;font-size:16px;color:var(--text-muted);overflow-wrap:anywhere}
summary{cursor:pointer;min-height:44px;padding:10px 0}
summary:focus-visible{outline:2px solid var(--accent-subtle);outline-offset:4px}
footer{margin-top:32px}footer p{font-size:17px;margin-top:16px}
::selection{background:var(--accent-subtle);color:var(--bg-dark)}
@media(max-width:620px){main{width:calc(100% - 32px);margin-top:24px}.uploads{grid-template-columns:1fr;gap:16px}.uploads label{padding:18px}.change{grid-template-columns:1fr;gap:12px}.actions button{flex:1}#download{width:100%}}