/* Direct mute with one compact volume control on hover, focus or touch hold. */
[data-audio-mount]{display:inline-flex;align-items:center;flex:0 0 44px;width:44px;min-width:44px;min-height:44px}
.gaudio-trigger{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;border:0;background:transparent;color:var(--ink,#f3f4f6);cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none}
.gaudio-icon{display:block;width:20px;height:20px;max-width:none;object-fit:contain;filter:invert(1)}
html[data-theme=light] .gaudio-icon{filter:none}
.gaudio-trigger[aria-pressed=true]>.gaudio-icon{opacity:.6}
.gaudio-trigger:focus-visible,.gaudio-panel :is(button,input):focus-visible{outline:2px solid var(--accent-indicator,var(--ink));outline-offset:4px}
.gaudio-panel{position:fixed;inset:auto;margin:0;width:min(224px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:10px 16px;border:1px solid var(--line,rgb(243 244 246/.18));border-radius:2px;background:var(--surface,#151719);color:var(--ink,#f3f4f6);font:400 14px/1.5 var(--font,Inter,Arial,sans-serif);box-sizing:border-box;overflow:visible;overscroll-behavior:contain;box-shadow:0 16px 48px rgb(0 0 0/.24)}
.gaudio-panel::before{content:'';position:absolute;inset:-10px 0 auto;height:10px}
.gaudio-panel::backdrop{background:transparent}
.gaudio-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:44px}
.gaudio-row output{min-width:4ch;font-size:12px;font-variant-numeric:tabular-nums;text-align:right;color:var(--muted,#b3b8c1)}
.gaudio-hint,.gaudio-label,.gaudio-status[data-notice=false]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.gaudio-status,.gaudio-note{margin:6px 0 10px;font-size:13px;line-height:1.6;color:var(--muted,#b3b8c1)}
.gaudio-panel input[type=range]{display:block;appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-width:0;height:44px;margin:0;padding:0;border:0;background:transparent;accent-color:var(--accent-indicator,var(--ink));cursor:pointer;touch-action:none}
.gaudio-panel input[type=range]::-webkit-slider-runnable-track{height:2px;border:0;background:var(--line-strong,var(--muted))}
.gaudio-panel input[type=range]::-moz-range-track{height:2px;border:0;background:var(--line-strong,var(--muted))}
.gaudio-panel input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-5px;border:0;border-radius:50%;background:var(--accent-indicator,var(--ink))}
.gaudio-panel input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--accent-indicator,var(--ink))}
.gaudio-panel input[type=range]:disabled{cursor:default;opacity:.5}
.gaudio-actions{display:flex;align-items:center;margin-top:0}
.gaudio-retry{min-height:44px;padding:8px 0;border:0;border-bottom:1px solid var(--accent-indicator,var(--ink));background:transparent;color:inherit;font:inherit;cursor:pointer}
.gaudio-panel [hidden],.gaudio-panel[hidden]{display:none!important}
@media(forced-colors:active){.gaudio-panel{border-color:CanvasText;background:Canvas;color:CanvasText;box-shadow:none}.gaudio-panel input[type=range]{appearance:auto;-webkit-appearance:auto;forced-color-adjust:auto}.gaudio-row output,.gaudio-status,.gaudio-note{color:CanvasText}}
@media(forced-colors:active) and (prefers-color-scheme:dark){.gaudio-icon{filter:invert(1)!important}}
@media(forced-colors:active) and (prefers-color-scheme:light){.gaudio-icon{filter:none!important}}
@media print{.gallery-audio,.gaudio-panel{display:none!important}}