:root {color-scheme:light; font:16px/1.55 system-ui,-apple-system,sans-serif; background:#f7f7f7; color:#191919}
* {box-sizing:border-box}
body {margin:0}
main {max-width:940px; margin:36px auto; padding:0 18px}
header {display:flex; align-items:center; gap:16px; margin-bottom:32px}
.mark {font-size:33px; color:white; background:#232323; border-radius:14px; width:60px;height:60px;display:grid;place-items:center}
h1 {font-size:29px; margin:0; letter-spacing:-.025em}
header p {margin:0;color:#565656}
h2 {font-size:19px; margin:0 0 15px}
p {margin:0 0 14px}
.panel {background:white; border:1px solid #d8d8d8; border-radius:12px; padding:24px; margin-bottom:16px}
#unlock {max-width:540px}
.cols {display:grid; grid-template-columns:1fr 1fr; gap:16px}
label {display:block; font-weight:600; margin:12px 0 7px}
input[type=password], input[type=file],textarea {width:100%; border:1px solid #aaa; border-radius:6px; font:inherit; padding:10px; background:white; color:#141414}
textarea {resize:vertical}
.check {display:flex;align-items:center;gap:10px; font-weight:400}
.check input {width:20px; height:20px}
button {background:#222; color:#fff; border:2px solid #222; border-radius:7px; padding:10px 16px; font:600 15px system-ui; cursor:pointer; margin-top:12px}
button:hover {background:#444}
button:disabled {opacity:.5;cursor:default}
button.secondary {background:white;color:#222}
button.secondary:hover {background:#eee}
hr {border:0;border-top:1px solid #ddd;margin:25px 0}
.toolbar,.sectionhead {display:flex;align-items:center;justify-content:space-between;gap:10px}
.toolbar {margin-bottom:13px}
.toolbar button,.sectionhead button {margin:0}
.sectionhead {margin-bottom:8px}
.sectionhead h2 {margin:0}
.hint,footer {color:#5e5e5e;font-size:13px}
.entry {border-top:1px solid #ddd;padding:13px 0}
.entry:first-child {border-top:0}
.entry strong {display:block;font-size:15px;overflow-wrap:anywhere}
.entry small {color:#666}
.entry .actions {display:flex; gap:8px;flex-wrap:wrap}
.entry .actions button {margin-top:8px;padding:6px 10px;font-size:13px}
.entry pre {white-space:pre-wrap; overflow-wrap:anywhere;font:14px/1.4 monospace;padding:12px;background:#f1f1f1;border:1px solid #ddd}
#status {font-weight:600; min-height:24px}
footer {margin:27px 0}
[hidden] {display:none!important}
@media(max-width:670px) {.cols {grid-template-columns:1fr}main {margin-top:18px}.panel {padding:18px}}

.preview {margin-top:10px}
.preview img {display:block;max-width:100%;height:auto;max-height:560px;object-fit:contain;background:#fff;border:1px solid #bbb}
.preview p {font-size:13px;color:#444;margin-top:8px}