.microscopy-tabs { display:flex; gap:6px; padding:10px 16px; border-bottom:1px solid #82917555; }
.microscopy-tabs button { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid transparent; border-radius:5px; background:transparent; color:inherit; cursor:pointer; }
.microscopy-tabs [aria-selected="true"] { background:#82917525; border-color:#829175; font-weight:600; }
.microscopy-tabs svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; }
.microscopy-tabs button:focus-visible, .microscopy-panel :focus-visible { outline:2px solid #829175; outline-offset:3px; }
#source-canvas[hidden], #microscopy-panel[hidden], .microscopy-panel [hidden] { display:none!important; }
.microscopy-panel { padding:16px; overflow:auto; }
.microscopy-actions { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.microscopy-panel button, .microscopy-panel select, .microscopy-gallery a { padding:8px 12px; border:1px solid #829175; border-radius:5px; background:transparent; color:inherit; cursor:pointer; }
.microscopy-panel button:disabled { opacity:.5; cursor:default; }
.microscopy-device { display:block; margin-bottom:12px; }
.microscopy-panel video { width:100%; max-height:320px; object-fit:contain; background:#131916; border-radius:6px; margin-bottom:12px; }
.microscopy-help { font-size:12px; line-height:1.5; opacity:.8; }
.microscopy-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; padding:0; list-style:none; }
.microscopy-gallery li { border:1px solid #82917555; border-radius:6px; padding:8px; min-width:0; }
.microscopy-gallery img { width:100%; height:150px; object-fit:contain; }
.microscopy-gallery p { overflow-wrap:anywhere; font-size:12px; }
.microscopy-gallery a { display:inline-block; font-size:12px; margin:0 6px 6px 0; }