/* Website-aligned laboratory workbench: light controls, dark image stage. */
:root{--work-ink:#202831;--work-muted:#5b6875;--work-border:#d8dee4;--work-red:#d9272e;--work-red-hover:#b71e25;--work-blue:#14627b}
body{background:#f3f3ef;color:var(--work-ink)}
a{color:var(--work-blue)}
.masthead{background:#fff;border-color:var(--work-border);padding:14px clamp(18px,5vw,72px)}
.masthead a{text-decoration:none;color:#495661}.masthead a:hover{color:var(--work-red)}
.meta-app{max-width:1420px;padding:28px}.meta-app .brand{color:#64717d;letter-spacing:1.5px}.meta-app h1{color:#18222b}.meta-app h2{color:#202831}.meta-app h3{color:#364550}
.meta-app .muted,.meta-app small{color:var(--work-muted)}
.meta-app label{color:#42515e}.meta-app input:not([type=checkbox]),.meta-app select,.meta-app textarea{background:#fff;border-color:#c7d0d8;color:#202831;box-shadow:0 1px 2px #14202b05}
.meta-app input::placeholder,.meta-app textarea::placeholder{color:#6d7882;opacity:1}
.meta-app input:focus-visible,.meta-app select:focus-visible,.meta-app textarea:focus-visible{outline:2px solid #14627b;outline-offset:2px;border-color:#14627b}
.meta-app input[readonly]{background:#f1f4f6;color:#4d5b68}.meta-app input[type=checkbox],.meta-app input[type=range]{accent-color:var(--work-red)}
.meta-app input[type=file]::file-selector-button{border:0;border-right:1px solid #ccd4db;background:#edf1f4;color:#283b4c;padding:7px 12px;border-radius:4px;margin-right:10px;cursor:pointer}
.meta-app .panel{background:#fff;border-color:var(--work-border);box-shadow:0 2px 6px #14202b05;border-radius:10px}
.meta-app button,.meta-app .tutorial-actions button,.meta-app .tutorial-download{background:#fff;border:1px solid #c3cdd6;color:#334957;box-shadow:0 1px 2px #14202b08}
.meta-app button:hover,.meta-app .tutorial-actions button:hover{background:#edf3f6;border-color:#9fb1be;color:#182b38}
.meta-app button:focus-visible,.meta-app summary:focus-visible,.meta-app a:focus-visible{outline:2px solid #14627b;outline-offset:3px}
.meta-app button:disabled{opacity:.55;cursor:wait}
.meta-app button.primary{background:var(--work-red);border-color:var(--work-red);color:#fff;font-weight:600;box-shadow:0 2px 4px #b51e251a}
.meta-app button.primary:hover{background:var(--work-red-hover);border-color:var(--work-red-hover);color:#fff}
.meta-app .lead-actions #tutorial-toggle{background:#fff;border-color:#c3cdd6;color:#42515e;box-shadow:none}
.meta-app .pill{background:#e9f4f4;border-color:#b8d8d9;color:#215c60}
.meta-app .warning{background:#fff7e8;border-color:#e5ce98;border-left-color:#bc872a;color:#6f5120;box-shadow:none}
.meta-app .workflow div{background:#fff;border-color:var(--work-border);border-top:3px solid #d5dce0}.meta-app .workflow b{color:#273d49}
.meta-app #project-picker{border-top:3px solid var(--work-red)}.meta-app .project-options label{padding:7px 12px;background:#f4f6f7;border:1px solid #d9dfe5;border-radius:6px}.meta-app .project-options label:has(input:checked){background:#fff1f1;border-color:#e8b4b7;color:#9b242b}
.meta-app details{background:#f7f9fa;border-color:#d6dfe5;color:#334450}.meta-app summary{color:#334450}.meta-app .tutorial-panel{background:#fff;border-color:#d6dfe5}.meta-app .tutorial-panel p{color:#5b6875}.meta-app .tutorial-panel a{color:var(--work-blue)}
.meta-app .module-scale-fields,.meta-app .module-zoom-panel{background:#f0f5f7!important;border-color:#cbdde5!important}
.meta-app .module-analysis-fields>div{background:#f4f8f9;border-color:#bcd2da!important}
.meta-app .metric{background:#f5f7f8;border-color:#d9e1e6}.meta-app .metric strong{color:#253b49}
.meta-app .status{background:#f6f9fb;border-color:#d0dce5;color:#334b5b}.meta-app .error,.meta-app [role=status][style*="ff8d8d"]{background:#fff1ef;color:#a32621!important;border-color:#dba6a1}
.meta-app th,.meta-app td{border-bottom-color:#dce3e8}.meta-app th{color:#455867;background:#f0f4f6}.meta-app tr:nth-child(even) td{background:#fafbfc}
.meta-app pre:empty{display:none}.meta-app pre:not(:empty){padding:18px;background:#f2f6f8;border:1px solid #cfdae2;border-left:3px solid #14627b;border-radius:6px;color:#253d4c;line-height:1.8}
.meta-app .tag{color:#805c19}.meta-app .meta-footer{color:#66737f;border-color:#d5dce2}
/* Preserve original pixels and marker colors against a dark image surface. */
.meta-app .canvas-wrap{background:repeating-linear-gradient(0deg,#111d28,#111d28 25px,#162432 26px);border-color:#30495d}.meta-app .canvas-wrap .empty{color:#b5c3cf}
.meta-app .multi-module canvas{background:#111d28;border-color:#30495d;border-radius:6px}.meta-app .results img,.meta-app .tutorial-panel video{background:#111d28}
@media(max-width:600px){.masthead nav{gap:14px;flex-wrap:wrap}.meta-app{padding:18px 12px}.meta-app .panel{padding:16px}.meta-app .project-options{gap:8px}.meta-app .project-options label{padding:6px 9px}.meta-app .lead-actions{gap:8px}.meta-app button{min-height:40px}.meta-app .workflow{gap:8px}.meta-app .workflow div{padding:10px 14px}}

.sphere-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:18px 0}.sphere-comparison>section{min-width:0}.sphere-atlas{padding:16px;background:#f6f9fa;border:1px solid #d0dce3;border-radius:8px}.sphere-atlas img{display:block;width:100%;max-height:520px;object-fit:contain;background:#fff;border:1px solid #d5dde3;margin:10px 0}.sphere-atlas p{font-size:12px;color:#526472}.sphere-batch{padding:18px;border:1px solid #cbdbe3;border-top:3px solid #14627b;border-radius:8px;background:#f5f9fb;margin-top:22px}.sphere-batch table{font-size:12px}.sphere-batch [role=status]{font-weight:600;color:#215564}.sphere-batch input{max-width:900px}@media(max-width:800px){.sphere-comparison{grid-template-columns:1fr}.sphere-atlas img{max-height:480px}}

.meta-app .sphere-atlas img{max-height:none;width:100%;object-fit:contain;background:white;border:1px solid #d5dee5;border-radius:6px}.meta-app .sphere-atlas p{font-size:13px;line-height:1.6}.meta-app .sphere-comparison.atlas-unavailable{grid-template-columns:1fr}.meta-app .sphere-atlas select{width:100%;max-width:100%}