.admin-view-form{margin:0;flex:0 0 auto;display:flex;align-items:center}
.admin-view-mode{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:6px 10px 6px 7px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;cursor:pointer;font:inherit;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.admin-view-mode:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.28)}
.admin-view-mode:active{transform:translateY(1px)}
.admin-view-mode:focus-visible{outline:2px solid #fff;outline-offset:2px}
.admin-view-mode-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(255,255,255,.12)}
.admin-view-mode-icon .icon{width:15px;height:15px}
.admin-view-mode-label{font-size:.78rem;font-weight:800;line-height:1;white-space:nowrap}
.admin-view-mode.is-preview{background:rgba(242,138,109,.18);border-color:rgba(242,138,109,.42)}
.admin-view-mode.is-preview .admin-view-mode-icon{background:rgba(242,138,109,.22)}
@media(max-width:699px){
  /* Auf Mobile exakt dieselbe visuelle Sprache wie der Refresh-Button. */
  .admin-view-mode{
    width:34px;height:34px;min-height:34px;flex:0 0 34px;padding:0;
    border:0;border-radius:50%;background:rgba(255,255,255,.12);box-shadow:none
  }
  .admin-view-mode:hover{background:rgba(255,255,255,.12);border-color:transparent}
  .admin-view-mode:active{transform:scale(.94);background:rgba(255,255,255,.2)}
  .admin-view-mode-icon{width:34px;height:34px;border-radius:50%;background:transparent}
  .admin-view-mode-icon .icon{width:18px;height:18px;stroke-width:2}
  .admin-view-mode.is-preview{background:rgba(242,138,109,.22);border:0}
  .admin-view-mode.is-preview .admin-view-mode-icon{background:transparent}
  .admin-view-mode-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}