.ng-help{display:flex;justify-content:space-between;gap:16px;margin:0 0 18px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-family:Arial,sans-serif}.ng-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.ng-card{display:block;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);color:var(--ink);text-align:left;box-shadow:var(--shadow);cursor:pointer}.ng-card:hover,.ng-card:focus-visible{transform:translateY(-2px);outline:3px solid rgba(82,120,94,.35);outline-offset:2px}.ng-thumb{position:relative;display:block;aspect-ratio:4/3;background:#111;overflow:hidden}.ng-thumb img,.ng-thumb video{display:block;width:100%;height:100%;object-fit:cover}.ng-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(0,0,0,.68);color:#fff;font:24px Arial,sans-serif;border:2px solid #fff}.ng-caption{display:grid;gap:2px;padding:12px 14px;font-family:Arial,sans-serif}.ng-caption small{color:#786d55}
body.ng-open{overflow:hidden}.ng-viewer[hidden]{display:none!important}.ng-viewer{position:fixed;inset:0;z-index:99999;display:grid;grid-template-rows:64px minmax(0,1fr) 54px 104px;background:#050605;color:#fff;font-family:Arial,sans-serif}.ng-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 18px;background:#050605}.ng-top-title{display:grid;min-width:0}.ng-top-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-top-title span{font-size:.82rem;color:#c8c8c8}.ng-counter{font-weight:700}.ng-icon{width:44px;height:44px;padding:0;border-radius:50%;background:transparent;color:#fff;font-size:2rem;justify-self:end}.ng-icon:hover{background:#2a2d2a}.ng-main{min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr)}.ng-info{overflow:auto;padding:20px;border-right:1px solid #292b29;background:#080908}.ng-info h2{margin:0 0 14px;font-size:1.25rem}.ng-info p{margin:0 0 14px;color:#ddd}.ng-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:#000}.ng-media{position:absolute;inset:0;overflow:hidden}.ng-media img,.ng-media video{position:absolute;inset:0;width:100%;height:100%;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;display:block;background:#000;transform-origin:center center}.ng-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:58px;height:78px;padding:0;border-radius:12px;background:rgba(25,25,25,.7);color:#fff;font-size:3.6rem;line-height:1}.ng-arrow:hover{background:rgba(70,70,70,.9)}.ng-prev{left:12px}.ng-next{right:12px}.ng-toolbar{display:flex;justify-content:center;align-items:center;gap:8px;background:#050605;border-top:1px solid #222}.ng-toolbar button{width:40px;height:40px;padding:0;border-radius:50%;background:transparent;color:#fff;font-size:1.25rem}.ng-toolbar button:hover{background:#292c29}.ng-filmstrip{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:10px 18px;background:#050605;scrollbar-color:#666 #111}.ng-filmstrip button{flex:0 0 112px;height:80px;padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;background:#151715}.ng-filmstrip button.active{border-color:#4ed4b0}.ng-filmstrip img,.ng-filmstrip video{width:100%;height:100%;display:block;object-fit:cover}.ng-viewer.ng-info-hidden .ng-main{grid-template-columns:minmax(0,1fr)}.ng-viewer.ng-info-hidden .ng-info{display:none}
@media(max-width:800px){.ng-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ng-main{grid-template-columns:minmax(0,1fr)}.ng-info{display:none}.ng-topbar{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.ng-viewer{grid-template-rows:58px minmax(0,1fr) 50px 88px}.ng-filmstrip button{flex-basis:88px;height:64px}.ng-arrow{width:46px;height:64px;font-size:2.8rem}.ng-prev{left:5px}.ng-next{right:5px}}
@media(max-width:480px){.ng-grid{grid-template-columns:1fr 1fr}.ng-caption{padding:9px}.ng-caption strong{font-size:.9rem}.ng-toolbar{gap:2px}.ng-toolbar button{width:36px;height:36px}.ng-filmstrip{padding:8px}.ng-top-title span{display:none}}
