:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#172b4d;background:#fafbfc;font-size:14px}
*{box-sizing:border-box}body{margin:0;padding:18px;line-height:1.45}main{max-width:650px;margin:0 auto}
h1{font-size:20px;margin:0 0 8px}h2{font-size:16px;margin:22px 0 10px}p{margin:7px 0 12px;color:#475569}
.panel{background:white;border:1px solid #dfe1e6;border-radius:10px;padding:14px;margin:12px 0}
label{display:block;font-size:12px;font-weight:700;margin:8px 0 5px}
input[type=search],input[type=text],input[type=file]{width:100%;padding:10px;border:1px solid #b6c2cf;border-radius:7px;background:white;color:#172b4d;font:inherit}
input[type=search]:focus,input[type=text]:focus{outline:2px solid #0c66e4;outline-offset:1px}
button{background:#0c66e4;color:white;border:none;border-radius:6px;padding:10px 12px;font:600 13px system-ui;cursor:pointer}
button.secondary{background:white;color:#172b4d;border:1px solid #aab5c4}
button:disabled{opacity:.45;cursor:not-allowed}
.note{font-size:12px;color:#5e6c84}.warning{padding:10px 12px;background:#fff7df;border-left:4px solid #e2a52f;color:#6e5300;border-radius:3px;font-size:12px}
.status{font-size:12px;min-height:20px;margin-top:10px;color:#475569}.status.error{color:#a51e1e}.status.ok{color:#12633b}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row>*{flex:0 0 auto}.grow{flex:1}
.results{list-style:none;padding:0;margin:10px 0;max-height:340px;overflow:auto}
.results li{padding:9px 10px;margin:6px 0;border:1px solid #dfe1e6;border-radius:8px;background:#fff}
.results li button{float:right;font-size:12px;padding:7px 9px}.title{font-weight:700}.sub{font-size:12px;color:#65758b;margin-top:3px}
.preview{white-space:pre-wrap;background:#f1f5f9;border-radius:6px;padding:10px;margin:10px 0;font-size:12px}
small{font-size:11px;color:#6b7280}hr{border:0;border-top:1px solid #e4e7ec;margin:15px 0}