:root{--bg: #0d0d0f;--fg: #f2f2f2;--muted: #8a8a92;--chip: #1c1c20;--chip-active: #e8e8ea;--chip-active-fg: #0d0d0f;--border: #2a2a30;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.4 Helvetica Neue,Helvetica,Arial,sans-serif}.app{display:flex;flex-direction:column;height:100%}.toolbar{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;background:#0d0d0feb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.toolbar h1{font-size:15px;margin:0 12px 0 0;font-weight:600;letter-spacing:.02em}.search input{background:var(--chip);border:1px solid var(--border);color:var(--fg);padding:6px 10px;border-radius:8px;width:160px}.search .error{color:#ff6b6b;margin-left:8px;font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{background:var(--chip);border:1px solid var(--border);color:var(--fg);padding:4px 10px;border-radius:999px;cursor:pointer;font-size:12px}.chip.active{background:var(--chip-active);color:var(--chip-active-fg);border-color:var(--chip-active)}.chip.clear{color:var(--muted)}.count{color:var(--muted);font-size:12px;margin-left:auto}.grid-wrap{flex:1;min-height:0;overflow-x:hidden}.card{display:block;width:100%;padding:3px;cursor:pointer;border:none;background:none}.card .frame-box{position:relative;width:100%;aspect-ratio:4 / 3;background:#161619;overflow:hidden;border-radius:3px}.card img,.detail img{width:100%;height:100%;object-fit:cover;display:block}.empty{padding:40px;text-align:center;color:var(--muted)}.detail{flex:1;overflow:auto;padding:16px;max-width:1500px;margin:0 auto;width:100%}.detail-body{display:flex;gap:24px;align-items:flex-start;margin-top:12px}.detail-main{flex:1;min-width:0;position:sticky;top:16px;height:calc(100vh - 90px);display:flex;align-items:center;justify-content:center}.detail-side{width:360px;flex-shrink:0}@media (max-width: 800px){.detail-body{flex-direction:column}.detail-main{position:static;width:100%;height:auto;display:block}.detail-side{width:100%}}.detail .preview-box{width:100%;max-height:82vh;aspect-ratio:4 / 3;background:#161619;border-radius:8px;overflow:hidden}.detail .preview-box img{object-fit:contain}.detail .meta{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin:0 0 18px}.detail .meta a{color:#7db4ff}.back{background:none;border:1px solid var(--border);color:var(--fg);border-radius:8px;padding:6px 12px;cursor:pointer}.neighbors{margin-top:18px}.neighbors h2{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.neighbor-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0}