.snow-explorer{background:#091218}
.snow-explorer{padding:28px 0 32px!important}
.snow-explorer .section-head{margin-bottom:14px}
.snow-explorer .section-head h2{font-size:32px;line-height:1.2;margin:8px 0}
.snow-explorer .section-head p{font-size:14px;line-height:1.5;margin:8px 0}
.snow-rail-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a6b6bd;font:10px 'Space Mono',monospace;margin:14px 0}
.snow-mini-rail{display:flex;gap:14px;overflow-x:auto;scrollbar-width:thin;padding:2px 0 12px;overscroll-behavior-x:contain}
.snow-explorer .snow-mini-card{flex:0 0 244px;padding:0 0 14px;border-radius:12px;overflow:hidden;text-align:left;background:#101d26;white-space:normal}
.snow-mini-card canvas{display:block;width:244px;height:168px;background:radial-gradient(ellipse,#253642,#101d26);pointer-events:none}
.snow-mini-card .mini-name{display:block;padding:6px 14px 0;font-size:13px;font-weight:600}
.snow-mini-card output{display:block;color:#c6ff3d;padding:6px 14px;font:12px 'Space Mono',monospace}
.snow-explorer .snow-mini-card:hover{background:#192b35;color:#eaf3f6;border-color:#c6ff3d}
.explorer-dialog{margin:auto;width:min(1080px,calc(100% - 32px));max-height:90dvh;overflow:auto;padding:18px;background:#091218;border:1px solid #52616b;color:#eaf3f6}
.explorer-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.explorer-close{display:block;margin-left:auto}
.explorer-sample{display:block;color:#c6ff3d;font:15px/1.6 'Space Mono',monospace;margin-bottom:12px}
@media(max-width:760px){.snow-explorer .section-head h2{font-size:25px}.snow-explorer .snow-mini-card{flex-basis:220px}.snow-mini-card canvas{width:220px;height:151px}.explorer-dialog{width:calc(100% - 16px);padding:10px}.explorer-dialog .explorer-stage{height:290px}}
.explorer-tabs{display:flex;gap:8px;overflow-x:auto;padding:8px 0 18px;scrollbar-width:thin;scroll-snap-type:x proximity}
.explorer-tabs button{flex:0 0 auto;scroll-snap-align:nearest;white-space:nowrap}
.snow-explorer button{min-height:44px;padding:10px 16px;border:1px solid #52616b;background:#12212b;color:#eaf3f6;font:12px Sora,system-ui;cursor:pointer}
.snow-explorer button:hover,.snow-explorer button[aria-pressed=true]{background:#c6ff3d;color:#071016;border-color:#c6ff3d}
.snow-explorer button:focus-visible,.snow-explorer input:focus-visible{outline:3px solid #8bdcff;outline-offset:3px}
.snow-explorer button:disabled{opacity:.45;cursor:wait}
.explorer-card{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);border:1px solid #35454e;background:#101d26}
.explorer-stage{position:relative;min-width:0;height:480px;overflow:hidden;background:radial-gradient(ellipse at center,#253642,#101d26)}
.explorer-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.explorer-stage canvas:active{cursor:grabbing}
.explorer-poster{width:100%;height:100%;object-fit:contain}
.explorer-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.explorer-badge{position:absolute;top:16px;left:16px;pointer-events:none;background:#071016d9;padding:8px 10px;color:#e3d3af;font:10px 'Space Mono',monospace}
.explorer-detail{padding:28px;min-width:0;border-left:1px solid #35454e}
.explorer-pagination{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;font:12px 'Space Mono',monospace;color:#a6b6bd}
.explorer-family{color:#c6ff3d;font:11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.1em}
.explorer-detail h3{font:600 30px/1.2 Sora,system-ui;margin:10px 0 14px;color:#eaf3f6}
.explorer-detail p{font-size:13px;line-height:1.7}
.explorer-detail .explorer-limit{font-size:11px;color:#c2b492;margin-top:12px;min-height:40px}
.explorer-actions{display:flex;gap:8px;margin:20px 0}
.explorer-slider{display:block;font:11px 'Space Mono',monospace;color:#a6b6bd}
.explorer-slider input{display:block;width:100%;margin:14px 0;accent-color:#c6ff3d;min-height:28px}
.explorer-help,.explorer-status,.explorer-footnote{color:#a6b6bd;font:11px/1.7 'Space Mono',monospace}
.explorer-status{margin-top:12px}.explorer-footnote{margin-top:16px;max-width:820px}
@media(max-width:760px){.explorer-card{grid-template-columns:1fr}.explorer-stage{height:330px}.explorer-detail{border-left:0;border-top:1px solid #35454e;padding:20px}.explorer-pagination{margin-bottom:16px}.explorer-detail h3{font-size:25px}.explorer-detail .explorer-limit{min-height:0}}