.mm-image-viewer{color:#e2e8f0;background:#020617;flex-direction:column;height:100%;min-height:240px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:flex}.mm-image-viewer.is-switching-source .mm-image-viewer-toolbar,.mm-image-viewer.is-switching-source .mm-image-viewer-stage-row{pointer-events:none}.mm-image-viewer-toolbar{border-bottom:1px solid #1e293b;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 12px;font-size:.82rem;display:flex}.mm-image-viewer-toolbar button{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:4px;padding:4px 8px}.mm-image-viewer-toolbar button.active{border-color:#38bdf8}.mm-image-viewer-toolbar button:disabled{opacity:.4;cursor:not-allowed}.mm-image-viewer-toolbar input[type=number]{width:5.5rem}.mm-image-viewer-toolbar label{align-items:center;gap:6px;display:flex}.mm-layout-controls,.mm-channel-controls{gap:4px;display:flex}.mm-image-viewer-toolbar .mm-channel-radio,.mm-image-viewer-toolbar .mm-icon-radio{gap:0;display:grid}.mm-channel-radio{color:#94a3b8;cursor:pointer;border:1px solid #334155;border-radius:6px;place-items:center;min-width:28px;height:24px;padding:0 5px;display:grid;position:relative}.mm-channel-radio:has(input:checked){color:#38bdf8;background:#38bdf82e;border-color:#38bdf8}.mm-channel-radio input{opacity:0;width:1px;height:1px;position:absolute}.mm-icon-radio{color:#94a3b8;cursor:pointer;border:1px solid #334155;border-radius:6px;place-items:center;width:28px;height:24px;display:grid;position:relative}.mm-icon-radio:has(input:checked){color:#38bdf8;background:#38bdf82e;border-color:#38bdf8}.mm-icon-radio input{opacity:0;width:1px;height:1px;position:absolute}.mm-icon-radio svg{width:15px;height:15px}.mm-options-menu{position:relative}.mm-options-button{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:6px;place-items:center;width:28px;height:24px;padding:0;display:grid}.mm-image-viewer-toolbar .mm-options-button{color:#e2e8f0;background:0 0;width:28px;height:24px;padding:0}.mm-options-button svg{width:15px;height:15px}.mm-options-panel{z-index:40;background:#0f172a;border:1px solid #334155;border-radius:8px;gap:8px;min-width:170px;padding:10px;display:grid;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 12px 28px #0000008c}.mm-radio{color:#94a3b8;cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.mm-radio.disabled{opacity:.4;cursor:not-allowed}.mm-menu-action{white-space:nowrap;color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;width:100%;padding:3px 6px;font-size:11px;display:flex}.mm-image-viewer-toolbar .mm-menu-action{color:#94a3b8;background:0 0;border:0;border-radius:4px;padding:3px 6px}.mm-menu-action svg{width:15px;height:15px}.mm-image-viewer-stage-row{flex:1;min-width:0;min-height:0;display:flex}.mm-image-viewer-panes{flex:1;min-width:0;min-height:0;display:flex;position:relative}.mm-slice-control{color:#94a3b8;border-left:1px solid #1e293b;flex:0 0 44px;grid-template-rows:auto minmax(80px,1fr) auto;place-items:center;gap:5px;padding:7px 4px;font-size:10px;display:grid}.mm-slice-control input[type=range]{writing-mode:vertical-lr;direction:ltr;width:18px;height:100%;min-height:80px;padding:0}.mm-image-viewer-panes[data-layout=stack]{flex-direction:column}.mm-image-pane{border-right:1px solid #1e293b;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.mm-image-viewer-panes[data-layout=stack] .mm-image-pane{border-bottom:1px solid #1e293b;border-right:0}.mm-image-pane:last-child{border-bottom:0;border-right:0}.mm-image-pane-header{border-bottom:1px solid #1e293b;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 10px;font-size:.78rem;display:flex}.mm-image-pane-header label{align-items:center;gap:6px;display:flex}.mm-image-pane-header select{width:64px;height:24px;padding:2px 4px;font-size:11px}.mm-copy-button{color:#e2e8f0;cursor:pointer;background:#020617;border:1px solid #334155;border-radius:6px;justify-content:center;align-items:center;width:28px;height:24px;margin-left:auto;padding:2px;display:inline-flex}.mm-copy-button:disabled{opacity:.4;cursor:not-allowed}.mm-copy-button svg{width:15px;height:15px}.mm-range-button{color:#e2e8f0;cursor:pointer;background:#020617;border:1px solid #334155;border-radius:6px;justify-content:center;align-items:center;width:28px;height:24px;padding:2px;display:inline-flex}.mm-range-button svg{width:15px;height:15px}.mm-image-plot{background:#020617;flex:1;min-height:0;position:relative}.mm-image-axes{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mm-image-viewer-stage{touch-action:none;background:#000;position:absolute}.mm-image-viewer-guide{z-index:1;box-sizing:border-box;pointer-events:none;background:#38bdf82e;border:1px solid #38bdf8e6;position:absolute}.mm-image-viewer-stage canvas{width:100%;height:100%;display:block}.mm-image-viewer-status{z-index:2;pointer-events:none;background:#0f172abf;border-radius:4px;margin:0;padding:4px 8px;font-size:.75rem;position:absolute;bottom:12px;right:12px}.mm-image-viewer-status.error{color:#fecaca}.mm-range-popover{z-index:10000;box-sizing:border-box;color:#e5e7eb;background:#07101f;border:1px solid #38bdf8;border-radius:10px;width:330px;padding:7px;font-family:system-ui,sans-serif;position:fixed;box-shadow:0 16px 38px #0000008c}.mm-histogram-wrap{background:#020617;padding:4px}.mm-range-histogram{cursor:ew-resize;touch-action:none;width:300px;height:100px;display:block}.mm-range-fields{align-items:center;gap:5px;margin-top:5px;font-size:10px;display:flex}.mm-range-fields label{color:#94a3b8;align-items:center;gap:3px;display:flex}.mm-range-fields input[type=number]{color:#e5e7eb;background:#020617;border:1px solid #334155;border-radius:6px;width:92px;padding:2px 4px;font-size:10px}.mm-range-fields button{color:#e5e7eb;cursor:pointer;background:#020617;border:1px solid #334155;border-radius:6px;padding:2px 6px;font-size:10px}.mm-range-log{color:#94a3b8;white-space:nowrap;cursor:pointer;align-items:center;gap:3px;display:flex}.mm-range-log input{width:auto}html,body,#app{height:100%;margin:0}.demo-page{color:#e2e8f0;background:#020617;flex-direction:column;height:100%;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:flex}.demo-page>header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;padding:16px 20px 12px;display:flex}.demo-page h1,.demo-page p{margin:0}.demo-page nav{flex-wrap:wrap;gap:8px;display:flex}.demo-page button{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:6px 10px}.demo-page button.active{border-color:#38bdf8}.demo-page button:disabled{opacity:.4;cursor:not-allowed}.demo-page .mm-image-viewer{flex:1;min-height:0}