#sdiv .lyth-gallery-main {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: #fff;
    cursor: zoom-in;
}
#sdiv .lyth-gallery-main img.sdiv {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
}
.lyth-gallery-hint {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 3px 8px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .92);
    color: #374151;
    font: 12px/1.6 Arial, sans-serif;
    pointer-events: none;
}
#sbox.lyth-gallery-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 0;
}
#sbox .lyth-gallery-thumb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 64px;
    height: 64px;
    padding: 2px;
    border: 2px solid #e5e7eb;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
}
#sbox .lyth-gallery-thumb img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}
#sbox .lyth-gallery-thumb[aria-pressed="true"] { border-color: #3183d7; }
#sdiv button:focus-visible { outline: 3px solid #e4a62d; outline-offset: 3px; }
.lyth-gallery-dialog {
    box-sizing: border-box;
    width: min(720px, 88vw);
    max-width: 88vw;
    max-height: 78vh;
    margin: auto;
    padding: 16px;
    overflow: auto;
    border: 1px solid #d9dee5;
    border-radius: 8px;
    background: #fff;
    color: #1f2937;
    box-shadow: 0 16px 64px rgba(0, 0, 0, .22);
}
.lyth-gallery-dialog::backdrop { background: rgba(15, 23, 42, .48); }
.lyth-gallery-dialog-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 8px;
    font: 600 15px/1.5 Arial, sans-serif;
    text-align: left;
}
.lyth-gallery-dialog-header button {
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid #d9dee5;
    border-radius: 4px;
    background: #fff;
    color: #1f2937;
    font: 26px/1 Arial, sans-serif;
    cursor: pointer;
}
.lyth-gallery-preview { display: flex; align-items: center; justify-content: center; }
.lyth-gallery-viewer { display: flex; align-items: center; gap: 8px; }
.lyth-gallery-viewer .lyth-gallery-preview { flex: 1; min-width: 0; }
.lyth-gallery-arrow {
    flex: 0 0 36px;
    width: 36px;
    height: 44px;
    padding: 0;
    border: 1px solid #d9dee5;
    border-radius: 4px;
    background: #fff;
    color: #1f2937;
    font: 32px/1 Arial, sans-serif;
    cursor: pointer;
}
.lyth-gallery-arrow:hover { border-color: #3183d7; color: #3183d7; }
.lyth-gallery-count { margin-top: 8px; text-align: center; font: 14px/1.5 Arial, sans-serif; color: #4b5563; }
@media (max-width: 479px) {
    .lyth-gallery-viewer { gap: 4px; }
    .lyth-gallery-arrow { flex-basis: 30px; width: 30px; }
}
.lyth-gallery-preview img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 62vh;
    object-fit: contain;
}