#DisarGalleryTrial{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:16px 24px 12px;border:0;background:#222023;color:#fff;overflow:hidden;box-sizing:border-box;z-index:2147483647}
#DisarGalleryTrial::backdrop{background:#222023}
#DisarGalleryTrial[open]{display:flex;flex-direction:column;align-items:center;gap:18px}
#DisarGalleryTrial button{font-family:Arial,sans-serif;text-transform:none;letter-spacing:normal;box-shadow:none;margin:0;min-width:0}
#DisarGalleryTrial .dgt-close{position:absolute;right:18px;top:12px;width:40px;height:40px;padding:0;border:0;background:transparent;color:#fff;font-size:30px;font-weight:300;line-height:1;z-index:4;cursor:pointer}
#DisarGalleryTrial .dgt-counter{position:absolute;left:24px;top:22px;font-size:13px;color:#e9e7e9;z-index:4}
#DisarGalleryTrial .dgt-stage{flex:1;min-height:0;width:100%;display:flex;justify-content:center;align-items:center;position:relative}
#DisarGalleryTrial .dgt-picture{position:relative;display:block;aspect-ratio:1;width:min(76vw,calc(100dvh - 116px));max-height:100%;height:100%;padding:0;border:0;border-radius:8px;overflow:hidden;background:#f5f5f5;cursor:zoom-in;touch-action:none}
#DisarGalleryTrial .dgt-image{display:block;width:100%;height:100%;max-width:none;object-fit:contain;transform-origin:50% 50%;transition:transform .18s ease;user-select:none;-webkit-user-drag:none;pointer-events:none}
#DisarGalleryTrial .dgt-picture.is-zoomed{cursor:zoom-out}
#DisarGalleryTrial .dgt-picture.is-loading .dgt-image,#DisarGalleryTrial .dgt-picture.is-loading .dgt-zoom-hint{opacity:0}
#DisarGalleryTrial .dgt-picture.is-loading::after{content:"";position:absolute;left:calc(50% - 16px);top:calc(50% - 16px);width:32px;height:32px;border:2px solid #ddd;border-top-color:#555;border-radius:50%;animation:dgt-loading .8s linear infinite}
@keyframes dgt-loading{to{transform:rotate(360deg)}}
#DisarGalleryTrial .dgt-picture.is-dragging .dgt-image{transition:none}
#DisarGalleryTrial .dgt-zoom-hint{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:#222a;color:#fff;border-radius:4px;padding:9px 14px;font:14px Arial,sans-serif;pointer-events:none;transition:opacity .15s}
#DisarGalleryTrial .dgt-picture.is-zoomed .dgt-zoom-hint{opacity:0}
@media(hover:hover){#DisarGalleryTrial .dgt-zoom-hint{opacity:0}#DisarGalleryTrial .dgt-picture:hover:not(.is-zoomed) .dgt-zoom-hint{opacity:1}}
#DisarGalleryTrial .dgt-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:0;border:1px solid #d5d0d7;border-radius:50%;background:#fff;color:#3c3340;font-size:30px;line-height:27px;cursor:pointer;z-index:3}
#DisarGalleryTrial .dgt-prev{left:2%}#DisarGalleryTrial .dgt-next{right:2%}
#DisarGalleryTrial .dgt-thumbs{display:flex;gap:12px;max-width:min(88vw,1100px);min-height:52px;max-height:52px;overflow-x:auto;overflow-y:hidden;padding:2px;scrollbar-width:thin;scrollbar-color:#777 transparent}
#DisarGalleryTrial .dgt-thumb{flex:0 0 48px;width:48px;height:48px;display:block;padding:0;border:2px solid transparent;border-radius:7px;background:#f5f5f5;overflow:hidden;cursor:pointer}
#DisarGalleryTrial .dgt-thumb[aria-current="true"]{border-color:#b7a1c6;box-shadow:0 0 0 1px #b7a1c6}
#DisarGalleryTrial .dgt-thumb img{display:block;width:100%;height:100%;object-fit:contain}
#DisarGalleryTrial button:focus-visible{outline:3px solid #d5b8e8;outline-offset:4px}
#DisarGalleryTrial .dgt-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
@media(max-width:600px){#DisarGalleryTrial{padding:58px 10px 16px;gap:20px}#DisarGalleryTrial .dgt-picture{width:100%;height:auto;max-height:100%;aspect-ratio:1}#DisarGalleryTrial .dgt-prev{left:5px}#DisarGalleryTrial .dgt-next{right:5px}#DisarGalleryTrial .dgt-arrow{width:32px;height:32px;background:#fffffff0}#DisarGalleryTrial .dgt-thumbs{max-width:95vw;gap:9px}}
@media(prefers-reduced-motion:reduce){#DisarGalleryTrial .dgt-image,#DisarGalleryTrial .dgt-zoom-hint{transition:none}}