.overlays-gallery{padding:0}.overlay-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.overlay-filters button{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);padding:10px 16px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:13px}.overlay-filters button span{font-family:monospace;font-size:10px;opacity:.65}.overlay-filters button[aria-pressed=true]{border-color:#55ddf380;background:#16c8e611;color:var(--accent)}.overlay-carousel{border:1px solid #34405a;border-radius:16px;overflow:hidden;background:#101627;box-shadow:0 22px 65px #0003}.overlay-track{min-width:0}.overlay-slide{display:grid;grid-template-columns:1.5fr 1fr;min-width:0;min-height:440px}.overlay-slide[hidden]{display:none}.overlay-stage{position:relative;min-width:0;overflow:hidden;height:440px;border-right:1px solid var(--line);background:radial-gradient(ellipse at 35% 45%,#16c8e608,transparent 70%),#101627;background-image:linear-gradient(#607a9a09 1px,transparent 1px),linear-gradient(90deg,#607a9a09 1px,transparent 1px);background-size:28px 28px}.overlay-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.overlay-frame{position:absolute;inset:0;pointer-events:none}.overlay-frame iframe{position:absolute;left:50%;top:50%;transform-origin:center;border:0;max-width:none;pointer-events:none}.overlay-demo{position:absolute;z-index:2;left:22px;top:20px;padding:5px 9px;border:1px solid #ffffff20;border-radius:5px;background:#101627b3;color:#adb7cc;font-size:9px;letter-spacing:1.1px;text-transform:uppercase;pointer-events:none}.overlay-stage-corner{position:absolute;bottom:20px;left:22px;color:#6a7e9b;font-size:8px;letter-spacing:2px;pointer-events:none}.overlay-info{align-self:center;padding:40px;min-width:0}.overlay-info h2{font-size:36px;letter-spacing:-1.3px;line-height:1.15;margin:22px 0 18px;overflow-wrap:anywhere}.overlay-info p{font-size:14px;color:var(--muted);line-height:1.85}.overlay-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-top:1px solid var(--line);background:#0c1221}.overlay-toolbar p{margin:0;color:#abb7ce;font-size:11px;overflow-wrap:anywhere}.overlay-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.overlay-controls .motion-control{min-width:135px}.overlay-controls button:disabled{opacity:.35;cursor:default}.overlay-selectors{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.overlay-selectors button{display:flex;align-items:center;gap:14px;text-align:left;padding:10px 16px 10px 8px;min-width:240px;max-width:100%;background:#0e1524;border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:13px;cursor:pointer}.overlay-selectors button[hidden]{display:none}.overlay-selectors button[aria-pressed=true]{border-color:#55ddf385;box-shadow:inset 0 -2px #16c8e6}.overlay-selectors img{object-fit:contain;border-radius:5px;background:#101627}.overlay-selectors button span:nth-child(2){flex:1;overflow-wrap:anywhere}.overlay-selectors small{display:block;color:var(--muted);font-size:9px;margin-bottom:4px}.overlay-selectors button>span:last-child{color:var(--accent);margin-left:12px}.overlay-error{font-size:12px;color:var(--muted);margin-top:16px}.nav-links a[aria-current=page]{color:var(--accent)}
@media(max-width:1000px){.nav-links{gap:15px}.overlay-info{padding:28px}.overlay-info h2{font-size:30px}.overlay-slide{grid-template-columns:1.2fr 1fr}}
@media(max-width:750px){.overlay-slide{grid-template-columns:1fr}.overlay-stage{height:340px;border-right:0;border-bottom:1px solid var(--line)}.overlay-info{padding:26px}.overlay-info h2{font-size:28px;margin:15px 0}.overlay-info p{margin-bottom:0}.overlay-toolbar{flex-wrap:wrap;padding:16px}.overlay-controls{width:100%;justify-content:flex-end}.overlay-controls .motion-control{margin-right:auto}.overlay-selectors button{min-width:0;flex:1 1 230px}.overlay-stage-corner{bottom:14px;left:16px}.overlay-demo{left:16px;top:14px}}


.overlays-gallery:not([data-overlay-ready]) .overlay-slide[hidden]{display:grid}.overlays-gallery:not([data-overlay-ready]) .overlay-slide+.overlay-slide{border-top:1px solid var(--line)}.overlays-gallery:not([data-overlay-ready]) .overlay-filters,.overlays-gallery:not([data-overlay-ready]) .overlay-toolbar,.overlays-gallery:not([data-overlay-ready]) .overlay-selectors{display:none}