.gal-sub{font-family:var(--mono);font-size:0.85rem;color:#808080;letter-spacing:0.3px;margin:-10px 0 18px}.gal-sub b{color:#cfcfcf;font-weight:700}.gal-sub a{color:#ff3d8b;text-decoration:none}.gal-sub a:hover{text-decoration:underline}h1 .accent{color:#ff3d8b}.xbx-nav a.nav-dhtml{color:#cfcfcf}.gal-controls{position:sticky;top:0;z-index:5;background:#0e0e0e;padding:10px 0 12px;margin-bottom:4px;border-bottom:1px solid #1c1c1c;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.gal-search,.gal-sel,.gal-clear{height:38px}.gal-search{flex:1 1 220px;min-width:160px;background:#141414;border:1px solid #242424;border-radius:5px;color:#e0e0e0;font-family:var(--mono);font-size:0.85rem;padding:9px 12px;outline:none}.gal-search:focus{border-color:#5c1436}.gal-search::placeholder{color:#585858}.gal-sel{background:#141414;border:1px solid #242424;border-radius:5px;color:#bdbdbd;font-family:var(--mono);font-size:0.8rem;padding:8px 9px;outline:none;cursor:pointer;max-width:250px;text-transform:uppercase;letter-spacing:0.5px}.gal-sel:hover{border-color:#333}.gal-clear{background:none;border:1px solid #242424;border-radius:5px;color:#6a6a6a;font-family:var(--mono);font-size:0.78rem;padding:8px 11px;cursor:pointer;text-transform:uppercase;letter-spacing:0.5px}.gal-clear:hover{color:#ff3d8b;border-color:#5c1436}.gal-count{font-family:var(--mono);font-size:0.78rem;color:#6a6a6a;margin:12px 0 10px;letter-spacing:0.4px}.gal-count b{color:#ff3d8b}.gal-count .rnd{color:#ff3d8b}.gal-empty{font-family:var(--mono);font-size:0.85rem;color:#707070;padding:40px 0;text-align:center}.dh-how{background:#111;border:1px solid #1d1d1d;border-left:2px solid #5c1436;border-radius:5px;padding:12px 14px;margin:0 0 16px;font-family:var(--mono);font-size:0.85rem;color:#909090;line-height:1.7}.dh-how b{color:#ff3d8b}.dh-how a{color:#ff3d8b;text-decoration:none}.dh-how a:hover{text-decoration:underline}.dh-list{display:flex;flex-direction:column;gap:8px}.dh-card{background:#131313;border:1px solid #1d1d1d;border-radius:6px;overflow:hidden;transition:border-color 0.12s}.dh-card:hover{border-color:#2b2b2b}.dh-card.open{border-color:#5c1436}.dh-card.hit{border-color:#ff3d8b}.dh-head{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;user-select:none;min-width:0}.dh-caret{flex-shrink:0;color:#5a5a5a;font-family:var(--mono);font-size:0.78rem;width:12px;transition:transform 0.15s}.dh-card.open .dh-caret{transform:rotate(90deg);color:#ff3d8b}.dh-title{font-family:var(--mono);font-size:0.88rem;color:#d2d2d2;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dh-card.open .dh-title{color:#f0f0f0}.dh-badges{display:flex;gap:5px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.dh-badge{font-family:var(--mono);font-size:0.62rem;text-transform:uppercase;letter-spacing:0.6px;padding:2px 5px;border-radius:2px;border:1px solid #262626;color:#767676;white-space:nowrap}.dh-badge.era{color:#8a8a8a}.dh-badge.w-Y{color:#59d47f;border-color:#1d4a2b;background:#0c1c11}.dh-badge.w-P{color:#e0b341;border-color:#4a3a10;background:#1a1508}.dh-badge.w-N{color:#e06a6a;border-color:#4a1c1c;background:#1c0d0d}.dh-body{display:none;padding:0 12px 12px}.dh-card.open .dh-body{display:block}.dh-blurb{font-family:var(--mono);font-size:0.85rem;color:#a4a4a4;line-height:1.7;margin:0 0 8px}.dh-notes{font-family:var(--mono);font-size:0.8rem;color:#8a8a8a;line-height:1.7;background:#0d0d0d;border:1px solid #1c1c1c;border-left:2px solid #3a3a3a;border-radius:4px;padding:8px 10px;margin:0 0 10px}.dh-notes b{color:#b7b7b7}.dh-card.works-N .dh-notes{border-left-color:#4a1c1c}.dh-card.works-P .dh-notes{border-left-color:#4a3a10}.dh-card.works-Y .dh-notes{border-left-color:#1d4a2b}.dh-source{font-family:var(--mono);font-size:0.75rem;color:#6f6f6f;line-height:1.7;margin:0 0 10px;padding-left:12px;border-left:2px solid #262626}.dh-source b{color:#8d8d8d;font-weight:400;text-transform:uppercase;letter-spacing:0.6px;font-size:0.64rem}.dh-ref{display:inline-flex;align-items:center;gap:3px;margin-left:4px;padding:1px 7px 2px;border:1px solid #3a2230;border-radius:999px;background:#170d13;color:#ff5fa0;font-size:0.66rem;text-transform:uppercase;letter-spacing:0.5px;text-decoration:none;white-space:nowrap;transition:background 0.12s,border-color 0.12s,color 0.12s}.dh-ref:hover{background:#23121b;border-color:#ff3d8b;color:#ff88bb}.dh-ref .dh-ref-arr{font-size:0.72rem;line-height:1;opacity:0.8}.dh-ref:hover .dh-ref-arr{opacity:1}.dh-code{position:relative;background:#0a0a0a;border:1px solid #1f1f1f;border-radius:5px}.dh-code pre{margin:0;padding:12px 84px 12px 13px;overflow-x:auto;font-family:var(--mono);font-size:0.8rem;color:#c8c8c8;line-height:1.65;white-space:pre;tab-size:2}.dh-tools{position:absolute;top:7px;right:7px;display:flex;gap:4px}.dh-tool{background:#151515;border:1px solid #2a2a2a;border-radius:4px;color:#8a8a8a;font-family:var(--mono);font-size:0.66rem;padding:4px 8px;cursor:pointer;text-transform:uppercase;letter-spacing:0.5px}.dh-tool:hover{color:#ff3d8b;border-color:#5c1436}.dh-tool.on{color:#ff3d8b;border-color:#5c1436;background:#1c0a13}.dh-demo{display:none;margin-top:10px;border:1px solid #1f1f1f;border-radius:5px;background:#fff;overflow:hidden}.dh-demo.on{display:block}.dh-demo iframe{display:block;width:100%;height:240px;border:0;background:#fff}.dh-demo-bar{background:#0d0d0d;border-bottom:1px solid #1f1f1f;font-family:var(--mono);font-size:0.64rem;color:#6a6a6a;padding:5px 9px;text-transform:uppercase;letter-spacing:0.7px;display:flex;justify-content:space-between;align-items:center}.dh-demo-bar b{color:#ff3d8b}.dh-nodemo{font-family:var(--mono);font-size:0.72rem;color:#6a6a6a;padding:8px 0 0}@media (max-width:560px){.dh-head{flex-wrap:wrap}.dh-title{flex:1 1 100%;white-space:normal}.dh-code pre{padding-right:13px;padding-top:38px}.dh-tools{top:6px;right:6px}}