:root{color-scheme:light;--brand:#099dd7;--page-bg:#f5f6f7;--text:#222;--panel:#fff;--header-bg:#fff;--border:#d9dfe2;--control-border:#7b858b;--muted:#59636a;--accent:#0078a5;--on-brand:#111;--hover:#edf5f9;--success:#16783c;--error:#b53b22;color:var(--text);background:var(--page-bg);accent-color:var(--accent);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}[data-theme=dark]{color-scheme:dark;--page-bg:#02070a;--text:#ddd;--panel:#222;--header-bg:#111;--border:#3e454a;--control-border:#737b80;--muted:#a7afb4;--accent:#099dd7;--hover:#293c45;--success:#51c477;--error:#ff9983}body{margin:0}header,main,footer{max-width:1080px;margin:auto;padding:20px}header,nav,.actions{align-items:center;gap:16px;display:flex}header{background:var(--header-bg);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between}nav{flex-wrap:wrap}a{color:var(--accent);text-underline-offset:4px}.brand{font-size:22px;font-weight:800;text-decoration:none}.brand span{color:var(--muted);font-weight:400}h1{margin:16px 0 12px;font-size:clamp(28px,5vw,42px);line-height:1.2}h2{margin:20px 0 12px;font-size:22px}h3{margin:16px 0 8px}p{color:var(--muted);margin:10px 0;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:13px;font-weight:700}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0;display:grid}.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.card{text-decoration:none}.card h2,.card h3{color:var(--accent)}textarea,input,select,button{font:inherit;border:1px solid var(--border);background:var(--panel);color:inherit;border-radius:8px;padding:10px 12px}textarea,input[type=search],input[type=text],input[type=password]{width:100%}textarea{resize:vertical;min-height:150px;margin:8px 0 16px}button{cursor:pointer}button.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand);font-weight:700}a:hover{text-decoration-thickness:2px}.card:hover,button:not(:disabled):hover{border-color:var(--accent);background:var(--hover)}button.primary:not(:disabled):hover{background:#25b5ed;border-color:#25b5ed}textarea,input,select{border-color:var(--control-border)}input[type=checkbox],input[type=radio],progress{accent-color:var(--accent)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.actions{flex-wrap:wrap;margin:14px 0}label{margin:10px 0;font-weight:600;display:block}code{overflow-wrap:anywhere;white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:14px}.result{border-top:1px solid var(--border);padding:16px 0}.result button{margin:8px}.drop{border:2px dashed var(--border);border-radius:12px;padding:20px}.drop.drag{border-color:var(--accent)}.notice{border-left:4px solid var(--accent);padding:8px 16px}progress{width:100%;height:18px}footer{border-top:1px solid var(--border);margin-top:28px;font-size:14px}.status{white-space:pre-wrap;font-weight:700}.error{color:var(--error)}[hidden]{display:none!important}@media (width<=540px){header,main,footer,.panel{padding:16px}nav{gap:8px}.brand{font-size:18px}}select,input[type=file]{width:100%;max-width:100%}.panel,.result{min-width:0}.result h2{overflow-wrap:anywhere}.hash-result{border-top:1px solid var(--border);padding:12px 0}.hash-result h3{margin:6px 0}.hash-result code{display:block}.hash-result .actions{margin:10px 0}.hash-result .actions button{margin:0}.match{color:var(--success)}header,nav,.actions{flex-wrap:wrap}.grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}input,select,textarea,fieldset{min-width:0;max-width:100%}main,footer{overflow-wrap:anywhere}input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]){width:100%}.field-row{align-items:center;gap:8px;min-width:0;margin:12px 0;display:flex}.field-row>label{overflow-wrap:anywhere;flex:0 auto;min-width:0;max-width:45%;margin:0}.field-row>input,.field-row>select{flex:1;width:100%;min-width:0;max-width:100%;margin:0}.field-row>input[type=number]{text-align:center}header{padding-block:16px}nav{gap:12px}main>:first-child,.panel>:first-child,.card>:first-child{margin-top:0}.panel>:last-child,.card>:last-child{margin-bottom:0}.panel+.panel{margin-top:16px}.grid>*{min-width:0}button:not([data-fp-edit]):not([data-fp-delete]):not(#fp-more),select,input:not([type=checkbox]):not([type=radio]){min-height:42px}.actions{gap:10px}fieldset{border:1px solid var(--border);border-radius:8px;margin:12px 0;padding:12px 16px}legend{padding-inline:4px;font-weight:600}footer p{margin:10px 0}footer label{align-items:baseline;gap:8px;font-weight:400;display:flex}footer input[type=checkbox]{flex-shrink:0}@media (pointer:coarse){button:not([data-fp-edit]):not([data-fp-delete]):not(#fp-more),select,input:not([type=checkbox]):not([type=radio]){min-height:44px}}select,select option{text-align:center;text-align-last:center}input{text-align:center}main button:not([data-fp-edit]):not([data-fp-delete]):not(#fp-more){width:100%}.actions{align-items:stretch;width:100%}.actions>button,.actions>a,.actions>details{text-align:center;flex:120px;min-width:0;margin:0}.actions>button{width:auto}.actions>a{justify-content:center;align-items:center;display:flex}.actions>details>summary{text-align:center}.hash-file-group>summary{cursor:pointer;overflow-wrap:anywhere;padding:8px 0;font-weight:600}.hash-file-group[open]>summary{margin-bottom:8px}#file-list,#pdf-convert-source{white-space:pre-wrap;overflow-wrap:anywhere}.language-menu{position:relative}.language-menu>summary{cursor:pointer;color:var(--accent);padding:8px}.language-menu>div{z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:8px;min-width:140px;padding:6px;position:absolute;top:100%;right:0}.language-menu a{border-radius:4px;padding:10px;text-decoration:none;display:block}.language-menu a:hover{background:var(--hover)}