:root{color-scheme:light dark;--bg: #0f1115;--panel: #171a21;--text: #e7eaf0;--muted: #a7afc2;--border: #2a2f3a;--accent: #4c8dff;--error: #ff6b6b}@media(prefers-color-scheme:light){:root{--bg: #f7f8fb;--panel: #ffffff;--text: #1f2430;--muted: #5a6375;--border: #e2e6ef;--accent: #2f6feb;--error: #c23c3c}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:1100px;margin:0 auto;padding:32px 20px 80px}header{margin-bottom:24px}h1{font-size:28px;margin:0 0 8px}header p{margin:0;font-size:15px;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:20px}.dropzone{border:2px dashed var(--border);border-radius:12px;padding:26px;text-align:center;cursor:pointer;transition:border-color .2s ease}.dropzone.dragover{border-color:var(--accent)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}button{border:none;background:var(--accent);color:#fff;padding:10px 18px;border-radius:10px;font-weight:600;cursor:pointer}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}button:disabled{opacity:.6;cursor:not-allowed}.options{margin-top:16px}label{font-size:13px;color:var(--muted);display:block;margin-bottom:6px}select,input[type=text],input[type=search]{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text)}select:disabled,input:disabled{cursor:not-allowed}.summary{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;color:var(--muted)}.summary strong{color:var(--text)}.error{color:var(--error);margin-top:12px}.results{margin-top:24px}details.entry{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:8px 16px;content-visibility:auto;contain-intrinsic-size:auto 60px}summary{cursor:pointer;font-weight:600;padding:10px 0;display:flex;align-items:center;justify-content:space-between}.copy-btn{font-size:12px;padding:4px 10px;margin-left:12px;flex-shrink:0;transition:background-color .2s ease,transform .1s ease}.copy-btn:active{transform:scale(.95)}.copy-btn.copied{background:#4caf50;animation:copySuccess .3s ease}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.entry-body{padding-bottom:12px}.entry-list{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;margin:0;padding-left:18px}.muted{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);text-align:center;color:var(--muted)}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,.dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:not(:disabled):hover{opacity:.9;transition:opacity .2s ease}.dropzone:hover:not(.dragover){border-color:var(--muted)}