/* One quiet, readable control language for galleries and image previews. */
button.icon-control,.module-zoom.icon-control {
  display:inline-grid;place-items:center;flex:0 0 44px;
  width:44px;height:44px;min-width:44px;min-height:44px;padding:0;
  border:1px solid #3f3f46;border-radius:50%;background:#141416;color:#e4e4e7;
  font:inherit;cursor:pointer;
  transition:background-color .2s,border-color .2s,color .2s,transform .2s;
}
.icon-control svg{display:block;width:20px;height:20px;pointer-events:none}
button.icon-control:hover{border-color:#71717a;background:#232327;color:#fff}
button.icon-control:active{transform:scale(.96)}
button.icon-control:focus-visible{outline:2px solid var(--module-text,var(--focus,#b9c4d4));outline-offset:2px}
.module-controls .module-pause.icon-control,.labs-gallery-controls [data-labs-pause].icon-control{padding:0;margin-left:8px}
.module-controls,.labs-gallery-controls{font-variant-numeric:tabular-nums}
.image-dialog{
  box-sizing:border-box;width:min(96vw,1600px);max-width:96vw;max-height:94dvh;
  padding:12px;border:1px solid #3f3f46;border-radius:18px;background:#101014;
  overflow:auto;box-shadow:0 24px 80px #0008;
}
.image-dialog form.image-dialog-toolbar{
  position:static;display:flex;align-items:center;justify-content:space-between;
  gap:20px;margin:0 0 12px;padding:0 0 0 8px;color:#b4b4bd;font-size:13px;
}
.image-dialog .image-dialog-close{flex-shrink:0}
.image-dialog img,.image-dialog img.image-view-telemetry-operation{
  display:block;width:auto;max-width:100%;height:auto;max-height:calc(94dvh - 94px);
  aspect-ratio:auto;object-fit:contain;object-position:center;margin:auto;border-radius:8px;
}
.image-dialog::backdrop{background:#050508e8;backdrop-filter:blur(8px)}
@media(max-width:700px){.image-dialog{padding:8px;border-radius:14px}.image-dialog form.image-dialog-toolbar{margin-bottom:8px}.image-dialog img,.image-dialog img.image-view-telemetry-operation{max-height:calc(94dvh - 78px)}}
@media(prefers-reduced-motion:reduce){button.icon-control{transition:none}}