/* Автономная панель: без UIkit, FontAwesome и внешних ресурсов. */
.panel-assets, .gticon-assets { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.4; letter-spacing: normal; }
.panel-assets *, .gticon-assets * { box-sizing: border-box; }
.panel-assets[hidden], .gticon-assets [hidden], .panel-assets [hidden], .bvi-trigger-hidden { display: none !important; }
.panel-assets { position: sticky; top: 0; z-index: 2147483000; background: var(--bvi-bg, #fff); color: var(--bvi-color, #000); border-bottom: 2px solid currentColor; padding: 12px; max-height: 60vh; overflow: auto; }
.bvi-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; max-width: 1400px; margin: auto; }
.assets-block { text-align: center; }
.assets-title { margin: 0 0 8px; font: bold 16px/1.4 Arial, sans-serif; color: inherit; }
.bvi-controls { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.panel-assets button, .gticon-assets button { appearance: none; font: bold 16px/1.4 Arial, sans-serif; letter-spacing: normal; text-transform: none; min-width: 44px; min-height: 44px; padding: 8px 10px; border: 2px solid currentColor; border-radius: 4px; background: var(--bvi-bg, #fff); color: var(--bvi-color, #000); cursor: pointer; }
.panel-assets button:hover, .gticon-assets button:hover { text-decoration: underline; }
.panel-assets button:focus-visible, .gticon-assets button:focus-visible { outline: 3px solid #e76f00; outline-offset: 3px; }
.panel-assets button[aria-pressed="true"] { box-shadow: inset 0 0 0 2px currentColor; text-decoration: underline; }
.panel-assets button:disabled { opacity: .6; cursor: default; }
.panel-assets .color-body-white { background: #fff; color: #000; }
.panel-assets .color-body-black { background: #000; color: #fff; }
.panel-assets .color-body-blue { background: #9dd1ff; color: #063462; }
.panel-assets .color-body-brown { background: #f7f3d6; color: #4d4b43; }
.panel-assets .color-body-green { background: #3b2716; color: #a9e44d; }
.a-show { position: fixed; top: 10px; right: 10px; z-index: 2147483000; }
body.assets { background-color: var(--bvi-bg) !important; color: var(--bvi-color) !important; }
body.assets > :not(.panel-assets):not(.gticon-assets):not(.assebility):not([data-bvi-toggle]),
body.assets > :not(.panel-assets):not(.gticon-assets):not(.assebility):not([data-bvi-toggle]) * {
    background-color: var(--bvi-bg) !important;
    background-image: none !important;
    color: var(--bvi-color) !important;
    border-color: var(--bvi-color) !important;
    text-shadow: none !important;
    letter-spacing: var(--bvi-spacing) !important;
    line-height: var(--bvi-line-height) !important;
    font-size: calc(var(--bvi-base-size, 16px) * var(--bvi-scale)) !important;
}
body.assets a { text-decoration: underline !important; }
body.assets a:focus-visible, body.assets button:focus-visible, body.assets input:focus-visible { outline: 3px solid #e76f00 !important; outline-offset: 3px; }
body.assets.bvi-images-off img, body.assets.bvi-images-off picture { display: none !important; }
body.assets.a-images-adjust img, body.assets.a-images-adjust picture { filter: grayscale(1) !important; }
@media (max-width: 600px) {
    .panel-assets { max-height: 50vh; padding: 8px; }
    .bvi-container { gap: 10px; }
    .assets-block { width: 100%; }
    .a-show { max-width: calc(100vw - 20px); }
}