:root{--bg:#f4f6f3;--card:#fff;--text:#1b231d;--muted:#5d6b61;--line:#d9e0da;--field:#fbfcfb;--accent:#3c7a4c;--accent-hover:#336a41;--accent-text:#fff;--accent-soft:#e5f0e7;--ok:#2f7a43;--err:#b3261e;--err-soft:#fbeceb;--focus:#2e6fd6;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#141815;--card:#1d221e;--text:#e6ece7;--muted:#9aa89e;--line:#2f3831;--field:#171b18;--accent:#5aa06c;--accent-hover:#6bb27d;--accent-text:#0d150f;--accent-soft:#233528;--ok:#7cc68f;--err:#ff8a80;--err-soft:#3a2220;--focus:#8ab4ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}a:hover{color:var(--accent-hover)}code{font:.9em ui-monospace,Cascadia Mono,Consolas,monospace}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.top{justify-content:space-between;align-items:center;gap:12px;max-width:760px;margin:0 auto;padding:20px 16px 8px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{border-radius:8px}.brand span{flex-direction:column;line-height:1.15;display:flex}.brand strong{font-size:20px}.brand small{color:var(--muted);font-size:13px}.wrap{max-width:760px;margin:0 auto;padding:0 16px 24px}.lede{color:var(--muted);margin:8px 0 18px}.lede strong{color:var(--text)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 1px 2px #0000000a}.tabs{border-bottom:1px solid var(--line);gap:4px;margin:-4px 0 16px;display:flex}.tabs button{appearance:none;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-weight:600}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.drop{border:2px dashed var(--line);border-radius:var(--radius);background:var(--field);text-align:center;cursor:pointer;color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:28px 16px;transition:border-color .15s,background .15s;display:flex;position:relative}.drop:hover,.drop:focus-within{border-color:var(--accent)}.drop svg{color:var(--accent)}.drop strong{color:var(--text)}.drop u{color:var(--accent);text-underline-offset:3px}.drop small{font-size:13px}.drop input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop.compact{flex-direction:row;justify-content:center;gap:10px;padding:12px 16px}.drop.compact small{display:none}.drop.compact svg{width:22px;height:22px}body.dragging .drop{border-color:var(--accent);background:var(--accent-soft)}body.dragging:after{content:"Drop to add";color:var(--accent);background:color-mix(in srgb, var(--bg) 80%, transparent);border:3px dashed var(--accent);pointer-events:none;z-index:10;place-items:center;font-size:22px;font-weight:700;display:grid;position:fixed;inset:0}.files{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.file{border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:10px 12px;display:grid}.file.done{border-color:color-mix(in srgb, var(--ok) 45%, var(--line))}.file.error{border-color:color-mix(in srgb, var(--err) 50%, var(--line));background:var(--err-soft)}.file.skipped{opacity:.6}.file-main{flex-direction:column;min-width:0;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.file-meta{color:var(--muted);font-size:13px}.file-side{align-items:center;gap:8px;display:flex}.file-side progress{width:120px;accent-color:var(--accent)}.file-out{color:var(--ok);overflow-wrap:anywhere;grid-column:1/-1;font-size:13px}.msg{font-size:13px}.msg.err{color:var(--err)}.msg.ok{color:var(--ok)}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.setup{border-top:1px solid var(--line);gap:12px;margin-top:18px;padding-top:16px;display:grid}.setup-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.setup h2{margin:0;font-size:16px}.seg{background:var(--field);border:1px solid var(--line);border-radius:10px;padding:3px;display:inline-flex}.seg button{appearance:none;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 14px;font-size:14px;font-weight:600}.seg button[aria-checked=true]{background:var(--accent);color:var(--accent-text)}#pass-box{gap:8px;display:grid}.pass-row{position:relative}.pass-row input{padding-right:46px}.pass-row .icon{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.pass-tools{gap:14px;display:flex}input[type=password],input[type=text],input:not([type]),textarea{width:100%;font:inherit;color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:10px;padding:10px 12px}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}textarea{resize:vertical;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:14px}.field{gap:6px;display:grid}.label{font-size:14px;font-weight:600}.label small{color:var(--muted);font-weight:400}.field-foot{justify-content:space-between;align-items:flex-start;gap:12px;margin-top:6px;display:flex}.note{color:var(--muted);font-size:13px}.links{flex-shrink:0;gap:14px;display:flex}textarea.masked{-webkit-text-security:disc}#text-out-label{margin:0 0 6px}.note.ok{color:var(--ok)}.note.err{color:var(--err)}.options{gap:6px;display:grid}.check{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent);margin:0}button,.btn{font:inherit}.primary,.ghost,.btn{appearance:none;cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}.primary{background:var(--accent);color:var(--accent-text);border:1px solid var(--accent)}.primary:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-text)}.primary:disabled{opacity:.45;cursor:not-allowed}.ghost{color:var(--text);border:1px solid var(--line);background:0 0}.ghost:hover{border-color:var(--accent)}.small{padding:6px 12px;font-size:14px}.link{appearance:none;color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.icon{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.icon:hover{color:var(--text);background:var(--accent-soft)}.icon.small{width:28px;height:28px}#pass-show[aria-pressed=true]{color:var(--accent)}.action{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.action .primary,.action .ghost{min-width:150px;padding:12px 22px}.hint{color:var(--muted);margin:0;font-size:14px}.hint.ok{color:var(--ok)}.hint.err{color:var(--err)}.text-out{margin-top:16px}.about{margin-top:28px}.about h2{margin:0 0 8px;font-size:18px}.about ul{color:var(--muted);gap:8px;margin:0;padding-left:20px;display:grid}.about strong{color:var(--text)}.foot{max-width:760px;color:var(--muted);margin:0 auto;padding:8px 16px 32px;font-size:13px}dialog{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:16px;width:min(560px,100vw - 32px);padding:0}dialog::backdrop{background:#00000073}.dlg{gap:12px;padding:20px;display:grid}.dlg h2{margin:0;font-size:18px}.muted{color:var(--muted);margin:0;font-size:14px}.muted.small{font-size:13px}.copy-row{gap:8px;display:flex}.copy-row input{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px}.dlg-actions{justify-content:flex-end;gap:8px;display:flex}.dlg-actions.wrapline{flex-wrap:wrap;justify-content:flex-start}#kg-result{gap:12px;display:grid}@media (max-width:560px){.card{border-radius:14px;padding:14px}.action{flex-direction:column-reverse;align-items:stretch}.action .primary,.action .ghost{width:100%}.file-side progress{width:80px}.brand small{display:none}.dlg-actions{flex-wrap:wrap}.dlg-actions button{flex:auto}}[inert]{opacity:.6}.hint:focus{outline:none}
