.qdd-figure{--qdd-ink:#253d36;--qdd-muted:#63746b;--qdd-line:#d8dfd2;--qdd-paper:#eef1e7;--qdd-green:#4c7153;--qdd-light:#d4e3b9;border:1px solid var(--qdd-line);color:var(--qdd-ink);background:#f8f8f1;border-radius:16px;margin:30px 0;overflow:hidden}.qdd-heading{font-family:var(--mono,monospace);letter-spacing:.08em;justify-content:space-between;gap:14px;padding:21px 26px 0;font-size:9px;line-height:1.6;display:flex}.qdd-index{color:var(--qdd-green)}.qdd-schematic{color:var(--qdd-muted)}.qdd-title{justify-content:space-between;align-items:end;gap:28px;padding:21px 26px 0;display:flex}.qdd-title h3{letter-spacing:-.045em;font-weight:500;line-height:1.02;margin:0!important;font-size:clamp(27px,3.4vw,43px)!important}.qdd-title h3 span{color:var(--qdd-green)}.qdd-title>p{max-width:220px;color:var(--qdd-muted);margin:0!important;font-size:13px!important;line-height:1.6!important}.qdd-stage{background:radial-gradient(at 50% 70%,#e5ebd959,#0000 65%);position:relative;overflow:hidden}.qdd-art{width:100%;height:auto;max-height:520px;display:block}.qdd-art path,.qdd-art circle{vector-effect:non-scaling-stroke}.qdd-stage-footer{font-family:var(--mono,monospace);color:var(--qdd-muted);justify-content:space-between;gap:12px;padding:0 25px 20px;font-size:9px;display:flex}.qdd-art .iso-fill{fill:#e8ecdf;stroke:none}.qdd-art .iso-top{fill:#f1f3e9;stroke:none}.qdd-art .iso-shade{stroke:none}.qdd-art .iso-shade[data-shade="0"]{fill:#c3cbbb}.qdd-art .iso-shade[data-shade="1"]{fill:#d0d7c8}.qdd-art .iso-shade[data-shade="2"]{fill:#dce2d3}.qdd-art .iso-shade[data-shade="3"]{fill:#e6eadf}.qdd-art .iso-edge,.qdd-art .iso-line{fill:none;stroke:#a3af9c;stroke-width:.65px;stroke-linejoin:round;stroke-linecap:round}.qdd-art .iso-line[data-tone=hi]{stroke:#64765c}.qdd-art .iso-line[data-tone=mid]{stroke:#84927a}.qdd-art .iso-line[data-tone=faint]{stroke:#c1c9b8}.qdd-art .iso-halo{fill:#bac6aa;filter:blur(9px);opacity:.34}.qdd-art .iso-face-text{fill:#8c9982;font-family:var(--mono,monospace);letter-spacing:.08em}.qdd-art .iso-dots circle{fill:#6b7b62;opacity:.5}.qdd-art .qdd-driver-board>circle:first-child{fill:#b5c6a7;stroke:#84977a;stroke-width:.7px}.qdd-art .qdd-chip{fill:#526b5e;stroke:#314a3d;stroke-width:.6px}.qdd-art .qdd-pin{fill:none;stroke:#c9d2bc;stroke-width:1px}.qdd-art .qdd-encoder{fill:#c6d1b9;stroke:#73876a;stroke-width:.6px}.qdd-art .qdd-encoder-inner{fill:#526b5e;stroke:#304c38;stroke-width:.6px}.qdd-art .qdd-encoder-mark{fill:#67815a}.qdd-art .qdd-plug{fill:#344e43;stroke:#1e392b;stroke-width:.6px}.qdd-art .qdd-contact{fill:#d4c5a4;stroke:#9d8e6e;stroke-width:.5px}.qdd-art .qdd-stator-seat{fill:#d6ddce;stroke:#9cab91;stroke-width:.7px}.qdd-art .qdd-stator-tooth{fill:#87987e;stroke:#65775e;stroke-width:.7px}.qdd-art .qdd-coil{fill:#b6bb9f;stroke:#7e8b70;stroke-width:.7px}.qdd-art .qdd-winding{stroke:#869072;fill:none;stroke-width:.6px;stroke-linecap:round}.qdd-art .qdd-rotor-disc{fill:#a7b899;stroke:#738567;stroke-width:.8px}.qdd-art .qdd-magnet{fill:#647a5d;stroke:#435a3a;stroke-width:.65px}.qdd-art .qdd-rotor-centre{fill:#d3dec7;stroke:#8b9d7b;stroke-width:.6px}.qdd-art .qdd-shaft{fill:#74866c;stroke:#4f6447;stroke-width:.7px}.qdd-art .qdd-rotor-index{stroke:#314c28;fill:none;stroke-width:1.8px;stroke-linecap:round}.qdd-art .qdd-reducer-well{fill:#bac5b1;stroke:#7b8c6e;stroke-width:.8px}.qdd-art .qdd-fixed-ring{fill:#e9ecde;stroke:#76876b;stroke-width:.7px;stroke-linejoin:round}.qdd-art .qdd-gear-face{fill:#dbe4cd;stroke:#6f8363;stroke-width:.65px;stroke-linejoin:round}.qdd-art .qdd-gear-recess{fill:#c7d5b7;stroke:#92a880;stroke-width:.6px}.qdd-art .qdd-gear-hub{fill:#ecf0e2;stroke:#7d906e;stroke-width:.7px}.qdd-art .qdd-machined-hole{fill:#a9bb98;stroke:#7a9169;stroke-width:.5px}.qdd-art .qdd-gear-index{stroke:#526b46;stroke-width:1.25px;stroke-linecap:round}.qdd-art .qdd-gear-sun .qdd-gear-face{fill:#93b776;stroke:#416139}.qdd-art .qdd-carrier-side{fill:#506c49;stroke:#395331;stroke-width:.6px}.qdd-art .qdd-carrier-arm{fill:#94b578;stroke:#526e43;stroke-width:.7px}.qdd-art .qdd-carrier-bearing{fill:#c3d5ab;stroke:#516c41;stroke-width:.65px}.qdd-art .qdd-carrier-pin{fill:#5f7a4e;stroke:#3a552b;stroke-width:.6px}.qdd-art .qdd-carrier-hub{fill:#a4c187;stroke:#516e3f;stroke-width:.8px}.qdd-art .qdd-output-shaft{fill:#d7e5c3;stroke:#6b8852;stroke-width:.7px}.qdd-art .qdd-output-hole{fill:#63804c}.qdd-art .qdd-output-index{stroke:#355725;stroke-width:1.5px}.qdd-art [data-layer]{transition:filter .3s,opacity .3s}.qdd-figure[data-active=driver] [data-layer=driver],.qdd-figure[data-active=motor] [data-layer=motor],.qdd-figure[data-active=gears] [data-layer=gears],.qdd-figure[data-active=output] [data-layer=output]{filter:drop-shadow(0 0 7px #88a46235)}.qdd-toolbar{border-top:1px solid var(--qdd-line);border-bottom:1px solid var(--qdd-line);background:#eaf0e1;flex-wrap:wrap;gap:8px;padding:15px 22px;display:flex}.qdd-toolbar button{min-height:38px;color:var(--qdd-ink);background:#f8faf4;border:1px solid #c0cfb3;border-radius:6px;align-items:center;gap:14px;padding:9px 12px;font-size:11px;display:flex}.qdd-toolbar button:hover{background:#d8e6c8}.qdd-toolbar button[aria-pressed=true]{background:#d5e4c5;border-color:#afc39a}.qdd-toolbar .qdd-reset{background:0 0;margin-left:auto}.qdd-toolbar button:disabled{cursor:default;opacity:.55}.qdd-parts{grid-template-columns:repeat(4,1fr);gap:5px;padding:20px 22px 0;display:grid}.qdd-parts button{text-align:left;color:var(--qdd-muted);border:1px solid #0000;border-radius:5px;padding:10px 9px;font-size:11px;line-height:1.5}.qdd-parts button[aria-pressed=true]{color:#304e2e;background:#e6eddd;border-color:#c8d8b7}.qdd-parts button:hover{background:#eff3e8}.qdd-explanation{min-height:110px;padding:15px 26px 20px}.qdd-explanation strong{font-size:14px;font-weight:500}.qdd-explanation p{color:var(--qdd-muted);margin:7px 0 0!important;font-size:13px!important;line-height:1.7!important}.qdd-inputs{border-block:1px solid var(--qdd-line);background:#f0f3e9;grid-template-columns:1fr 1fr;gap:30px;padding:21px 26px;display:grid}.qdd-inputs label{min-width:0;display:block}.qdd-inputs label>span{justify-content:space-between;gap:10px;font-size:12px;display:flex}.qdd-inputs output{font-family:var(--mono,monospace);color:var(--qdd-green);white-space:nowrap;font-size:11px}.qdd-inputs input[type=range]{accent-color:#65874c;width:100%;height:5px;margin:16px 0 10px;display:block}.qdd-inputs small{color:var(--qdd-muted);font-size:10px}.qdd-efficiency{align-items:start;gap:11px;padding:20px 26px;font-size:12px;line-height:1.5;display:flex}.qdd-efficiency input{accent-color:#597949;width:15px;height:15px;margin:3px 0 0}.qdd-efficiency small{color:var(--qdd-muted);margin-top:3px;font-size:10px;display:block}.qdd-readings{border:1px solid var(--qdd-line);background:#f2f5eb;border-radius:8px;grid-template-columns:repeat(4,1fr);margin:0 26px 24px;display:grid}.qdd-readings>div{min-width:0;padding:17px 12px}.qdd-readings>div+div{border-left:1px solid var(--qdd-line)}.qdd-readings>div>span{color:var(--qdd-muted);font-size:9px;line-height:1.5;display:block}.qdd-readings strong{letter-spacing:-.04em;white-space:nowrap;margin:7px 0;font-size:24px;font-weight:500;display:block}.qdd-readings strong span{letter-spacing:0;font-size:10px;font-weight:400}.qdd-readings small{font-family:var(--mono,monospace);color:var(--qdd-muted);font-size:8px;line-height:1.7;display:block}.qdd-caption{color:var(--qdd-muted);padding:0 26px 24px;font-size:11px;line-height:1.8}.qdd-caption strong{color:var(--qdd-ink);font-weight:500}.qdd-caption a{text-underline-offset:3px;color:#40623a;text-decoration:underline;display:inline}.qdd-prediction{border-top:1px solid var(--qdd-line);background:#e9efdf;padding:23px 26px}.qdd-prediction>strong{font-size:13px;font-weight:500}.qdd-prediction p{color:var(--qdd-muted);margin:8px 0 12px!important;font-size:12px!important;line-height:1.75!important}.qdd-prediction summary{text-underline-offset:4px;cursor:pointer;width:fit-content;font-size:12px;text-decoration:underline}.qdd-prediction details p{margin-bottom:0!important}:is(.qdd-figure button:focus-visible,.qdd-figure input:focus-visible,.qdd-figure summary:focus-visible){outline-offset:4px;outline:2px solid #54783c}@media (max-width:600px){.qdd-heading{padding:17px 18px 0;font-size:8px}.qdd-title{padding:20px 18px 0;display:block}.qdd-title>p{max-width:none;margin-top:12px!important;font-size:12px!important}.qdd-art{width:112%;max-width:none;margin-left:-6%}.qdd-stage-footer{padding:0 18px 15px;font-size:8px}.qdd-toolbar{gap:6px;padding:13px 16px}.qdd-toolbar button{gap:7px;padding:8px 10px;font-size:10px}.qdd-toolbar .qdd-reset{margin-left:0}.qdd-parts{grid-template-columns:1fr 1fr;padding:16px 16px 0}.qdd-parts button{font-size:10px}.qdd-explanation{min-height:125px;padding:15px 18px 19px}.qdd-inputs{gap:20px;padding:19px 18px}.qdd-inputs label>span{font-size:11px;display:block}.qdd-inputs output{margin-top:5px;display:block}.qdd-efficiency{padding:18px}.qdd-readings{grid-template-columns:repeat(2,1fr);margin:0 18px 20px}.qdd-readings>div:nth-child(3){border-left:0}.qdd-readings>div:nth-child(n+3){border-top:1px solid var(--qdd-line)}.qdd-readings strong{font-size:26px}.qdd-caption,.qdd-prediction{padding:0 18px 20px}.qdd-prediction{padding-top:20px}}@media (prefers-reduced-motion:reduce){.qdd-art [data-layer]{transition:none}}
