/* GalleryDrive v3.0.0 integration skin. Override variables in each client theme. */
:root{--sdg-accent:#30b9ec;--sdg-ink:#e9f7ff;--sdg-bg:#091a25;--sdg-border:#315469;--sdg-radius:16px}
.sdg-gallery{color:var(--sdg-ink)}.sdg-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}
.sdg-filters button{background:var(--sdg-bg);color:var(--sdg-ink);border:1px solid var(--sdg-border);padding:9px 16px;border-radius:40px;cursor:pointer}
.sdg-filters button.active{background:var(--sdg-accent);color:#06131b}
.sdg-shell{display:flex;align-items:center;gap:10px;min-width:0}.sdg-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;touch-action:auto;overscroll-behavior-y:auto;min-width:0;flex:1;padding:12px 0}
.sdg-card{position:relative;flex:0 0 clamp(185px,24vw,330px);aspect-ratio:4/5;border:1px solid var(--sdg-border);border-radius:var(--sdg-radius);padding:0;overflow:hidden;background:var(--sdg-bg);scroll-snap-align:start;cursor:pointer;color:var(--sdg-ink)}
.sdg-card:focus-visible,.sdg-nav:focus-visible,.sdg-viewer button:focus-visible{outline:3px solid var(--sdg-accent);outline-offset:3px}.sdg-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sdg-card img[hidden]{display:none!important}
.sdg-fallback{position:absolute;inset:0;display:grid;place-items:center;background:var(--sdg-bg)}.sdg-fallback[hidden]{display:none!important}
.sdg-caption{position:absolute;bottom:0;left:0;right:0;display:flex;gap:8px;flex-wrap:wrap;padding:38px 10px 12px;background:linear-gradient(transparent,#06131bdc);z-index:3}
.sdg-kind,.sdg-size{border:1px solid var(--sdg-border);background:#051521e8;color:var(--sdg-ink);border-radius:25px;padding:5px 8px;font-size:10px;font-weight:800}
.sdg-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#061722e8;padding:14px 19px;z-index:3;pointer-events:none}
.sdg-nav{flex:none;display:grid;place-items:center;width:42px;height:50px;border:1px solid var(--sdg-border);border-radius:12px;background:var(--sdg-bg);color:var(--sdg-ink);cursor:pointer}.sdg-nav:disabled{opacity:.25;cursor:not-allowed}.sdg-nav svg{display:block;width:23px;height:23px;transform:none!important;direction:ltr}
.sdg-status{padding:24px;min-width:240px;color:var(--sdg-ink)}.sdg-lock{overflow:hidden}
.sdg-viewer{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;background:#000d;padding:12px}.sdg-viewer.open{display:flex}.sdg-dialog{position:relative;display:flex;flex-direction:column;gap:10px;width:min(94vw,960px);height:min(92dvh,790px);padding:14px;background:var(--sdg-bg);border:1px solid var(--sdg-border);border-radius:var(--sdg-radius);min-height:0}
.sdg-top,.sdg-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--sdg-ink)}.sdg-viewer button{color:var(--sdg-ink);background:#0b293b;border:1px solid var(--sdg-border);border-radius:9px;padding:8px;cursor:pointer}
.sdg-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#06121b;border-radius:10px}.sdg-stage>img{width:100%;height:100%;object-fit:contain}.sdg-stage>iframe{width:100%;height:100%;border:0;background:#000}.sdg-stage>[hidden],[hidden]{display:none!important}
.sdg-stage.expanded{position:fixed;inset:0;z-index:11000;background:#000}.sdg-stage:fullscreen{background:#000}.sdg-spin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#061c2ce6;color:#fff;padding:8px 14px;border-radius:24px;z-index:4}
.sdg-viewer .sdg-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:45px;height:55px;display:grid;place-items:center;padding:0;direction:ltr!important;unicode-bidi:isolate!important}.sdg-arrow svg{width:24px;height:24px;display:block;transform:none!important;fill:none;stroke:currentColor}.sdg-arrow.left{left:7px}.sdg-arrow.right{right:7px}.sdg-arrow:disabled{opacity:.2;pointer-events:none}
.sdg-bottom a{color:var(--sdg-accent)}.sdg-viewer .sdg-expand[hidden]{display:none!important}
@media(max-width:640px){.sdg-dialog{width:calc(100vw - 12px);height:calc(100dvh - 40px);padding:9px}.sdg-card{flex-basis:min(73vw,280px)}.sdg-shell{gap:4px}.sdg-nav{width:34px}.sdg-viewer .sdg-arrow{width:39px;height:49px}}
@media(prefers-reduced-motion:reduce){.sdg-rail{scroll-behavior:auto}}