*{box-sizing:border-box;border-radius:0!important}html,body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}#xavi-search-app{width:100%;padding:8px}.top{display:grid;grid-template-columns:210px minmax(240px,1fr) 150px;gap:8px;align-items:center;position:sticky;top:0;background:#000;z-index:5;padding:4px 0 8px;border-bottom:1px solid #333}.brand{display:flex;flex-direction:column}.brand strong{font-size:20px}.brand span,.status,.muted{color:#888;font-size:12px}form{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:5px}input,button,select{background:#000;color:#fff;border:1px solid #555;padding:7px;min-height:36px;font:inherit}button{cursor:pointer}button:hover,button:focus{border-color:#fff;outline:none}.status{text-align:right}.tabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px 0;border-bottom:1px solid #222}.tabs button{min-height:32px;padding:4px 9px}.tabs button.active{background:#fff;color:#000;border-color:#fff}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:7px 0;color:#aaa;font-size:12px;border-bottom:1px solid #222}.toolbar label{display:flex;align-items:center;gap:5px}.toolbar select{min-height:28px;padding:2px 6px}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px}.results{min-width:0}.empty{padding:28px 0;color:#777}.result{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid #2a2a2a}.result.no-media{grid-template-columns:1fr}.media{width:150px;height:94px;border:1px solid #2a2a2a;background:#050505;overflow:hidden}.media img{width:100%;height:100%;object-fit:cover;display:block}.title{font-size:18px;color:#fff;text-decoration:none;line-height:1.25}.title:hover{text-decoration:underline}.domain{font-size:12px;color:#888;margin:3px 0 5px;overflow-wrap:anywhere}.snippet{color:#ccc;line-height:1.42;overflow-wrap:anywhere}.meta{display:flex;flex-wrap:wrap;gap:9px;color:#777;font-size:11px;margin-top:6px}aside{position:sticky;top:58px;max-height:calc(100vh - 66px);overflow:auto;border-left:1px solid #333;padding:0 0 20px 10px;color:#bbb;font-size:12px}aside h2{font-size:13px;color:#fff;margin:12px 0 6px}aside pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#aaa}.error{border:1px solid #733;background:#130000;padding:12px;color:#fff}@media(max-width:900px){.top{grid-template-columns:1fr;position:static}.status{text-align:left}main{grid-template-columns:1fr}aside{position:static;max-height:none;border-left:0;border-top:1px solid #333;padding:8px 0}.result{grid-template-columns:120px minmax(0,1fr)}.media{width:120px;height:78px}}@media(max-width:540px){.result{grid-template-columns:1fr}.media{width:100%;height:180px}}