:root{--bg:#0a0a0c;--panel:#1a1a1e;--panel-2:#141417;--border:#2c2c32;--border-strong:#3e3e46;--text:#e8e8ec;--text-dim:#8a8a94;--text-faint:#56565f;--accent:#f0a202;--accent-dim:#8a6206;--danger:#e5484d;--danger-dim:#4a1f21;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--mono);font-size:14px;line-height:1.5}#root{flex-direction:column;min-height:100svh;display:flex}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit;border-radius:0}.app-header{border-bottom:1px solid var(--border-strong);background:var(--panel-2);justify-content:space-between;align-items:baseline;gap:16px;padding:20px 24px;display:flex}.app-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0;font-size:18px;font-weight:700}.app-title:before{content:"● ";color:var(--accent)}.app-tagline{color:var(--text-faint);letter-spacing:.04em;margin:0;font-size:12px}.modal-backdrop{z-index:100;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel-2);border:1px solid var(--border-strong);flex-direction:column;gap:16px;width:320px;max-width:90vw;padding:24px;display:flex}.modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.modal__title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:12px;font-weight:700}.modal__close{border:1px solid var(--border-strong);color:var(--text-dim);cursor:pointer;background:0 0;width:24px;height:24px;font-size:16px;line-height:1}.modal__close:hover{border-color:var(--danger);color:var(--danger)}.app-body{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}@media (width<=860px){.app-body{grid-template-columns:1fr}}.panel{min-width:0;padding:24px}.panel--source{border-right:1px solid var(--border-strong);flex-direction:column;gap:16px;display:flex}.panel-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);margin:0 0 12px;padding-bottom:8px;font-size:11px;font-weight:700}.field{flex-direction:column;gap:6px;display:flex}.field label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:700}.field textarea,.field input[type=text],.field input[type=password]{background:var(--bg);border:1px solid var(--border-strong);color:var(--text);width:100%;padding:10px 12px}.field textarea:focus,.field input[type=text]:focus,.field input[type=password]:focus{border-color:var(--accent);outline:none}.field textarea{resize:vertical;min-height:220px}.checkbox-field{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.btn{border:1px solid var(--border-strong);color:var(--text);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;padding:10px 18px;font-weight:700}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#1a1200}.btn--primary:hover:not(:disabled){background:#ffb520;border-color:#ffb520}.btn--ghost{border-color:var(--danger);color:var(--danger);padding:6px 12px;font-size:12px}.btn--ghost:hover:not(:disabled){background:var(--danger-dim)}.passcode-gate{flex:1;justify-content:center;align-items:center;display:flex}.passcode-gate__card{border:1px solid var(--border-strong);background:var(--panel-2);flex-direction:column;gap:16px;width:320px;max-width:90vw;padding:32px;display:flex}.passcode-gate__title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);text-align:center;margin:0;font-size:12px;font-weight:700}.passcode-gate__error{color:var(--danger);border-left:2px solid var(--danger);margin:0;padding-left:8px;font-size:12px}.error-banner{z-index:50;border-bottom:1px solid var(--danger);background:var(--danger);color:#1a0708;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex;position:sticky;top:0}.error-banner__message{letter-spacing:.02em;font-size:12px;font-weight:700}.error-banner__message:before{content:"ERROR — "}.error-banner .btn--ghost{color:#1a0708;border-color:#1a0708}.error-banner .btn--ghost:hover:not(:disabled){background:#00000026}.test-mode-banner{z-index:50;text-align:center;border-bottom:1px solid var(--accent);background:var(--accent);color:#1a1200;justify-content:center;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0}.test-mode-banner__message{letter-spacing:.02em;font-size:12px;font-weight:700}.test-mode-banner__message:before{content:"TEST MODE — "}.results-placeholder{color:var(--text-faint);font-size:12px}.results-status{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:12px;display:flex}.results-status:before{content:"";background:var(--accent);width:8px;height:8px;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.2}}.results-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.result-card{border:1px solid var(--border-strong);border-left:3px solid var(--accent);background:var(--panel);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.result-card__row{align-items:baseline;gap:10px;display:flex}.result-card__key{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);flex:0 0 90px;font-size:10px;font-weight:700}.result-card__value{color:var(--text);font-size:13px}.result-card__row--line .result-card__value{color:var(--accent)}