.mystery-inspector{box-sizing:border-box;width:min(1440px,calc(100% - 32px));max-width:none;max-height:94dvh;padding:0;overflow:hidden;border:1px solid #6e819a88;border-radius:18px;background:#0b1527;color:#e2edf9;box-shadow:0 30px 120px #000b}.mystery-inspector[open]{display:flex;flex-direction:column}.mystery-inspector::backdrop{background:#020711c9;backdrop-filter:blur(8px)}.mi-heading{display:flex;justify-content:space-between;gap:18px;align-items:start;flex:none;padding:20px 24px;background:linear-gradient(110deg,#1b2440,#101d31);border-top:2px solid #a994ed}.mi-heading>div>span{font-size:10px;letter-spacing:.08em;color:#a6bed8}.mi-heading h2{font-size:25px;margin:5px 0;color:#eef4ff}.mi-heading p{font-size:11px;color:#8ea9c4;margin:0}.mi-heading button{border:1px solid #65799477;border-radius:8px;padding:9px 12px;white-space:nowrap;background:#1b2a41;color:#dce8f4;cursor:pointer}.mi-heading kbd{margin-left:8px;font-size:9px;color:#9babc1}.mi-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:#0e1a2e;border-block:1px solid #6379982b;flex:none}.mi-controls p{margin:0;color:#8da8c2;font-size:11px}.mi-controls label{display:flex;align-items:center;gap:8px;font-size:12px;color:#b4e6df;white-space:nowrap}.mi-controls input{accent-color:#62dbc0}.mi-panels{overflow:auto;overscroll-behavior:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:20px;scrollbar-width:thin;scrollbar-color:#506380 #101a2e}.mystery-inspector[data-compare=true] .mi-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.mi-panel{min-width:0;padding:18px;border:1px solid #354c67;border-radius:12px;background:#0d1b2e;--mi-zoom:1}.mi-panel[hidden]{display:none}.mi-panel>header{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:18px}.mi-panel>header>label{min-width:0;flex:1;display:grid;gap:7px;font-size:10px;letter-spacing:.05em;color:#8da9c5}.mi-panel select{width:100%;min-width:0;padding:10px 9px;border:1px solid #48657d;border-radius:7px;color:#e4effc;background:#15283e;font:inherit;font-size:12px;letter-spacing:0}.mi-zoom{display:flex;flex:none;border:1px solid #496079;border-radius:7px;overflow:hidden}.mi-zoom button{border:0;border-right:1px solid #496079;background:#1c3049;color:#c9def1;padding:9px 10px;cursor:pointer;font-size:12px}.mi-zoom button:last-child{border:0}.mi-zoom button:disabled{opacity:.4;cursor:default}.mi-exhibit-body{min-width:0}.mi-exhibit-body>article{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}.mi-exhibit-body p,.mi-exhibit-body td,.mi-exhibit-body th,.mi-exhibit-body dd,.mi-exhibit-body dt{font-size:13px;line-height:1.7}.mi-exhibit-body h3,.mi-exhibit-body h4{color:#e4f0ff}.mi-viewport{overflow:auto;max-height:55dvh;scrollbar-width:thin;scrollbar-color:#6c80a3 #101d30;border-radius:9px;touch-action:pan-x pan-y}.mi-viewport svg{width:calc(100% * var(--mi-zoom))!important;height:auto!important;max-width:none!important;max-height:none!important;display:block}.mi-panel[style*="--mi-zoom: 1.5"] .mi-viewport,.mi-panel[style*="--mi-zoom: 2"] .mi-viewport,.mi-panel[style*="--mi-zoom: 3"] .mi-viewport{cursor:grab}.mi-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-top:1px solid #465a783f;background:#111e31}.mi-footer>span{font-size:11px;color:#91a7bf}.mi-footer nav{display:flex;gap:8px}.mi-footer button{padding:9px 18px;border:1px solid #5c71916b;border-radius:8px;background:#1a2e46;color:#c9d9ed;cursor:pointer;font-size:12px}.mi-footer button small{display:block;font-size:9px;color:#8da7c2;margin-top:4px}.mi-footer button[aria-pressed=true]{border-color:#7be6cc;background:#20443f}.mi-footer button:disabled{opacity:.4;cursor:not-allowed}.mystery-inspector :is(button,select,input,[tabindex]):focus-visible{outline:2px solid #ba9af5;outline-offset:3px}@media(max-width:760px){.mystery-inspector{width:calc(100% - 12px);max-height:96dvh;border-radius:13px}.mi-heading{padding:15px;gap:10px}.mi-heading h2{font-size:20px}.mi-heading kbd{display:none}.mi-heading button{font-size:11px;padding:8px}.mi-controls{padding:11px 15px}.mi-controls p{display:none}.mi-panels,.mystery-inspector[data-compare=true] .mi-panels{grid-template-columns:minmax(0,1fr);padding:12px;gap:12px}.mi-panel{padding:12px}.mi-panel>header{gap:9px;align-items:end}.mi-zoom button{padding:9px 8px}.mi-footer{padding:11px;gap:8px}.mi-footer>span{display:none}.mi-footer nav{width:100%}.mi-footer button{flex:1;padding:8px 5px}.mi-viewport{max-height:60dvh}}@media(prefers-reduced-motion:reduce){.mystery-inspector *{animation:none!important;transition:none!important}}
.mi-zoom[hidden]{display:none!important}