.oug-gallery{width:100%;max-width:var(--oug-max-width,760px);margin:20px auto;box-sizing:border-box}.oug-main-wrap{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border:1px solid #e4e4e4;border-radius:10px;background:#f7f7f7}.oug-main-image{width:100%;height:100%;object-fit:var(--oug-fit,contain);display:block;opacity:1;transition:opacity .15s ease}.oug-main-image.is-loading{opacity:.25}.oug-main-nav,.oug-thumb-nav{appearance:none;border:0;background:rgba(255,255,255,.92);color:#222;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.15)}.oug-main-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:54px;border-radius:8px;font-size:36px;line-height:1}.oug-prev{left:12px}.oug-next{right:12px}.oug-caption{margin-top:8px;text-align:center;color:#555;font-size:14px}.oug-thumbs-shell{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:8px;margin-top:12px}.oug-thumbs{display:flex;gap:9px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;padding:4px 2px 8px}.oug-thumb{flex:0 0 76px;width:76px;height:76px;padding:3px;border:2px solid transparent;border-radius:8px;background:#fff;cursor:pointer;overflow:hidden;box-sizing:border-box}.oug-thumb img{width:100%;height:100%;display:block;object-fit:cover;border-radius:5px}.oug-thumb.is-active{border-color:#111}.oug-thumb-nav{width:38px;height:48px;border-radius:7px;font-size:28px;line-height:1}.oug-main-nav:hover,.oug-thumb-nav:hover{background:#fff}@media(max-width:600px){.oug-main-nav{width:38px;height:48px;font-size:30px}.oug-prev{left:8px}.oug-next{right:8px}.oug-thumbs-shell{grid-template-columns:32px minmax(0,1fr) 32px;gap:5px}.oug-thumb-nav{width:32px;height:44px}.oug-thumb{flex-basis:64px;width:64px;height:64px}}