#dive-breadcrumb { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); background: rgba(255,255,255,.90); backdrop-filter: blur(12px); border: 1px solid rgba(0,0,0,.08); border-radius: 20px; padding: 5px 16px; font-size: 11px; color: #555; z-index: 22; white-space: nowrap; pointer-events: none; }
#dive-panel { position: fixed; bottom: 100px; left: 16px; width: 240px; max-height: 46vh; background: rgba(255,255,255,.93); backdrop-filter: blur(16px); border: 1px solid rgba(0,0,0,.08); border-radius: 12px; padding: 14px 14px 12px; overflow-y: auto; z-index: 20; font-size: 12px; }
.dive-close { position: absolute; top: 8px; right: 10px; background: none; border: none; color: #aaa; font-size: 16px; cursor: pointer; line-height: 1; }
.dive-close:hover { color: #555; }
.dive-layer-title { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #aaa; margin: 10px 0 5px; }
.dive-layer-title:first-of-type { margin-top: 0; }
.dive-item { display: flex; gap: 8px; align-items: flex-start; padding: 5px 0; border-bottom: 1px solid rgba(0,0,0,.05); }
.dive-item:last-child { border-bottom: none; }
.dive-item-thumb { width: 48px; height: 36px; object-fit: cover; border-radius: 3px; flex-shrink: 0; }
.dive-item-info { flex: 1; min-width: 0; }
.dive-item-title { display: block; color: #3a3a3a; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
.dive-item-title:hover { color: #1a1a1a; text-decoration: underline; }
.dive-item-attr { font-size: 10px; color: #999; margin-top: 2px; }
.dive-empty { color: #bbb; font-size: 11px; font-style: italic; line-height: 1.6; }