.mp-dialog{width:min(1800px,98vw);height:95vh;max-width:98vw;max-height:95vh;padding:0;border:1px solid #49616c;border-radius:10px;background:#0d1b24;color:#deedf4;font:14px Segoe UI,system-ui,sans-serif}.mp-dialog::backdrop{background:#000a}.mp-dialog *{box-sizing:border-box}.mp-head,.mp-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid #30434e}.mp-head strong{font-size:19px;margin-right:auto}.mp-dialog button,.mp-dialog select,.mp-dialog input{font:inherit;color:inherit;background:#193441;border:1px solid #4b6574;border-radius:5px;padding:6px}.mp-dialog button{cursor:pointer}.mp-dialog button:disabled{opacity:.4;cursor:default}.mp-dialog label{display:flex;align-items:center;gap:6px}.mp-dialog input[type=checkbox]{accent-color:#e7ac61}.mp-dialog input[type=number]{width:74px}.mp-dialog input[type=range]{min-width:50px;width:100%;accent-color:#e7ac61}.mp-layout{display:grid;grid-template-columns:310px minmax(300px,1fr) minmax(350px,1.25fr);gap:12px;padding:12px;height:calc(100% - 145px);min-height:550px}.mp-panel{border:1px solid #314b59;border-radius:7px;overflow:auto;min-width:0;background:#10222d}.mp-panel h3{font-size:15px;margin:12px}.mp-rows{display:grid;gap:8px;padding:10px}.mp-row{border:1px solid #3a505b;border-radius:6px;padding:8px;display:grid;gap:5px}.mp-row.selected{border-color:#edaf5d}.mp-row button{text-align:left}.mp-row small,.mp-muted{color:#a5bdca}.mp-meta{display:grid;gap:9px;padding:12px}.mp-meta label{justify-content:space-between}.mp-meta label input[type=text]{width:60%}.mp-meta .mp-check{justify-content:flex-start}.mp-source,.mp-stage{width:100%;height:440px;display:block;background:#03090d;touch-action:none}.mp-stage{background:radial-gradient(#213a46,#0a1620)}.mp-status{white-space:pre-line;padding:10px 16px;color:#efc28d;min-height:40px}.mp-legend{padding:8px 12px;line-height:1.5}.mp-legend .estimated{color:#edaf5d}.mp-legend .unknown{color:#dc9ed6}.mp-legend .source{color:#8bd0e4}.mp-error{color:#ffc6b5}.mp-change{color:#ffd391}.mp-intro{margin:10px 16px;color:#c0d0d8}.mp-note{font-size:12px;color:#a5bdca;line-height:1.4}.mp-result{padding:10px 12px}.mp-local{display:flex;gap:10px;flex-wrap:wrap;padding:10px}.mp-calibration{padding:10px;border:1px solid #544c39;background:#2b291f}.mp-dialog input:disabled,.mp-dialog button:disabled{cursor:not-allowed}@media(max-width:1100px){.mp-layout{grid-template-columns:280px 1fr;height:auto}.mp-panel:last-child{grid-column:1/-1}}@media(max-width:650px){.mp-layout{grid-template-columns:1fr}.mp-source,.mp-stage{height:360px}}
.mp-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.mp-dialog [hidden]{display:none!important}.mp-dialog .mp-intro{font-size:13px;margin:8px 16px}.mp-tools{gap:8px;padding:8px 16px}.mp-tools>select{min-width:200px;max-width:480px;flex:1}.mp-guide{display:grid;grid-template-columns:1fr auto;gap:5px 16px;padding:10px 16px;border-bottom:1px solid #30434e;background:#142d39}.mp-progress{grid-column:1;font-size:12px;color:#a5bdca}.mp-guide .mp-status{grid-column:1;padding:0;min-height:0}.mp-guide>button{grid-column:2;grid-row:1/3;align-self:center;background:#23637b}.mp-gate-details{grid-column:1/-1;font-size:12px;color:#b7cbd6;max-height:110px;overflow:auto}.mp-gate-details summary{cursor:pointer}.mp-layout{flex:1;min-height:0;height:auto;grid-template-columns:240px minmax(550px,1.7fr) minmax(300px,1fr)}.mp-editor-body{display:grid;grid-template-columns:minmax(200px,1fr) minmax(260px,1fr);align-items:start}.mp-editor-body .mp-source{position:sticky;top:0;height:460px}.mp-editor-body .mp-meta{grid-column:2;padding:10px;gap:9px}.mp-panel>select{width:calc(100% - 20px);margin:0 10px 10px}.mp-meta label{flex-wrap:wrap;align-items:center;gap:5px}.mp-meta label>select{max-width:100%}.mp-meta .mp-check{flex-wrap:nowrap}.mp-meta .mp-check span{flex:1}.mp-empty{padding:20px;color:#b7cbd6;line-height:1.6}.mp-row.active{box-shadow:inset 3px 0 #79d4ed}.mp-row canvas{max-width:100%;justify-self:center}.mp-stage{height:330px}.mp-row>label{align-items:flex-start}.mp-local label{align-items:flex-start;line-height:1.5}.mp-panel>.mp-note{margin:10px}.mp-dialog button:focus-visible,.mp-dialog input:focus-visible,.mp-dialog select:focus-visible{outline:2px solid #87dfff;outline-offset:2px}@media(max-width:1350px){.mp-layout{grid-template-columns:220px minmax(520px,1fr)}.mp-panel:last-child{grid-column:1/-1;min-height:460px}.mp-dialog[open]{overflow:auto}.mp-layout{flex:none;min-height:0}.mp-panel{max-height:none}.mp-editor-body .mp-source{height:400px}}@media(max-width:800px){.mp-layout{display:block;padding:8px}.mp-panel{margin-bottom:10px}.mp-editor-body{grid-template-columns:1fr}.mp-editor-body .mp-source{position:static;height:300px}.mp-editor-body .mp-meta{grid-column:1}.mp-guide{grid-template-columns:1fr}.mp-guide>button{grid-column:1;grid-row:auto;justify-self:start}.mp-tools>select{width:100%;max-width:none}.mp-head strong{font-size:16px}}
.mp-overview{padding:12px}.mp-match-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.mp-match-card{min-width:0;border:1px solid #425b69;border-radius:7px;background:#0b1b24;padding:10px;display:flex;flex-direction:column;gap:8px}.mp-match-card>canvas{width:100%;height:340px;object-fit:contain;background:#03090d;cursor:crosshair}.mp-projections{display:flex;gap:6px}.mp-projections button{display:flex;flex-direction:column-reverse;align-items:center;flex:1;font-size:12px}.mp-projections svg{width:90px;height:65px}.mp-projections button[aria-pressed=true]{border:2px solid #ffd080;background:#354233}.mp-match-actions{display:flex;gap:6px}.mp-match-actions button{flex:1}.mp-match-card small{color:#acc2ce}.mp-manual{margin:12px;border-top:1px solid #425b69}.mp-manual>summary{padding:14px;cursor:pointer;color:#a8d9ee}.mp-manual>select{margin:8px;width:calc(100% - 16px)}.mp-manual[open] .mp-editor-body{display:grid}.mp-overview>.mp-note{margin-top:0;line-height:1.6}.mp-layout{grid-template-columns:210px minmax(540px,1.8fr) minmax(270px,1fr)}@media(max-width:1350px){.mp-layout{grid-template-columns:200px minmax(480px,1fr)}}@media(max-width:800px){.mp-match-cards{grid-template-columns:1fr}.mp-match-card>canvas{height:300px}}

.mp-match-card>canvas{width:100%;max-width:260px;height:auto;aspect-ratio:260/340;align-self:center;object-fit:fill}.mp-overview .mp-note{font-size:13px}.mp-manual .mp-editor-body .mp-source{position:static}


.mp-steps{display:flex;gap:10px;padding:10px 16px}.mp-steps button{flex:1;padding:10px}.mp-steps [aria-current=step]{border-color:#8cd7ec;background:#24576c}
.mp-dialog .mp-layout{display:block;overflow:auto;flex:1;min-height:0}.mp-dialog .mp-panel{max-height:none;min-height:0}.mp-dialog[data-step="1"] .mp-rows{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.mp-dialog[data-step="2"] .mp-match-cards{max-width:1000px;margin:auto}.mp-workbench{flex:1;min-height:300px;display:flex}.mp-workbench iframe{width:100%;height:100%;flex:1;border:0;min-height:450px}.mp-dialog[open]{overflow:hidden}.mp-dialog .mp-layout[hidden],.mp-workbench[hidden]{display:none}.mp-hull-options>.mp-panel{margin:12px}.mp-dialog .mp-match-card>canvas{cursor:default}

/* Integrated view occupies the existing quickviewer stage, below its toolbar. */
.mp-dialog.mp-inline[open]{position:absolute;inset:0;z-index:30;margin:0;width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;display:flex;overflow:hidden}.mp-inline .mp-head{padding:8px 12px}.mp-inline .mp-head strong{font-size:16px}.mp-inline .mp-steps{padding:6px 12px}.mp-inline .mp-steps button{padding:7px}.mp-inline .mp-intro{display:none}.mp-inline .mp-workbench{min-height:0;flex:1}.mp-inline .mp-workbench iframe{width:100%;height:100%;border:0}.mp-inline .mp-layout{overflow:auto;min-height:0;flex:1}@media(max-width:800px){.mp-inline .mp-guide{padding:6px 10px}.mp-inline .mp-steps{gap:4px}.mp-inline .mp-steps button{font-size:12px}}
