/* v1.7.1 screenshot reference: native UI stays black in both site themes. */
[data-magnet-version]{background:var(--md-default-bg-color);color:var(--md-default-fg-color);border-color:#b9cee4;border-radius:.35rem;box-shadow:none}
[data-magnet-version] [hidden]{display:none!important}
[data-magnet-version] button:focus-visible,[data-magnet-version] input:focus-visible,[data-magnet-version] select:focus-visible,[data-magnet-version] a:focus-visible{outline:3px solid #63c5ff;outline-offset:3px}
.mr-brief{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(12rem,1fr);gap:1rem;padding:1rem;background:#eff6fe;color:#233d5b}
.mr-brief span{font-size:.55rem;letter-spacing:.08em;font-weight:800;color:#246cb6}
.md-typeset .mr-brief h4{margin:.25rem 0 .45rem!important;color:#173e69!important;font-size:.95rem}
.md-typeset .mr-brief p{margin:0;font-size:.68rem;line-height:1.65}
.mr-brief dl{margin:0;display:grid;gap:.5rem;font-size:.62rem;border-left:1px solid #c4d8ef;padding-left:1rem}
.mr-brief dt{font-weight:800;color:#246cb6}.mr-brief dd{margin:0}
[data-magnet-version] .susa-magnet-lab__coach{border:0;background:#173e69}
[data-magnet-version] .susa-magnet-lab__coach>div:last-child{display:flex;align-items:center;gap:.4rem}
[data-magnet-version] .susa-magnet-lab__steps{margin:0!important;background:#edf5ff}
[data-magnet-version] .susa-magnet-lab__steps li{flex-basis:16.66%;color:#203c60}
.mr-context{margin:.75rem 1rem!important;font-size:.6rem;line-height:1.55;color:var(--md-default-fg-color--light)}
.mr-native{margin:0 auto;max-width:684px;border:1px solid #6c6c6c;color:#919191;background:#000;font:14px/1.45 "Segoe UI",Arial,sans-serif;box-shadow:0 5px 18px #0002}
.mr-titlebar{display:flex;align-items:center;gap:5px;min-height:26px;padding:3px 6px;color:#171717;background:#f3f3f3;font:12px/1.3 "Segoe UI",Arial,sans-serif}
.mr-titlebar img{width:16px;height:16px;object-fit:contain;border:0!important;box-shadow:none!important}
.mr-titlebar>span{flex:1}.mr-titlebar i{font-style:normal;white-space:nowrap;color:#555}
.mr-native button,.mr-dialog button{padding:3px 13px;min-height:27px;border:1px solid #aaa;border-radius:3px;color:#000;background:linear-gradient(#fff,#ededed);font:14px/1.35 "Segoe UI",Arial,sans-serif;cursor:pointer}
.mr-native button:disabled,.mr-dialog button:disabled{opacity:.5}
.mr-configuration{padding:0 14px 14px}
.md-typeset .mr-instruction{margin:13px 0 18px;color:#b5b5b5;font-size:16px;font-weight:700;line-height:1.35}
.mr-form-border{border:1px solid #666;padding:9px 16px 16px}
.mr-native fieldset{min-width:0;margin:0 0 20px;padding:18px 18px 16px;border:1px solid #aaa}
.mr-native fieldset:last-child{margin-bottom:0}
.mr-native legend{padding:0 8px;color:#969696;font-size:14px;font-weight:700}
.mr-native fieldset label{display:flex;align-items:center;gap:7px;color:#369ed3;font-size:18px;line-height:1.45;margin:0 0 7px;font-weight:400}
.mr-native input[type=checkbox],.mr-dialog input[type=checkbox]{width:13px;height:13px;margin:0;flex-shrink:0;accent-color:#0078d4}
.mr-native input[type=text]{width:100%;min-width:0;padding:1px 3px;border:2px solid #dedede;border-radius:0;color:#000;background:#aaa;font:14px/1.35 "Segoe UI",Arial,sans-serif}
.mr-native .mr-case{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;color:#999;font-size:16px;font-weight:700;margin:0}
.mr-native .mr-option{display:flex;align-items:center;justify-content:space-between;gap:8px}.mr-option label{margin:0!important}
.mr-native .mr-critical{justify-content:flex-start;margin-bottom:9px}.mr-critical button{min-width:113px}
.mr-native .mr-sub{margin-left:22px;font-size:16px}
.mr-native .mr-small{margin-left:42px;font-size:12px;flex-wrap:wrap}
.mr-native .mr-small input[type=text]{width:62px;font-size:14px}
.mr-native .mr-keywords{width:calc(100% - 42px);margin:0 0 6px 42px}
.mr-native label[for=mr-output]{color:#999;font-size:16px;font-weight:700;margin-bottom:7px!important}
.mr-start{display:flex;justify-content:flex-end;margin-top:17px}
.mr-start button{min-width:185px;min-height:47px;font-size:20px;font-weight:700}
.mr-profile{margin:.65rem 1rem .9rem!important;padding:.5rem .65rem;border-left:3px solid #246cb6;background:#edf5ff;color:#234364;font-size:.6rem;line-height:1.5}
.mr-dialog{width:min(390px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 36px);padding:0;border:1px solid #888;color:#a9a9a9;background:#000;box-shadow:0 16px 60px #0008;font:16px/1.45 "Segoe UI",Arial,sans-serif}
.mr-dialog::backdrop{background:#0a162080}.mr-dialog-body{padding:10px}
.mr-titlebar button{min-height:20px;border:0;border-radius:0;background:transparent;color:#555;padding:0 5px;font-size:18px}
.md-typeset .mr-dialog h4{margin:0 0 18px!important;font-size:20px;font-weight:700;color:#bbb!important}
.mr-preset{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:7px;font-size:14px}.mr-preset select{width:60%;background:#fff;color:#111;min-height:25px}
.mr-dialog .susa-magnet-lab__file-list{height:398px;max-height:50dvh;overflow-y:auto;gap:7px;padding:5px 14px;border:1px solid #aaa;scrollbar-color:#aaa #f3f3f3;background:#000}
.mr-dialog .susa-magnet-lab__file-list label{display:flex;align-items:center;gap:6px;font-size:16px;color:#bbb}
.mr-dialog .susa-magnet-lab__file-list input:checked+span{color:#369ed3}
.mr-dialog-feedback{font-size:12px;line-height:1.45;color:#86cfff;margin:8px 0!important}
.mr-dialog footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.mr-dialog footer>div{display:grid;gap:7px}
.mr-dialog footer>button{min-height:35px}
.mr-picker{width:min(510px,calc(100vw - 28px))}.mr-picker p{font-size:14px}
.mr-picker [data-magnet-pick]{display:grid;width:100%;gap:5px;text-align:left;padding:12px;margin-bottom:10px}.mr-picker small{font-size:12px;font-weight:400}
.mr-running{padding:16px 12px;position:relative;min-height:270px}
.mr-brand{display:flex;gap:20px;align-items:flex-start;margin-bottom:42px}.mr-brand>div:first-child{display:flex;align-items:center;gap:12px;width:44%}
.mr-brand img{width:34%;max-width:none!important;border:0!important;box-shadow:none!important}.mr-brand b{font-size:28px;line-height:1;color:#888;letter-spacing:-1px}.mr-brand b small{display:block;margin-top:7px;font-size:13px;letter-spacing:5px}
.mr-brand>div:last-child{flex:1;text-align:right}.mr-brand strong{font-size:26px;font-weight:700;white-space:nowrap}.mr-brand p{font-size:10px;margin:2px 0!important}.mr-native a{color:#00aaff;text-decoration:underline;font-size:12px}
.mr-operation{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.mr-operation strong{font-size:14px;color:#999}
.mr-progress{height:52px;border:2px solid #ccc;background:#e6e6e6}.mr-progress span{display:block;height:100%;width:0;background:linear-gradient(#a9becb,#007aca);transition:width .15s linear}
.mr-completed{position:absolute;top:12px;left:12%;right:3%;border:1px solid #999;border-radius:5px;overflow:hidden;background:#000;box-shadow:0 8px 24px #0006}.mr-completed>div{padding:18px 20px}.mr-completed strong{color:#bbb}.mr-completed p{font-size:14px;margin:20px 0 8px!important;overflow-wrap:anywhere}.mr-completed p+p{margin:0 0 25px!important}
.mr-completed footer{display:flex;justify-content:space-between;gap:15px}.mr-completed button:last-child{min-width:100px}.mr-native .mr-link{padding:0;min-width:0;border:0;background:transparent;color:#00aaff;text-decoration:underline}
[data-magnet-version] .susa-magnet-lab__result{margin:1rem;border-color:#b9cee4;background:#0e1c2a}
[data-magnet-version] .susa-magnet-lab__result header small{display:block;color:#8ec7ff;font-size:.52rem;font-weight:800;letter-spacing:.05em}
[data-magnet-version] .susa-magnet-lab__result header p{font-size:.62rem;color:#d1dce8;line-height:1.6}
[data-magnet-version] .susa-magnet-lab__review>label{grid-column:1/-1;color:#fff;font-size:.68rem}
[data-magnet-version] .susa-magnet-lab__review select{font-size:.65rem;padding:.4rem}
.mr-next{padding:.85rem;border-top:1px solid #34434e;color:#d4e2ef}.md-typeset .mr-next h4{color:#fff!important;margin:0!important;font-size:.8rem}.mr-next p{font-size:.65rem;line-height:1.6}
.mr-next>div[role=group]{display:grid;gap:.4rem}.mr-next button{padding:.65rem;text-align:left;border:1px solid #53769b;border-radius:4px;background:#173e69;color:#fff;font-size:.65rem;cursor:pointer}
.mr-next button[aria-pressed=true]{border-color:#6be0a9;background:#163d34}
.mr-note{padding:.8rem;border-left:3px solid #67d49e;background:#142e29}.mr-note b{color:#a5f1cb;font-size:.72rem}.mr-note a{color:#91c9ff;font-size:.65rem;text-decoration:underline}
[data-magnet-status][data-state=error]{color:#ffb5a2}
@media(min-width:1100px){[data-susa-lab-shell].is-expanded .mr-native{max-width:684px}}
@media(max-width:700px){.mr-brief{grid-template-columns:1fr;gap:.75rem}.mr-brief dl{border-left:0;border-top:1px solid #c4d8ef;padding:.65rem 0 0}.mr-native{margin:0 .5rem}.mr-configuration{padding:0 10px 12px}.mr-form-border{padding:8px}.mr-native fieldset{padding:12px 9px}.mr-native .mr-case{grid-template-columns:1fr;gap:6px}.mr-native fieldset label{font-size:14px}.mr-native .mr-sub{font-size:12px;margin-left:15px}.mr-native .mr-small{font-size:11px;margin-left:23px}.mr-native .mr-keywords{margin-left:23px;width:calc(100% - 23px)}.mr-critical button{min-width:85px}.mr-native button{font-size:12px;padding:4px 8px}.mr-native .mr-instruction{font-size:14px}.mr-start button{font-size:17px;min-width:155px}.mr-brand{flex-wrap:wrap;gap:15px;margin-bottom:25px}.mr-brand>div:first-child{width:100%;max-width:260px}.mr-brand>div:last-child{text-align:left}.mr-brand strong{font-size:23px}.mr-completed>div{padding:15px}.mr-operation strong{font-size:12px}[data-magnet-version] .susa-magnet-lab__steps li{min-width:0;font-size:.48rem}[data-magnet-version] .susa-magnet-lab__coach>div:last-child{justify-content:flex-start}.mr-titlebar{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mr-progress span{transition:none}}
[data-md-color-scheme=slate] .mr-brief{background:#142b45;color:#d3e3f2}[data-md-color-scheme=slate] .mr-brief h4{color:#d2e8ff!important}[data-md-color-scheme=slate] .mr-brief span,[data-md-color-scheme=slate] .mr-brief dt{color:#90c6ff}[data-md-color-scheme=slate] .mr-profile{background:#142b45;color:#d3e3f2}
[data-magnet-version] .susa-magnet-lab__steps li span{font-size:11px;white-space:nowrap}
@media(max-width:700px){.mr-running:has(.mr-completed:not([hidden])){min-height:390px}.mr-completed{left:8px;right:8px;top:18px}}