/* Keep the eye outside the moving drawers and clear of the header controls. */
body.visibility-ui-ready #app > header{
  padding-right:calc(62px + env(safe-area-inset-right));
}
.visibility-eye{
  position:fixed;top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));
  z-index:70;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;
  padding:0;border:1px solid transparent;border-radius:4px;
  background:rgba(20,21,15,.28);color:var(--ink,#edead9);opacity:.78;cursor:pointer;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
.visibility-eye:not(:disabled):hover{opacity:1;background:var(--surface,#1d1e16)}
.visibility-eye:disabled{opacity:.32;cursor:default}
.visibility-eye:focus-visible{opacity:1;outline:2px solid var(--build,#e0a03a);outline-offset:2px}
.visibility-eye svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.visibility-eye .eye-slash{display:none}
.visibility-eye[aria-pressed="true"] .eye-slash{display:block}

body.clean-view #app{display:block!important;position:fixed;inset:0}
body.clean-view #app > :not(#stage),
body.clean-view #stage > :not(canvas){display:none!important}
body.clean-view #stage{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;max-width:none;max-height:none;
  margin:0!important;padding:0!important;flex:none!important;order:0!important;
}
body.clean-view #stage > canvas{width:100%;height:100%;touch-action:none}