/* Same-page image viewer. These styles do not disable saving on MusikMozuku. */
.mm-image-dialog{box-sizing:border-box;width:min(1380px,calc(100vw - 40px));height:calc(100vh - 40px);height:calc(100dvh - 40px);max-width:none;max-height:none;padding:0;margin:auto;overflow:hidden;border:1px solid #b29cce55;border-radius:18px;background:#19162a;color:#f0eafa;box-shadow:0 30px 120px #0e071888;color-scheme:dark;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}
.mm-image-dialog[open]{display:flex;flex-direction:column}
.mm-image-dialog::backdrop{background:#100c1fe8;backdrop-filter:blur(7px)}
.mm-image-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none;padding:14px 20px;border-bottom:1px solid #b29cce33}
.mm-image-dialog-header h2{min-width:0;max-height:3.6em;overflow:auto;margin:0;font-size:15px;line-height:1.8;font-weight:500;overflow-wrap:anywhere;color:#f0eafa}
.mm-image-dialog .mm-image-dialog-close{flex:none;min-height:42px;min-width:92px;padding:7px 15px;border:1px solid #b29cce55;border-radius:9px;background:#c9b4ed11;color:#f0eafa;font:inherit;font-size:12px;cursor:pointer}
.mm-image-panel{box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;flex:1;min-width:0;min-height:0;padding:0 16px;background:#19162a;color:#f0eafa;color-scheme:dark}
.mm-image-panel *{box-sizing:border-box}
.mm-image-panel [hidden]{display:none!important}
.mm-image-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 0}
.mm-image-modes,.mm-image-zoom{display:flex;align-items:center;gap:5px}
.mm-image-panel .mm-image-toolbar button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:42px;margin:0;padding:7px 13px;border:1px solid #b29cce55;border-radius:9px;background:#c9b4ed0a;color:#f0eafa;font:inherit;font-size:12px;line-height:1.5;cursor:pointer}
.mm-image-panel .mm-image-toolbar button[aria-pressed="true"]{background:#d6bce7;border-color:#d6bce7;color:#241c31}
.mm-image-panel .mm-image-toolbar button:disabled{cursor:default;opacity:.4}
.mm-image-panel .mm-image-zoom button{font-size:18px;padding:4px 10px}
.mm-image-zoom output{display:block;min-width:52px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;color:#c3b6d5}
.mm-image-stage{min-width:0;min-height:0;overflow:auto;border:1px solid #b29cce33;border-radius:12px;background:#100e1b;scrollbar-color:#736180 #171322;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.mm-image-canvas{width:max-content;min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:18px}
.mm-image-panel .mm-image-canvas img{display:block;flex:none;width:auto;max-width:none;max-height:none;height:auto;margin:0;padding:0;object-fit:contain;border:0;border-radius:0;box-shadow:none;background:transparent;transform:none}
.mm-image-panel .mm-image-message{max-width:min(440px,70vw);margin:0;text-align:center;font-size:13px;line-height:1.9;color:#d3c8df}
.mm-image-panel .mm-image-hint{margin:10px 0 12px;text-align:center;font-size:10px;line-height:1.6;color:#b8a9ca}
.mm-image-dialog :focus-visible,.mm-image-panel :focus-visible{outline:3px solid #d5b6f5;outline-offset:-3px}
.mm-image-dialog-close:hover,.mm-image-toolbar button:hover:not(:disabled){background:#c9b4ed22}
/* Creator works expand inside their existing dialog and return to their details. */
.cr-viewer #cr-viewer-original{padding:10px 0;border:0;background:transparent;color:var(--cr-deep,#62467b);font:inherit;font-size:11px;cursor:pointer}
.cr-viewer .cr-viewer-back{display:inline-flex;align-items:center;min-height:40px;margin:0;padding:6px 12px;border:1px solid var(--cr-edge,#bda9ce);border-radius:8px;background:var(--cr-surface-alt,#e4dbef);color:var(--cr-deep,#62467b);font:inherit;font-size:12px;cursor:pointer}
.cr-viewer .cr-viewer-back[hidden]{display:none}
.cr-viewer.cr-viewer-expanded{height:calc(100vh - 40px);height:calc(100dvh - 40px)}
.cr-viewer-expanded>.cr-viewer-body,.cr-viewer-expanded>.cr-viewer-bottom{display:none}
.cr-viewer>.mm-image-panel[hidden]{display:none}
.cr-viewer.cr-viewer-expanded .cr-viewer-top>p{display:none}
@media(max-width:640px){
  .mm-image-dialog{width:calc(100vw - 16px);height:calc(100vh - 16px);height:calc(100dvh - 16px);border-radius:12px}
  .mm-image-dialog-header{gap:12px;padding:10px 12px}
  .mm-image-dialog-header h2{font-size:12px;max-height:3.6em}
  .mm-image-dialog .mm-image-dialog-close{min-width:78px;min-height:42px;padding:7px 11px;font-size:11px}
  .mm-image-panel{padding:0 8px}
  .mm-image-toolbar{gap:8px;padding:9px 0}
  .mm-image-panel .mm-image-toolbar button{padding-inline:9px;font-size:11px}
  .mm-image-panel .mm-image-zoom button{font-size:18px}
  .mm-image-zoom output{min-width:42px}
  .mm-image-canvas{padding:10px}
  .mm-image-panel .mm-image-hint{font-size:9px;margin:8px 0}
  .cr-viewer.cr-viewer-expanded{height:calc(100vh - 16px);height:calc(100dvh - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}
  .cr-viewer .cr-viewer-back{font-size:11px;padding-inline:9px}
}