.hacker-decoder-form{--decoder-control-border:#9db5a661;--decoder-control-bg:#111b16;min-width:0;font-family:Consolas,SFMono-Regular,Liberation Mono,monospace;font-size:.875rem;line-height:1.6}.hacker-decoder-toolbar,.hacker-decoder-result-header{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hacker-decoder-toolbar{margin-bottom:1rem}.hacker-decoder-toolbar label{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hacker-decoder-form button,.hacker-decoder-form select{border:1px solid var(--decoder-control-border);background:var(--decoder-control-bg);color:#d1dfd6;font:inherit;border-radius:3px;max-width:100%;padding:.5rem .75rem}.hacker-decoder-form button{cursor:pointer;min-height:36px;transition:border-color .15s,background-color .15s,color .15s}.hacker-decoder-form button:hover:not(:disabled){color:#e3ffec;background:#1b2c22;border-color:#739a80}.hacker-decoder-form button:disabled{opacity:.55;cursor:default}.hacker-decoder-form .hacker-decoder-submit{color:#caffdc;border-color:#65ff9a}.hacker-decoder-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.hacker-decoder-input-label,.hacker-decoder-result{min-width:0}.hacker-decoder-input-label{line-height:2rem}.hacker-decoder-result-header{justify-content:space-between;min-height:2rem}.hacker-decoder-input-label textarea{box-sizing:border-box;resize:vertical;color:#dcffe8;background:#030906;border:1px solid #9db5a640;width:100%;height:230px;margin-top:.5rem;padding:.75rem;font:.875rem/1.65 Consolas,SFMono-Regular,Liberation Mono,monospace;display:block}.hacker-decoder-form .hacker-decoder-output{isolation:isolate;box-sizing:border-box;height:230px;box-shadow:none;overflow-wrap:anywhere;white-space:pre-wrap;color:#caffdc;scrollbar-width:thin;scrollbar-color:#38754d #030906;background:#030906;border:1px solid #9db5a640;border-radius:6px;margin-top:.5rem;padding:.75rem;font:1rem/1.65 Consolas,SFMono-Regular,Liberation Mono,monospace;position:relative;overflow:auto}.hacker-decoder-original{z-index:1;display:block;position:relative}.hacker-decoder-code{z-index:0;pointer-events:none;user-select:none;position:absolute;inset:0}.hacker-decoder-code canvas{width:100%;height:100%;display:block}.hacker-decoder-status{color:#9df2b9;min-height:1.6em}.hacker-decoder-local{color:#ffffff8c;font-size:.9em}.hacker-decoder-form :focus-visible{outline-offset:3px;outline:2px solid #65ff9a}@media (width<=600px){.hacker-modal-overlay:has(.hacker-modal-decoder){padding:1rem}.hacker-decoder-grid{grid-template-columns:minmax(0,1fr)}.hacker-decoder-input-label textarea{height:120px}.hacker-decoder-form .hacker-decoder-output{height:180px}}.hacker-decoder-form [hidden]{display:none!important}.decoder-taskbar{flex-wrap:wrap;gap:1rem;margin-bottom:1.2rem;display:flex}.decoder-taskbar label{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.decoder-taskbar input{color:#dcffe8;width:4em;font:inherit;background:#030906;border:1px solid #38754d;padding:.35rem}.decoder-history{border-top:1px solid #314b39;margin-top:1.5rem;padding-top:1rem}.decoder-history h2{font:inherit;margin:0}.decoder-history>ol{padding-left:1.6rem}.decoder-history details{margin:.6rem 0}.decoder-history summary{cursor:pointer}.decoder-history pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:10rem;font:inherit;border:1px solid #263e2e;padding:.5rem;overflow:auto}.decoder-notice{color:#cbd4ce;font-size:.8rem;line-height:1.6}.decoder-tabs{border-bottom:1px solid #314b39;flex-wrap:wrap;gap:.25rem;margin-bottom:1.4rem;display:flex}.hacker-decoder-form .decoder-tabs [role=tab]{color:#9baaa0;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:.65rem .8rem}.hacker-decoder-form .decoder-tabs [aria-selected=true]{color:#caffdc;background:#3c8c551a;border-bottom-color:#65ff9a}.hacker-decoder-form .decoder-tabs [role=tab]:hover{color:#d7ffe3}.hacker-decoder-toolbar{gap:.6rem;margin-bottom:.75rem}.hacker-decoder-toolbar label{color:#b7c8bd;font-size:.8rem}.hacker-decoder-form select{min-height:36px}.hacker-decoder-form .hacker-decoder-submit{color:#d9ffe5;background:#173925;border-color:#528e64;min-width:90px;margin-left:auto;font-weight:600}.hacker-decoder-form .hacker-decoder-submit:hover{background:#204b31;border-color:#83d79b}.hacker-decoder-formats{overflow-wrap:anywhere;color:#859e8e;margin-bottom:1.25rem;font-size:.75rem;line-height:1.7}.hacker-decoder-grid{gap:1.15rem}.hacker-decoder-input-label{color:#cbd9d0;line-height:36px}.hacker-decoder-result-header{color:#cbd9d0;min-height:36px}.hacker-decoder-result-header [data-decoder-copy]{padding:.3rem .6rem;font-size:.75rem}.hacker-decoder-input-label textarea{border-radius:6px}.hacker-decoder-status{margin:1rem 0 .4rem;font-size:.8rem}.hacker-decoder-local{color:#819388;margin:.35rem 0 0;font-size:.75rem;line-height:1.6}
