:root{
  --red:#C10000; --ink:#1a1a1a; --muted:#6b7280; --line:#e5e7eb;
  --bg:#f7f7f8; --card:#fff; --chip:#f1f1f3;
  --green:#1a7f37; --amber:#b45309; --slate:#475569; --rose:#b91c1c;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
  "Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--red);text-decoration:none}
a:hover{text-decoration:underline}

.topbar{display:flex;justify-content:space-between;align-items:center;
  padding:18px 24px;background:var(--card);border-bottom:3px solid var(--red)}
.topbar h1{font-size:20px;margin:0}
.subtitle{margin:4px 0 0;color:var(--muted);font-size:13px}
.lang-btn{border:1px solid var(--line);background:#fff;border-radius:6px;
  padding:6px 12px;cursor:pointer;font-weight:600}

.stats{display:flex;gap:12px;flex-wrap:wrap;padding:16px 24px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:10px;
  padding:10px 16px;min-width:120px}
.stat .num{font-size:22px;font-weight:700}
.stat .num.red{color:var(--red)}
.stat .lbl{font-size:12px;color:var(--muted)}
.stat.srcs{display:flex;flex-direction:column;gap:2px}
.stat.srcs .srcline{font-size:12px;color:var(--slate)}

.toolbar{padding:0 24px 10px}
.search{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:9px;
  font-size:14px;background:#fff}
.facets{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.facets select{padding:7px 10px;border:1px solid var(--line);border-radius:8px;
  background:#fff;font-size:13px;max-width:220px}
.quick{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--chip);
  border-radius:20px;padding:6px 12px;font-size:13px;cursor:pointer}
.reset-btn,.export-btn{margin-left:auto;border:1px solid var(--line);background:#fff;
  border-radius:8px;padding:7px 14px;cursor:pointer;font-size:13px}
.export-btn{margin-left:0;border-color:var(--red);color:var(--red);font-weight:600}

.result-info{padding:4px 24px;color:var(--muted);font-size:13px}
.table-wrap{overflow-x:auto;padding:0 24px}
table{width:100%;border-collapse:collapse;background:var(--card);
  border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:13px}
th,td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--line);
  vertical-align:top}
th{background:#fafafa;cursor:pointer;white-space:nowrap;position:sticky;top:0;
  user-select:none;font-size:12px;color:var(--slate)}
th:hover{color:var(--ink)}
th .arrow{color:var(--red);font-size:10px}
tbody tr:hover{background:#fafbfc}
td.name{max-width:360px}
td.name a{font-weight:600}
td.desc{color:var(--muted);font-size:12px;max-width:360px}
.tag{display:inline-block;background:var(--chip);border-radius:5px;padding:1px 7px;
  margin:1px 3px 1px 0;font-size:11px;white-space:nowrap}
.tag.spatial{background:#fdeaea;color:var(--red)}
.badge{display:inline-block;border-radius:5px;padding:1px 7px;font-size:11px;
  font-weight:600;white-space:nowrap}
.b-usable{background:#dcfce7;color:var(--green)}
.b-attribution{background:#e0f2fe;color:#0369a1}
.b-non_commercial{background:#fef3c7;color:var(--amber)}
.b-restricted{background:#fee2e2;color:var(--rose)}
.b-unknown{background:#f1f1f3;color:var(--muted)}
.new-badge{background:var(--red);color:#fff;border-radius:5px;padding:1px 6px;
  font-size:10px;font-weight:700}
.star{cursor:pointer;font-size:16px;color:#d1d5db}
.star.on{color:#f5b301}
.src-pill{font-weight:600;font-size:11px;padding:2px 8px;border-radius:20px;
  background:#eef2ff;color:#3730a3}

.pager{display:flex;gap:6px;justify-content:center;align-items:center;
  padding:16px;flex-wrap:wrap}
.pager button{border:1px solid var(--line);background:#fff;border-radius:7px;
  padding:6px 11px;cursor:pointer;font-size:13px}
.pager button.active{background:var(--red);color:#fff;border-color:var(--red)}
.pager button:disabled{opacity:.4;cursor:default}

.foot{padding:20px 24px;color:var(--muted);font-size:12px;text-align:center}