.ml-lab{--ml-sky:#f2f6f3;--ml-ground:#e6efe8;--ml-backdrop:#e9eee8;--ml-grid:#b8c9bf;--ml-ring:#8fa99b;--ml-paper:#f5cf76;--ml-paper-edge:#b18430;--ml-support:#83958b;--ml-frame:#596f62;color:var(--body);width:100%;min-width:0}html[data-theme=dark] .ml-lab{--ml-sky:#17251e;--ml-ground:#23372b;--ml-backdrop:#2a3d2f;--ml-grid:#4c6655;--ml-ring:#6c907b;--ml-paper:#e8bd68;--ml-paper-edge:#ae8744;--ml-support:#9cad9e;--ml-frame:#b3cbb9}.ml-lab *,.ml-lab :before,.ml-lab :after{box-sizing:border-box}.ml-lab [hidden]{display:none!important}.ml-lab button,.ml-lab input{font:inherit}.ml-lab button{cursor:pointer}.ml-lab button:disabled{cursor:default;opacity:.45}.ml-lab :is(a,button,input,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.ml-lab h2,.ml-lab h3,.ml-lab p,.ml-lab figure{margin:0}.ml-lab p{word-break:keep-all;overflow-wrap:break-word}.ml-guide{scroll-margin-top:1rem}.ml-guide:focus{outline:none}.ml-progress{grid-template-columns:1fr 1fr;gap:.9rem;margin:1rem 0 1.5rem;padding:0;list-style:none;display:grid}.ml-progress li{border-bottom:2px solid var(--line);color:var(--muted);align-items:center;gap:.65rem;min-width:0;padding:0 0 .85rem;font-size:.8125rem;line-height:1.7;display:flex}.ml-progress li>span{background:var(--surface);border:1px solid var(--line);border-radius:50%;flex:0 0 1.8rem;place-items:center;height:1.8rem;font-size:.6875rem;font-weight:650;display:grid}.ml-progress li[aria-current=step]{color:var(--accent);border-bottom-color:var(--accent);font-weight:650}.ml-progress li[aria-current=step]>span{background:var(--soft);border-color:var(--accent)}.ml-progress li[data-complete=true]>span{background:var(--accent);border-color:var(--accent);color:var(--page)}.ml-step-heading h2{letter-spacing:-.025em;color:var(--ink);font-size:1.35rem;font-weight:700;line-height:1.55}.ml-step-heading p{color:var(--body);margin-top:.8rem;font-size:.9375rem;line-height:1.9}.ml-same{color:var(--accent);font-size:.75rem;font-weight:650;line-height:1.85;margin-top:1.25rem!important}.ml-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:.6rem;display:grid}.ml-photo{background:var(--surface);border:1px solid var(--line);border-radius:.75rem;min-width:0;padding:.85rem;overflow:hidden}.ml-photo.ml-current{border-color:var(--accent)}.ml-photo figcaption{flex-direction:column;gap:.15rem;min-height:3rem;margin:0 .1rem .65rem;display:flex}.ml-photo figcaption strong{color:var(--ink);word-break:keep-all;font-size:.875rem;font-weight:650;line-height:1.65}.ml-current figcaption strong{color:var(--accent)}.ml-photo figcaption span{color:var(--muted);font-size:.625rem;line-height:1.65}.ml-scene-svg{border-radius:.5rem;width:100%;height:auto;display:block;overflow:hidden}.ml-photo-metric{align-items:center;gap:.7rem;margin-top:.75rem;line-height:1.6;display:flex}.ml-photo-metric strong{color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.03em;flex:none;font-size:1.45rem;font-weight:700;line-height:1.2}.ml-current .ml-photo-metric strong{color:var(--accent)}.ml-photo-metric span{color:var(--muted);word-break:keep-all;font-size:.6875rem}.ml-marker-key{color:var(--muted);align-items:center;gap:.45rem;font-size:.75rem;line-height:1.7;display:flex;margin-top:.7rem!important}.ml-marker-key>span{border-top:2px dashed var(--accent);flex:none;width:1.2rem;height:0;display:block}.ml-control{min-width:0;margin-top:1.4rem}.ml-label-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.ml-label-row label{color:var(--ink);font-size:.875rem;font-weight:650;line-height:1.8}.ml-label-row output{color:var(--accent);white-space:nowrap;font-size:.8125rem}.ml-control input[type=range]{width:100%;min-height:44px;accent-color:var(--accent);cursor:ew-resize;margin:.25rem 0 0;display:block}.ml-range-labels{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.6875rem;line-height:1.8;display:flex}.ml-presets{flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin-top:.7rem;display:flex}.ml-primary,.ml-secondary{text-align:center;border:1px solid #0000;border-radius:.65rem;justify-content:center;align-items:center;gap:.65rem;max-width:100%;min-height:3rem;padding:.7rem 1rem;font-weight:600;line-height:1.7;display:inline-flex;font-size:.875rem!important}.ml-primary{background:var(--button);color:var(--button-text)}.ml-primary:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--accent)}.ml-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.ml-secondary:hover{border-color:var(--accent)}.ml-text-button{min-height:2.75rem;color:var(--muted);text-underline-offset:.25em;text-decoration:underline;text-decoration-color:var(--line);background:0 0;border:0;padding:.5rem 0;line-height:1.8;font-size:.75rem!important}.ml-text-button:hover{color:var(--accent);text-decoration-color:currentColor}.ml-feedback{border-left:3px solid var(--accent);background:var(--soft);border-radius:0 .6rem .6rem 0;min-height:6.7rem;margin-top:1.25rem;padding:1rem 1.15rem}.ml-feedback strong{color:var(--accent);font-size:.75rem;font-weight:700}.ml-feedback p{color:var(--ink);margin-top:.35rem;font-size:.875rem;line-height:1.9}.ml-next-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:1.3rem;display:flex}.ml-next-row>div{min-width:0;max-width:100%}.ml-unlock{color:var(--muted);font-size:.6875rem;line-height:1.85;margin-top:.6rem!important}.ml-layout{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:.65rem}.ml-layout summary{min-height:2.75rem;color:var(--muted);cursor:pointer;padding:.5rem 0;font-size:.8125rem}.ml-layout>p{color:var(--muted);margin:.4rem 0 .85rem;font-size:.8125rem;line-height:1.9}.ml-layout>div{max-width:34rem;margin-inline:auto}.ml-unit{color:var(--muted);font-size:.6875rem;line-height:1.85;margin-top:1rem!important}.ml-result{background:var(--soft);border:1px solid var(--line);border-radius:.8rem;margin-top:2rem;padding:1.4rem;scroll-margin-top:1rem}.ml-result h2{color:var(--ink);font-size:1.3rem;font-weight:650;line-height:1.6}.ml-result ul{margin:1rem 0;padding-left:1.25rem;font-size:.875rem;line-height:1.9}.ml-result li+li{margin-top:.5rem}.ml-result>p{margin-top:1rem;font-size:.875rem;line-height:1.9}.ml-result .ml-limit{color:var(--muted);border-top:1px solid var(--line);padding-top:1rem;font-size:.75rem}.ml-action-row{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.3rem;display:flex}@media (width<=600px){.ml-progress{gap:.6rem;margin-bottom:1.25rem}.ml-progress li{gap:.45rem;font-size:.75rem}.ml-progress li>span{flex-basis:1.6rem;height:1.6rem}.ml-step-heading h2{font-size:1.2rem}.ml-step-heading p{font-size:.875rem}.ml-compare-grid{gap:.6rem}.ml-photo{padding:.55rem}.ml-photo figcaption{min-height:3.25rem;margin-inline:.05rem}.ml-photo figcaption strong{font-size:.75rem;line-height:1.7}.ml-photo figcaption span{font-size:.5625rem}.ml-photo-metric{flex-direction:column;align-items:flex-start;gap:.35rem;margin-top:.6rem}.ml-photo-metric strong{font-size:1.25rem}.ml-photo-metric span{font-size:.625rem;line-height:1.75}.ml-marker-key{font-size:.6875rem}.ml-control{margin-top:1.2rem}.ml-label-row{gap:.5rem}.ml-label-row label{font-size:.8125rem}.ml-label-row output{font-size:.75rem}.ml-feedback{padding:.85rem 1rem}.ml-feedback p{font-size:.8125rem}.ml-next-row{gap:.5rem}.ml-next-row>div,.ml-next-row .ml-primary{width:100%}.ml-presets{gap:.4rem 1rem}.ml-secondary{min-height:2.75rem;padding:.6rem .85rem;font-size:.8125rem!important}.ml-result{padding:1.1rem}.ml-result h2{font-size:1.15rem}.ml-result>p,.ml-result ul{font-size:.8125rem}.ml-action-row .ml-primary{width:100%}}@media (prefers-reduced-motion:reduce){.ml-lab *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}