.csoft-gallery{--csoft-gallery-ratio:16/9;--csoft-gallery-bg:#111116;--csoft-gallery-text:#f7f6f1;--csoft-gallery-muted:#b7b7c3;--csoft-gallery-accent:#eaff6a;margin:32px 0;width:100%;max-width:100%;min-width:0;color:var(--csoft-gallery-text);font-family:Arial,Helvetica,sans-serif}.csoft-gallery *{box-sizing:border-box}.csoft-gallery .csoft-gallery__figure{margin:0;max-width:100%}.csoft-gallery__stage{position:relative;display:grid;place-items:center;aspect-ratio:var(--csoft-gallery-ratio);background:#070709;border:1px solid #3d3d47;border-radius:6px;overflow:hidden;touch-action:pan-y}.csoft-gallery .csoft-gallery__image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;margin:0;object-fit:contain}.csoft-gallery--pixel .csoft-gallery__image{image-rendering:pixelated}.csoft-gallery .csoft-gallery__arrows{position:absolute;inset:auto 14px 14px;display:flex;justify-content:space-between;pointer-events:none}.csoft-gallery [hidden]{display:none!important}.csoft-gallery .csoft-gallery__arrows button{pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;border-radius:4px;border:1px solid #686872;background:#111116;color:#fff;font:24px/1 Arial,sans-serif;padding:0;cursor:pointer}.csoft-gallery .csoft-gallery__arrows button:hover{background:#eaff6a;color:#111}.csoft-gallery__details{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;min-height:42px}.csoft-gallery .csoft-gallery__caption{font-size:13px;line-height:1.6;color:var(--csoft-gallery-muted);margin:0;overflow-wrap:anywhere}.csoft-gallery__counter{font:11px/1.6 monospace;color:var(--csoft-gallery-text);white-space:nowrap;margin-left:auto}.csoft-gallery__thumbs{position:relative;display:flex;gap:10px;overflow-x:auto;max-width:100%;padding:4px 4px 12px;scrollbar-width:thin;scrollbar-color:#73737f #17171d}.csoft-gallery .csoft-gallery__thumb{display:block;flex:0 0 94px;aspect-ratio:1.5;border:2px solid #4a4a54;border-radius:4px;padding:3px;overflow:hidden;background:#111116;opacity:.7;text-decoration:none;cursor:pointer}.csoft-gallery .csoft-gallery__thumb[aria-current=true],.csoft-gallery .csoft-gallery__thumb[aria-pressed=true]{border-color:var(--csoft-gallery-accent);opacity:1}.csoft-gallery .csoft-gallery__thumb:hover{opacity:1}.csoft-gallery .csoft-gallery__thumb img{display:block;object-fit:contain;width:100%;height:100%;margin:0}.csoft-gallery a:focus-visible,.csoft-gallery button:focus-visible{outline:3px solid var(--csoft-gallery-accent);outline-offset:2px}.csoft-gallery__editor-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.csoft-gallery__editor-empty{border:1px dashed #62626b;padding:28px;color:var(--csoft-gallery-text);background:var(--csoft-gallery-bg)}@media(max-width:480px){.csoft-gallery .csoft-gallery__thumb{flex-basis:76px}.csoft-gallery__details{gap:10px}.csoft-gallery .csoft-gallery__arrows{inset:auto 8px 8px}}@media(prefers-reduced-motion:reduce){.csoft-gallery *{scroll-behavior:auto}}