:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;color:#294536;background:#f4f6ef;font-weight:400;--green:#2f5b42;--muted:#78856f;--line:#dfe5d7}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a9b66a;outline-offset:4px}svg{width:19px;height:19px;stroke-width:1.7;vertical-align:middle}button{transition:background .2s,color .2s}button:hover{background:#e5ebda}.topbar{height:84px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#fafbf6}.brand{text-decoration:none;display:flex;align-items:center;gap:15px}.brand-icon{display:grid;place-items:center;width:40px;height:40px;background:#31583f;color:#e2eccc;border-radius:11px}.brand-icon svg{width:25px;height:25px}.brand strong{font-size:24px;font-weight:600;letter-spacing:5px}.brand-description{font-size:14px;color:#7d8b73;padding-left:15px;border-left:1px solid var(--line)}.header-actions{display:flex;align-items:center;gap:16px}.text-button{display:inline-flex;align-items:center;gap:8px;padding:9px 10px;font-size:14px;border-radius:6px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;padding:12px 18px;font-size:14px;background:#315b42;color:#fff}.primary-button:hover{background:#3f7254}.secondary-button{background:#e8efdf;color:#42673e;border:1px solid #d7e2cb}.secondary-button:hover{background:#dae6cb}.workspace{max-width:1580px;margin:0 auto;padding:32px 38px 18px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{margin:0 0 12px;color:#829371;font-size:13px;letter-spacing:2px}.intro h1{font-size:34px;font-weight:500;letter-spacing:1px;margin:0 0 12px;line-height:1.4}.intro-text{margin:0;font-size:16px;color:#7e8c74;line-height:1.7}.reference-badge{position:relative;padding-left:20px;font-size:14px;color:#627751;line-height:1.9}.reference-badge>.status-dot{position:absolute;left:0;top:10px}.reference-badge>span:last-child{display:block;font-size:13px;color:#8a967d}.status-dot{width:7px;height:7px;background:#7d9c50;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.warning{background:#b49350}.viewbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.view-tabs{display:flex;gap:6px;background:#e9eee1;padding:5px;border-radius:9px}.view-tabs button{font-size:14px;display:flex;align-items:center;gap:8px;padding:11px 20px;border-radius:6px;color:#7b8c6d}.view-tabs button.active{background:#fbfcf7;color:#31553d;box-shadow:0 2px 6px #40583f08}.view-tabs button svg{width:18px;height:18px}.principle-link{font-size:14px;color:#6e825d;display:flex;align-items:center;gap:6px;text-decoration:none}.experiment{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:stretch}.stage{position:relative;min-height:610px;border-radius:14px;overflow:hidden;background:#dfe8dc;border:1px solid #d5dfcf;isolation:isolate}.canvas-host{position:absolute;inset:0}.canvas-host canvas{width:100%;height:100%;display:block;touch-action:none}.stage-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none;z-index:3}.turbine-picker{pointer-events:auto}.turbine-picker select{border:1px solid #ffffff99;background:#f9fcf0eb;padding:9px 28px 9px 12px;border-radius:6px;color:#42634b;font-size:13px;max-width:180px}.stage-tag{font-size:13px;color:#6e8468}.stage-tools{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:#f6faeede;border:1px solid #ffffffb3;padding:5px;border-radius:8px;display:flex;flex-direction:column;gap:3px;z-index:3}.stage-tools button{width:35px;height:36px;border-radius:5px;color:#607858;display:grid;place-items:center}.stage-tools button+button{border-top:1px solid #dfe6d6}.stage-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:22px 20px 18px;background:linear-gradient(transparent,#edf3e4ec);z-index:3}.scene-options{display:flex;gap:5px;flex-wrap:wrap}.scene-options button,.pause-button{padding:8px 11px;background:#fbfdf1d9;border:1px solid #e2e9d6;border-radius:6px;font-size:13px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#738762}.scene-options button[aria-pressed=true]{background:#dbe9c7;border-color:#c6d9b3;color:#3f6538}.scene-options button svg,.pause-button svg{width:15px;height:15px}.sway-notice{position:absolute;left:22px;top:77px;background:#fbefcfeb;color:#8b733b;border:1px solid #f7e4ba;border-radius:7px;padding:10px 13px;font-size:14px;z-index:4}.sway-notice span{display:block;font-size:12px;margin-top:5px;color:#9d8b60}.control-panel{background:#fbfcf7;border:1px solid var(--line);border-radius:13px;padding:24px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.panel-heading h2{font-size:18px;font-weight:500;margin:0}.icon-button{display:grid;place-items:center;width:32px;height:32px;color:#819370;border-radius:5px}.control-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.control-label output{font-size:26px;font-weight:500;letter-spacing:-.5px}.control-label output>span{font-size:13px;letter-spacing:0;color:#859677}.range{display:block;width:100%;height:5px;margin:20px 0 13px;accent-color:#6f8e4d;cursor:ew-resize}.range-scale,.direction-scale{display:flex;justify-content:space-between;color:#939e86;font-size:12px}.wind-presets{display:flex;gap:7px;margin:19px 0 23px}.wind-presets button{flex:1;padding:9px 2px;border:1px solid #dfe6d6;border-radius:5px;font-size:13px;color:#81936e}.wind-presets button.active{border-color:#9db784;background:#eaf1dd;color:#57763d}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:14px}.switch{display:inline-flex;width:35px;height:20px;position:relative;flex-shrink:0;cursor:pointer}.switch input{position:absolute;width:100%;height:100%;opacity:0;margin:0}.switch>span{width:100%;height:100%;border-radius:12px;background:#c4ccb9;pointer-events:none}.switch>span:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}.switch input:checked+span{background:#749254}.switch input:checked+span:after{transform:translate(15px)}.switch input:focus-visible+span{outline:3px solid #a9b66a;outline-offset:4px}.live-wind{display:flex;flex-wrap:wrap;gap:6px 9px;margin:13px 0 0;color:#8a987c;font-size:12px;line-height:1.6}.live-wind strong{font-weight:500;color:#6c8355}.live-wind>span{margin-left:auto;color:#9ba58c}.control-panel hr{border:0;border-top:1px solid var(--line);margin:22px 0}.direction-label output{font-size:15px;letter-spacing:0;font-weight:400;color:#718361}.response-box{display:flex;align-items:flex-start;gap:10px;padding:16px;background:#eef3e5;border-radius:8px;margin:23px 0 19px;min-height:92px}.response-box>.status-dot{margin-top:6px}.response-box strong{font-weight:500;font-size:14px}.response-box p{font-size:13px;line-height:1.7;margin:7px 0 0;color:#839474}.run-row{font-size:13px}.display-settings{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;color:#8a987c;font-size:13px}.display-settings summary{cursor:pointer}.light-options{display:flex;gap:7px;margin:17px 0}.light-options button{flex:1;font-size:13px;padding:9px;border:1px solid var(--line);border-radius:5px}.light-options .active{background:#e6efda;color:#51723d}.quality-setting{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.quality-setting select{border:1px solid var(--line);background:#fbfcf7;border-radius:5px;padding:5px 15px;color:#738665}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0 0;padding:24px 0;background:#f9fbf4}.metric{padding:0 26px}.metric+.metric{border-left:1px solid var(--line)}.metric>span{font-size:14px;color:#7d8b71}.metric strong{display:flex;gap:9px;align-items:baseline;margin-top:9px}.metric b{font-weight:500;font-size:32px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.metric small{font-size:14px;font-weight:400;color:#92a07f}.metric p{font-size:12px;color:#95a088;margin:8px 0 0;line-height:1.6}.principles{margin-top:42px;scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px}.section-heading h2{font-weight:500;font-size:26px;margin:0}.section-heading>span{font-size:13px;color:#8b997c}.principle-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-top:22px;flex-wrap:wrap}.principle-tabs button{font-size:15px;color:#8a987c;padding:16px 2px;position:relative}.principle-tabs button.active{color:#3e6442}.principle-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#698b4d}.principle-content{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;padding:35px 28px 35px 0;min-height:390px}.chapter-number{color:#91a07e;font-size:13px;letter-spacing:1px}.principle-copy h3{font-weight:500;font-size:24px;margin:15px 0 19px;line-height:1.6}.principle-copy p{font-size:15px;color:#7c8c6c;line-height:1.95;margin:12px 0}.principle-copy p.explanation-detail{font-size:13px;color:#95a286;line-height:1.9}.formula{font-size:27px;margin:24px 0;letter-spacing:1px;color:#4a7044}.principle-copy .secondary-button{margin-top:15px}.energy-diagram{padding:2px 0}.energy-step{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.energy-step>span{font-size:14px;color:#758b62}.energy-step strong{font-size:24px;font-weight:500;font-variant-numeric:tabular-nums}.energy-step small{font-size:12px;color:#95a386;font-weight:400}.energy-track{grid-column:1/-1;height:11px;background:#e4eadb;border-radius:4px;overflow:hidden}.energy-track>span{display:block;height:100%;background:#a9bd7f;transition:width .2s}.energy-step.last .energy-track>span{background:#5f8b5a}.energy-down{display:flex;align-items:center;gap:12px;font-size:20px;color:#afba9d;margin:12px 0}.energy-down span{font-size:13px;color:#91a17f}.energy-down b{font-weight:500;color:#6e8954}.energy-diagram>p,.lift-visual>p,.curve-visual>p,.load-visual>p{font-size:13px;line-height:1.8;color:#98a58a;margin-top:19px}.lift-visual,.curve-visual,.load-visual{align-self:center;min-width:0}.lift-visual svg,.load-visual svg{width:100%;height:auto;display:block}.lift-visual text,.load-visual text{font-size:15px;fill:#7e9369}.load-visual .diagram-value{font-size:28px;fill:#507348}.air-line{stroke-dasharray:10 4;animation:airflow 4s linear infinite}@keyframes airflow{to{stroke-dashoffset:-70}}.curve-visual svg{width:100%;height:250px;display:block}.curve-visual text{font-size:12px;fill:#8a997a}.control-key{display:flex;flex-direction:column;gap:10px;padding:15px 0;color:#668051;font-size:14px}.parts-panel{display:flex;flex-direction:column}.inspection-badge{font-size:12px;padding:5px 8px;border-radius:4px;background:#ecf0e3;color:#889b73;white-space:nowrap}.parts-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.parts-list button{display:flex;align-items:center;gap:8px;text-align:left;font-size:13px;padding:12px 8px;border:1px solid #e0e7d7;border-radius:6px;color:#7b8c6a;white-space:nowrap}.parts-list button>span{font-size:11px;color:#acb69b}.parts-list button.active{background:#e6eed8;border-color:#adbf95;color:#49683d}.part-explanation{border-top:1px solid var(--line);margin-top:25px;padding-top:21px}.part-tag{font-size:13px;color:#8da176;margin:0 0 10px}.part-explanation h3{font-weight:500;font-size:24px;margin:0 0 15px}.part-explanation>p:not(.part-tag){font-size:15px;line-height:1.95;color:#7a8d69}.part-detail{font-size:13px;color:#95a487;line-height:1.8}.inspection-note{margin:22px 0 0;font-size:12px;color:#a0ab94;line-height:1.8}.explode-options{display:flex;align-items:center;gap:14px;font-size:13px;color:#82966f;width:100%;max-width:420px;background:#f9fcefe6;border-radius:8px;padding:10px 16px}.explode-options input{width:100%;height:4px;accent-color:#718e50}.part-label{position:absolute;transform:translate(-50%,-100%);background:#315a43ed;color:#eef5e5;padding:9px 14px;border-radius:6px;font-size:13px;pointer-events:none;z-index:2;white-space:nowrap}.farm-labels{position:absolute;inset:0;pointer-events:none;z-index:2}.turbine-label{position:absolute;transform:translate(-50%,-100%);background:#f6faefdf;border:1px solid #fff8;padding:7px 10px;display:flex;gap:7px;align-items:center;font-size:12px;border-radius:6px;color:#66845a;pointer-events:auto;white-space:nowrap}.turbine-label .dot{width:5px;height:5px;background:#96ae6a;border-radius:50%}.turbine-label.active{background:#315c44;color:#f1f7e7;border-color:#315c44}.turbine-label b{font-weight:500}.label-power{font-size:11px;opacity:.7}.station-label{position:absolute;transform:translate(-50%,-100%);padding:8px 12px;background:#fff2cce8;border-radius:6px;font-size:12px;color:#8c7847;white-space:nowrap}.night .stage-tag{color:#b7cdb4}.night .stage-bottom{background:linear-gradient(transparent,#2d4945e6)}.night .part-label{background:#d6e5bb;color:#395b36}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding:20px 0;color:#99a58c;font-size:12px}footer .text-button{font-size:12px;color:#91a07f}dialog{padding:0;border:1px solid #d8e1cf;border-radius:15px;max-width:760px;width:calc(100% - 30px);color:#35513b;background:#fafcf5;box-shadow:0 30px 100px #294b3e25}dialog::backdrop{background:#263d3255;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:22px 28px;position:sticky;top:0;background:#fafcf5;z-index:2}.dialog-head h2{font-size:20px;font-weight:500;margin:0}.dialog-body{padding:10px 28px 28px;font-size:15px;line-height:1.9;color:#7d8c70}.dialog-body h3{font-size:17px;font-weight:500;color:#466640;margin-top:27px}.dialog-body a{color:#5d7e4a;text-underline-offset:4px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#315940;color:#fff;padding:13px 22px;border-radius:8px;opacity:0;pointer-events:none;transition:.25s;font-size:14px;z-index:40}.toast.show{opacity:1;transform:translate(-50%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.canvas-error{position:absolute;inset:0;display:grid;place-items:center;padding:35px;text-align:center;font-size:16px}@media(min-width:1550px){.stage{min-height:670px}.control-panel{padding:28px}.experiment{grid-template-columns:minmax(0,1fr) 370px}}@media(max-width:1150px){.workspace{padding:28px 25px 15px}.topbar{padding:0 25px}.experiment{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.control-panel{padding:21px}.stage{min-height:620px}.scene-options button{font-size:12px;padding:8px}.stage-bottom{padding:20px 14px 15px}.stage-tag{font-size:12px}.stage-top{left:15px;right:15px}.metric{padding:0 19px}.principle-content{gap:35px}.principle-copy h3{font-size:22px}.parts-list button{font-size:12px;padding:12px 7px;gap:5px}}@media(max-width:920px){.reference-badge{display:none}.experiment{grid-template-columns:1fr}.stage{min-height:560px}.control-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.panel-heading{grid-column:1/-1;margin-bottom:20px}.control-panel .control-label,.control-panel .range,.control-panel .range-scale,.control-panel .wind-presets,.control-panel>.setting-row:not(.run-row),.control-panel .live-wind{grid-column:1}.control-panel hr{display:none}.control-panel .direction-label{grid-column:2;grid-row:2}.control-panel #direction-input{grid-column:2;grid-row:3}.control-panel .direction-scale{grid-column:2;grid-row:4}.control-panel .response-box{grid-column:2;grid-row:5/7;margin-top:12px}.control-panel .run-row{grid-column:2;grid-row:7}.control-panel .display-settings{grid-column:1/-1}.parts-panel{display:flex}.parts-list{grid-template-columns:repeat(4,1fr)}.part-explanation{margin-top:20px}.part-explanation>p:not(.part-tag){max-width:700px}.metric p{font-size:12px}.metrics{padding:22px 0}.metric{padding:0 17px}.metric>span{font-size:13px}.principle-content{gap:30px;padding-right:0}.principle-copy h3{font-size:21px}.principle-copy p{font-size:14px}.section-heading h2{font-size:24px}}@media(max-width:600px){.topbar{height:73px;padding:0 17px}.brand{gap:9px}.brand-icon{width:33px;height:33px;border-radius:9px}.brand strong{font-size:21px;letter-spacing:3px}.brand-description{display:none}.header-actions{gap:6px}.header-actions .text-button{padding:8px}.header-actions .text-button span{display:none}.primary-button{font-size:12px;padding:10px 12px;gap:6px}.primary-button svg{width:15px;height:15px}.workspace{padding:27px 17px 12px}.intro{margin-bottom:23px}.intro h1{font-size:27px}.eyebrow{font-size:12px;margin-bottom:10px}.intro-text{font-size:14px;line-height:1.9;max-width:320px}.viewbar{display:block;margin-bottom:15px}.view-tabs{justify-content:space-between;gap:1px}.view-tabs button{font-size:13px;padding:11px 10px;gap:6px;flex:1;justify-content:center;white-space:nowrap}.view-tabs button svg{width:16px;height:16px}.principle-link{display:none}.stage{min-height:490px;border-radius:11px;scroll-margin-top:15px}.stage-top{top:14px;left:13px;right:13px;align-items:flex-start}.turbine-picker select{font-size:12px;padding:8px 24px 8px 8px;max-width:150px}.stage-tag{font-size:11px;padding-top:10px;max-width:140px;text-align:right;line-height:1.6}.stage-tools{right:12px;padding:4px}.stage-tools button{width:31px;height:35px}.stage-bottom{padding:28px 11px 12px;align-items:flex-end}.scene-options{max-width:230px;gap:5px}.scene-options button{font-size:11px;padding:8px;gap:4px}.scene-options button svg{width:13px;height:13px}.pause-button{font-size:11px;padding:8px}.sway-notice{top:64px;left:13px;font-size:12px;padding:9px 11px}.sway-notice span{font-size:11px}.control-panel{display:block;padding:22px 21px;border-radius:11px}.panel-heading h2{font-size:18px}.control-panel .panel-heading{margin-bottom:22px}.control-panel hr{display:block}.control-label{font-size:14px}.wind-presets button{min-height:40px}.setting-row{font-size:14px}.live-wind{font-size:12px}.control-panel .response-box{margin:23px 0 20px}.direction-label output{font-size:15px}.control-panel .display-settings{margin-top:21px}.metrics{grid-template-columns:1fr 1fr;gap:23px 0;margin-top:20px;padding:23px 0;border-radius:0}.metric{padding:0 18px}.metric:nth-child(3){border-left:0}.metric p{font-size:11px;line-height:1.8}.metric b{font-size:29px}.metric small{font-size:12px}.metric>span{font-size:13px}.principles{margin-top:32px}.section-heading h2{font-size:23px}.section-heading>span{display:none}.principle-tabs{gap:0;display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.principle-tabs button{font-size:14px;padding:14px 3px}.principle-tabs button.active:after{left:10px;right:10px}.principle-content{grid-template-columns:1fr;gap:23px;padding:25px 0}.principle-copy h3{font-size:22px;margin:12px 0}.principle-copy p{font-size:14px;line-height:1.95}.principle-copy p.explanation-detail{font-size:12px}.formula{font-size:25px;margin:18px 0}.chapter-number{font-size:12px}.energy-diagram{padding:0 5px}.energy-step>span{font-size:13px}.energy-step strong{font-size:23px}.energy-diagram>p,.lift-visual>p,.curve-visual>p,.load-visual>p{font-size:12px}.energy-down span{font-size:12px}.curve-visual svg{height:230px}.parts-list{grid-template-columns:1fr 1fr}.parts-list button{font-size:13px;min-height:43px;padding:11px 9px;gap:9px}.part-explanation h3{font-size:23px}.part-explanation>p:not(.part-tag){font-size:14px}.part-label{font-size:12px;padding:8px 11px}.label-power{display:none}.turbine-label{font-size:11px;padding:6px 8px}.inspection-note{font-size:12px}footer{display:block;font-size:11px;line-height:1.8;padding:17px 0}footer .text-button{font-size:12px;padding:10px 0}.dialog-head{padding:18px 20px}.dialog-head h2{font-size:18px}.dialog-body{padding:8px 20px 23px;font-size:14px}.dialog-body h3{font-size:16px}.toast{font-size:12px;max-width:92vw;white-space:nowrap}.explode-options{padding:10px;font-size:12px;gap:8px}.lift-visual text,.load-visual text{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.air-line{animation:none}}.part-focus-button{width:100%;margin-top:12px;padding:10px;font-size:13px;border-radius:6px;background:#edf3e4;color:#648051}.explode-options>span{white-space:nowrap;flex-shrink:0}#energy-transient{color:#8b855e}.metric>span{color:#6f8062}.metric p{font-size:13px;color:#849373}.metric small{color:#80936c}.principle-copy p,.part-explanation>p:not(.part-tag){color:#687c5c}.response-box p{color:#748865}.energy-step>span{color:#6b805a}.energy-diagram>p,.lift-visual>p,.curve-visual>p,.load-visual>p{color:#7f916e}@media(max-width:600px){.metric p,.range-scale,.direction-scale,.stage-tag{font-size:12px}.part-explanation>p:not(.part-tag){font-size:15px}}.displacement-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.displacement-leader{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.displacement-leader polyline{stroke:#a78039;stroke-width:1.2;fill:none;stroke-dasharray:4 4;opacity:.8}.displacement-leader circle{fill:#e8b24c;stroke:#fff8df;stroke-width:3;filter:drop-shadow(0 0 6px #d6993255)}.displacement-card{position:absolute;width:222px;padding:16px 18px 12px;text-align:left;border-radius:13px;border:1px solid #ffffffe6;background:linear-gradient(135deg,#fffffff5,#f6f7ecdf);box-shadow:0 12px 42px #31463718,0 1px 4px #3146370d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;transition:box-shadow .2s,background .2s;isolation:isolate}.displacement-card:hover{background:#fffdf4;box-shadow:0 14px 45px #31463729,0 0 0 2px #d7b67477}.try-eyebrow{display:flex;align-items:center;gap:7px;color:#92723b;font-size:12px;margin-bottom:15px;letter-spacing:.2px}.try-eyebrow>span{width:6px;height:6px;background:#c6943c;border-radius:50%;box-shadow:0 0 0 4px #d6ac5730;animation:invite-pulse 2.5s ease-in-out infinite}.try-eyebrow b{font-weight:500}.displacement-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:#405f51}.displacement-heading em{font-size:11px;font-style:normal;color:#8c9987}.displacement-number{display:flex;align-items:baseline;gap:7px;margin:3px 0 12px;color:#284c3e;line-height:1.1;font-variant-numeric:tabular-nums}.displacement-number b{font-size:39px;font-weight:500;letter-spacing:-1.5px}.displacement-number>span{font-size:14px;color:#81927d}.try-action{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#fff;background:#375f4d;border-radius:6px;padding:10px;margin:0 -7px}.try-action>span{font-size:18px;line-height:1}.displacement-scale{display:block;font-size:11px;color:#8b947e;padding-top:10px;text-align:center;white-space:nowrap}.gust-active{border-color:#d9b66d;background:#fff9ebed}.gust-active .try-eyebrow>span{background:#e1a741;animation:invite-pulse .8s infinite}.gust-active .try-action{background:#8a703f}@keyframes invite-pulse{50%{box-shadow:0 0 0 7px #d6ac5707}}.stage-tools{right:auto;left:18px;top:53%;background:#f9fcf0bf}.stage-bottom{background:linear-gradient(transparent,#edf1e5d9)}.intro h1{font-weight:600;letter-spacing:.2px}.intro-text{color:#73846e}.stage-tag{color:#536f60}.scene-options button{background:#fcfdf5e6;color:#54714e}.scene-options button[aria-pressed=true]{background:#e0ebd4;color:#3e603b}.control-panel{box-shadow:0 3px 18px #3f573504}@media(max-width:600px){.displacement-card{width:166px;padding:12px 12px 10px;border-radius:10px}.try-eyebrow{font-size:11px;margin-bottom:12px;gap:6px;letter-spacing:0}.displacement-heading{font-size:13px}.displacement-heading em{display:none}.displacement-number{margin:4px 0 11px}.displacement-number b{font-size:32px}.displacement-number>span{font-size:12px}.try-action{font-size:12px;padding:9px 6px;gap:3px;margin:0 -4px}.try-action>span{font-size:16px}.displacement-scale{font-size:10px;padding-top:8px}.stage-tools{left:12px;right:auto;top:49%}.sway-notice{max-width:175px;line-height:1.5}.stage-tag{max-width:135px}}.scene-detail-button{position:absolute;top:65px;right:20px;z-index:3;font-size:13px;display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid #ffffffaa;background:#f8fbf0bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;color:#4a6b5c}.scene-detail-button span{font-size:17px}.scene-detail-button:hover{background:#f8fbf0}@media(max-width:600px){.scene-detail-button{top:60px;right:13px;padding:8px 10px;font-size:12px;gap:8px}}@media(max-width:600px){.displacement-scale{font-size:11px}}.workspace{max-width:1720px;padding-top:25px}.intro{margin-bottom:23px}.intro h1{font-size:32px}.viewbar{margin-bottom:15px}.experiment{align-items:start;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.stage{height:clamp(660px,75vh,860px);min-height:0;background:#dbe5df;position:sticky;top:16px;border-radius:16px}.control-panel{padding:24px}.panel-heading{margin-bottom:22px}.canvas-host canvas.is-dragging{cursor:grabbing!important}.canvas-host canvas:focus-visible{outline:2px solid #7c9c8f;outline-offset:-3px}.stage-top{top:17px;left:20px;right:20px}.stage-tag{font-size:12px;letter-spacing:.2px}.scene-navigation{position:absolute;left:20px;top:69px;display:flex;gap:5px;padding:4px;background:#f9fcf5e8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #ffffffbf;box-shadow:0 3px 15px #36504008;border-radius:9px;z-index:4}.scene-navigation button{font-size:13px;padding:9px 12px;display:flex;align-items:center;gap:6px;border-radius:6px;white-space:nowrap}.scene-navigation button.active{background:#315d4b;color:#f9fff8}.scene-navigation button svg{width:16px;height:16px}.scene-navigation #expand-stage{border-left:1px solid #e0e8df;border-radius:0 5px 5px 0;padding:9px 10px}.navigation-state{position:absolute;top:127px;left:22px;font-size:12px;color:#667e70;z-index:3;pointer-events:none}.navigation-state.close-view{color:#8d703d;background:#fff7dfde;padding:7px 10px;border-radius:5px;top:121px}.canvas-hint{position:absolute;bottom:79px;left:20px;right:20px;text-align:center;pointer-events:none;z-index:3;color:#587666;font-size:12px;text-shadow:0 1px 3px #fff9;line-height:1.7}.stage-tools{left:18px;right:auto;top:53%;padding:5px;border-radius:9px;background:#fbfdf4df;box-shadow:0 5px 20px #3857430c}.stage-tools button{width:34px;height:35px}.stage-tools .active{background:#dce9dd;color:#315e4b}.stage-bottom{padding:23px 20px 18px;background:linear-gradient(transparent,#f1f5e7e8)}.stage-bottom button{font-size:12px}.sway-notice{top:164px;left:21px;font-size:12px;border:1px solid #e7c995;background:#fff3d8dd;color:#8b7039;padding:9px 12px;border-radius:7px}.sway-notice span{font-size:11px}.wind-compass{position:absolute;top:126px;right:19px;width:144px;border:1px solid #ffffff88;background:#f7faf3bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:11px;padding:12px;z-index:3;pointer-events:none;color:#547264}.compass-title{display:flex;justify-content:space-between;align-items:center;font-size:12px}.compass-title span{font-size:10px;color:#94a093}.wind-compass>svg{display:block;width:116px;height:116px;margin:10px auto 6px;overflow:visible;stroke-width:1}.wind-compass svg>circle:first-of-type,.wind-compass svg>path{fill:none;stroke:#ced9ce;stroke-width:1}.wind-compass svg text{font-size:9px;text-anchor:middle;fill:#83978b;stroke:none}.wind-compass #compass-flow line{stroke:#6f99a6;stroke-width:2;opacity:.85}.wind-compass #compass-yaw path{fill:#3e6c56;stroke:#f7fff3;stroke-width:1}.wind-compass #compass-displacement{stroke:#bb8a35;stroke-width:2.3}.wind-compass .compass-center{fill:#f7fcf0;stroke:#829888}.compass-legend{display:flex;justify-content:space-between;font-size:10px}.compass-legend>span:before{content:"";display:inline-block;vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#6f99a6;margin-right:4px}.compass-legend>span:nth-child(2):before{background:#3e6c56}.compass-legend>span:nth-child(3):before{background:#bb8a35}.wind-compass p{font-size:11px;text-align:center;line-height:1.6;margin:8px -5px 0;color:#7d8b7c}.direction-presets{display:flex;gap:5px;margin-top:15px}.direction-presets button{border:1px solid #dce5d5;border-radius:5px;flex:1;padding:8px 3px;font-size:12px;color:#6a8161}.direction-presets button:hover{border-color:#a5b899;background:#e6eddf}.yaw-readout{display:flex;justify-content:space-between;gap:10px;margin:14px 0;color:#8b9980;font-size:12px}.yaw-readout b{font-weight:500;color:#476c53;font-variant-numeric:tabular-nums}.simulation-speed{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0 0;border-top:1px solid #e5eadd;color:#778a6a;font-size:13px}.simulation-speed select{font-size:12px;background:#f3f6ed;color:#5a7750;border:1px solid #dde6d6;border-radius:5px;padding:6px 4px}.response-box{min-height:0;margin:18px 0}.response-box p{font-size:13px}.display-settings{margin-top:18px}.displacement-card{width:155px;padding:12px 14px 10px;border-radius:9px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffffe6;background:#fffef5e8;box-shadow:0 8px 32px #354c3a12}.displacement-heading{font-size:12px;display:block;color:#69816d}.displacement-number{margin:5px 0 3px;gap:5px}.displacement-number b{font-size:28px;letter-spacing:-1px}.displacement-number>span{font-size:11px}.displacement-bearing{display:block;font-size:11px;color:#9a884d;margin:5px 0 10px;font-variant-numeric:tabular-nums}.try-action{display:block;padding:7px 9px;margin:0 -4px;border-radius:5px;font-size:12px;text-align:center;background:#406550;color:#fff}.displacement-scale{font-size:10px;padding-top:7px}.displacement-leader polyline{stroke-width:1;stroke-dasharray:3 3}.displacement-leader circle{stroke-width:2}.gust-active .try-action{background:#9c7c41}.stage-expanded{position:fixed!important;inset:12px!important;width:auto!important;height:calc(100dvh - 24px)!important;z-index:100!important;box-shadow:0 0 0 30px #f4f6ef}.stage-open{overflow:hidden}.stage-expanded .scene-navigation{right:auto}.stage-expanded .navigation-state{top:128px}.turbine-label{font-size:12px;background:#fbfcf4ec;border:1px solid #ffffffbf;box-shadow:0 3px 14px #3155450c;border-radius:5px;padding:6px 9px}.turbine-label.active{background:#375f4d;border-color:#375f4d;color:#fff}.label-power{font-size:11px}.inspection-note{font-size:13px}.part-label{background:#345f4de6}.metrics{margin-top:22px}.intro .reference-badge{font-size:13px}@media(min-width:1550px){.stage{min-height:0;height:clamp(720px,76vh,920px)}.experiment{grid-template-columns:minmax(0,1fr) 360px}}@media(max-width:1150px){.experiment{grid-template-columns:minmax(0,1fr) 305px}.stage{height:700px;min-height:0}.scene-navigation{left:15px}.scene-navigation button{padding:9px;font-size:12px}.wind-compass{width:128px;right:13px;padding:10px}.wind-compass>svg{width:104px;height:104px}.compass-title{font-size:11px}.compass-legend{font-size:9px}.compass-title span{display:none}.wind-compass p{font-size:10px}.control-panel{padding:21px}.navigation-state,.sway-notice{left:16px}}@media(max-width:920px){.experiment{grid-template-columns:1fr}.stage{position:relative;top:0;height:680px;min-height:0}.control-panel{display:block}.direction-presets button{min-height:40px}.direction-label{margin-top:15px}.control-panel hr{display:block}.scene-navigation button{padding:9px 12px;font-size:13px}.wind-compass{width:144px}.wind-compass>svg{width:116px;height:116px}.compass-legend{font-size:10px}.control-panel .response-box{margin:19px 0}.panel-heading{margin-bottom:22px}}@media(max-width:600px){.workspace{padding:23px 13px 12px}.intro h1{font-size:26px}.intro{margin-bottom:20px}.intro-text{font-size:13px}.view-tabs button{padding:11px 9px}.stage{height:610px;border-radius:12px;min-height:0}.stage-top{top:13px;left:12px;right:12px}.stage-tag{font-size:10px;max-width:145px;padding-top:9px}.turbine-picker select{font-size:11px;padding:8px 22px 8px 8px}.scene-navigation{top:61px;left:12px;right:12px;gap:2px;border-radius:7px;padding:3px;justify-content:space-between}.scene-navigation button{font-size:11px;padding:9px 6px;gap:4px}.scene-navigation button svg{width:13px;height:13px}.scene-navigation #expand-stage{padding:8px 9px}.navigation-state{top:113px;left:14px;font-size:10px}.navigation-state.close-view{top:108px;padding:6px 8px}.wind-compass{top:143px;right:12px;width:104px;padding:8px;border-radius:9px;background:#f9fcf0b3}.compass-title{font-size:10px;letter-spacing:0}.wind-compass>svg{width:84px;height:84px;margin:7px auto 5px}.compass-legend{font-size:9px}.compass-legend>span:before{width:3px;height:3px;margin-right:2px}.wind-compass p{font-size:9px;margin:5px -4px 0}.stage-tools{top:54%;left:10px;padding:3px}.stage-tools button{width:29px;height:31px}.stage-tools svg{width:16px;height:16px}.stage-tools #detail-view{display:none}.sway-notice{top:143px;left:13px;font-size:10px;padding:7px 9px;max-width:142px;line-height:1.5}.sway-notice span{font-size:9px;margin-top:2px}.displacement-card{width:122px;padding:10px 10px 9px;border-radius:8px}.displacement-heading{font-size:11px}.displacement-number b{font-size:24px}.displacement-number>span{font-size:10px}.displacement-bearing{font-size:10px;margin:4px 0 7px}.try-action{font-size:11px;padding:7px 5px}.displacement-scale{font-size:9px;padding-top:6px}.canvas-hint{font-size:10px;left:10px;right:10px;bottom:76px;line-height:1.6}.stage-bottom{padding:24px 10px 13px;gap:5px}.scene-options{max-width:265px;gap:4px}.scene-options button,.pause-button{font-size:10px;padding:8px 6px;gap:3px}.scene-options button svg{width:12px;height:12px}.pause-button svg{width:12px;height:12px}.stage-expanded{inset:5px!important;height:calc(100dvh - 10px)!important}.stage-expanded .navigation-state{top:113px}.stage-expanded .canvas-hint{bottom:73px}.control-panel{padding:22px}.simulation-speed{font-size:13px}.simulation-speed select,.yaw-readout,.direction-presets button{font-size:12px}.intro .reference-badge{display:none}}.experiment.is-explode{align-items:start}.experiment.is-explode .stage:not(.preview-stage){height:clamp(620px,calc(100dvh - 285px),800px);min-height:0}.experiment.is-explode .parts-panel{max-height:clamp(620px,calc(100dvh - 285px),800px);overflow:auto;scrollbar-width:thin;scrollbar-color:#b5c6a8 transparent;overscroll-behavior:contain}.parts-panel .panel-heading{margin-bottom:20px}.parts-panel .part-view-switch button{font-size:12px;padding:11px 5px;white-space:nowrap}.parts-panel .parts-list button{font-size:13px;color:#5d7752;padding:13px 8px}.parts-panel .parts-list button.active{background:#315b49;color:#f7fbef;border-color:#315b49}.parts-panel .parts-list button.active>span{color:#b6cbaa}.parts-panel .part-focus-button{background:#e8f0de;color:#4c7141;font-size:13px;min-height:42px}.parts-panel .part-explanation>p:not(.part-tag){color:#617b55;font-size:14px;line-height:1.95}.parts-panel .part-detail{color:#819375;font-size:12px}.parts-panel .inspection-note{font-size:11px;line-height:1.9;color:#90a083}.stage.is-explode .stage-top{justify-content:flex-end}.stage.is-explode .scene-navigation{top:26px}.stage.is-explode .navigation-state{top:83px}.stage.is-explode .stage-tag{font-size:12px}.structure-labels{position:absolute;inset:0;pointer-events:none;z-index:2}.structure-labels button{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 13px;transform:translate(-50%);pointer-events:auto;background:#fafff2ee;border:1px solid #fff;border-radius:7px;box-shadow:0 4px 20px #315b4910;color:#4f7355;font-size:12px;white-space:nowrap}.structure-labels button span{font-size:10px;color:#94aa88}.structure-labels button:hover,.structure-labels button.active{background:#315b49;border-color:#315b49;color:#fff}.structure-labels button.active span{color:#c3d7b8}.preview-stage.is-explode .scene-navigation{top:106px}.preview-stage.is-explode .navigation-state{top:163px}.preview-stage.is-explode .stage-top{top:115px}.preview-stage.is-explode .part-label{bottom:100px!important}@media(max-width:920px){.experiment.is-explode .parts-panel{max-height:none;overflow:visible}.experiment.is-explode .stage:not(.preview-stage){height:660px}.parts-panel .parts-list{grid-template-columns:repeat(4,minmax(0,1fr))}.stage.is-explode .scene-navigation{top:52px}.stage.is-explode .navigation-state{top:109px}}@media(max-width:600px){.experiment.is-explode .stage:not(.preview-stage){height:560px}.stage.is-explode .scene-navigation{top:44px;left:10px;right:10px}.stage.is-explode .navigation-state{top:96px;font-size:10px}.stage.is-explode .stage-top{top:8px;right:12px}.stage.is-explode .stage-tag{font-size:10px;max-width:220px}.structure-labels button{padding:7px 8px;font-size:10px;gap:4px}.structure-labels button span{font-size:8px}.parts-panel .parts-list{grid-template-columns:1fr 1fr}.parts-panel .part-view-switch button{font-size:11px}.preview-stage.is-explode .scene-navigation{top:101px}.preview-stage.is-explode .navigation-state{top:153px}.preview-stage.is-explode .stage-top{top:58px}.preview-stage.is-explode .part-label{bottom:180px!important}}.pitch-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;color:#7d8b71}.pitch-target{font-size:11px;color:#9b905b;white-space:nowrap}.pitch-track{height:5px;background:#e0e9d6;border-radius:3px;position:relative;margin-top:12px;overflow:visible}.pitch-track i{height:100%;display:block;background:#688f54;border-radius:3px;transition:width .12s linear}.pitch-track>b{position:absolute;top:-3px;width:2px;height:11px;background:#b49b56;transition:left .12s linear}.pitch-metric p{min-height:32px;line-height:1.65}.pitch-metric>button{font-size:12px;color:#527847;background:#e8f0df;border:1px solid #d5e2ca;border-radius:5px;padding:7px 10px;margin-top:5px}.pitch-metric>button:hover{background:#dbe9ce}.metrics .pitch-metric strong{margin-top:9px}@media(max-width:600px){.pitch-heading{font-size:12px;align-items:flex-start;flex-direction:column;gap:4px}.pitch-target{font-size:10px}.pitch-metric>button{font-size:11px;padding:8px}.pitch-metric p{min-height:42px}}.preview-stage.is-explode .scene-navigation{bottom:auto;height:auto;transform:none}.preview-stage.is-explode .navigation-state,.preview-stage.is-explode .navigation-state.close-view{bottom:auto;right:auto}.preview-clean .structure-labels{display:none!important}@media(max-width:600px){.preview-stage.is-explode .scene-navigation{inset:117px 14px auto;width:auto;transform:none;justify-content:space-between}.preview-stage.is-explode .scene-navigation button{font-size:10px;padding:9px;min-height:32px}.preview-stage.is-explode .navigation-state,.preview-stage.is-explode .navigation-state.close-view{inset:166px auto auto 14px;text-align:left;margin:0;max-width:calc(100vw - 28px)}.preview-stage.is-explode .stage-top{display:none}}.inspection-host{position:absolute;inset:0;background:#c9e0e4;z-index:8}.inspection-loading{position:absolute;inset:0;display:grid;place-items:center;color:#315b49;font-size:15px;background:#ecf4e7;pointer-events:none;z-index:2}.inspection-active .intro,.inspection-active .principle-link,.inspection-active .principles,.inspection-active .workspace>footer{display:none}.inspection-active .workspace{max-width:none;padding:16px 24px 0}.inspection-active .viewbar{margin-bottom:12px}.inspection-active .experiment{display:block}.stage.is-inspection:not(.preview-stage){height:calc(100dvh - 152px);min-height:600px;border-radius:13px}.stage.is-inspection>.stage-top,.stage.is-inspection>.scene-navigation,.stage.is-inspection>.navigation-state,.stage.is-inspection>.wind-compass,.stage.is-inspection>.stage-tools,.stage.is-inspection>.stage-bottom,.stage.is-inspection>.canvas-hint,.stage.is-inspection>.sway-notice,.stage.is-inspection>.fleet-interactions,.stage.is-inspection>.fleet-views,.stage.is-inspection>.wake-note{display:none!important}.is-inspection .preview-actions #preview-controls,.is-inspection .preview-actions #preview-clean,.is-inspection .preview-actions #preview-save{display:none}.preview-stage.is-inspection .inspection-host{top:85px}.preview-stage.is-inspection .preview-toolbar{top:14px}.inspection-active .view-tabs button.active{background:#315b49;color:#f7fbef}@media(max-width:600px){.view-tabs button{font-size:11px;padding:11px 6px;gap:4px}.view-tabs button svg{width:14px;height:14px}.inspection-active .workspace{padding:10px 0 0}.inspection-active .viewbar{margin:0 12px 10px}.stage.is-inspection:not(.preview-stage){height:calc(100dvh - 136px);min-height:650px;border:0;border-radius:0}.preview-stage.is-inspection .inspection-host{top:110px}.preview-toolbar .view-tabs button{font-size:10px;padding:10px 6px}}.preview-toolbar,.preview-drawer,.preview-readings,#preview-restore{display:none}.fleet-interactions{position:absolute;left:20px;bottom:176px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px;width:310px;background:#f9fcf1e8;border:1px solid #ffffffb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:10px;z-index:4;box-shadow:0 4px 20px #3655420b}.fleet-interactions button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dce6d6;background:#f8fbf2;padding:10px 4px;font-size:11px;color:#5c7964;border-radius:5px;white-space:nowrap}.fleet-interactions button svg{width:14px;height:14px}.fleet-interactions button:hover{background:#e1ebd9}.fleet-interactions button[aria-pressed=true]{background:#365f4e;color:#fff;border-color:#365f4e}.wake-note{position:absolute;left:21px;top:162px;font-size:12px;line-height:1.7;color:#547e85;background:#f1faf6de;border:1px solid #ffffff99;padding:9px 12px;border-radius:7px;pointer-events:none;z-index:3}.wake-note span{display:block;font-size:10px;color:#87a0a0}.preview-stage .fleet-interactions{left:28px;bottom:165px}.preview-stage .wake-note{top:252px;left:29px}.dimension-label{position:absolute;transform:translate(-50%,-50%);font-size:11px;white-space:nowrap;padding:6px 9px;border-radius:4px;border:1px solid #e1c77c;color:#94783f;background:#fffbebed;pointer-events:none;z-index:2}.preview-with-controls .fleet-interactions{width:290px}.preview-stage .sway-notice:not([hidden])~.wake-note{top:322px}@media(max-width:600px){.fleet-interactions{width:272px;left:50%;bottom:173px;transform:translate(-50%);padding:5px;gap:4px}.fleet-interactions button{font-size:10px;padding:9px 3px;gap:3px}.fleet-interactions button svg{width:12px;height:12px}.preview-stage .fleet-interactions{left:50%;bottom:257px;width:284px}.preview-with-controls .fleet-interactions{width:284px}.wake-note{top:139px;left:12px;font-size:10px;max-width:160px;padding:7px 9px}.wake-note span{font-size:9px}.preview-stage .wake-note{top:180px;left:14px;width:155px}.preview-stage .sway-notice:not([hidden])~.wake-note{top:252px}.dimension-label{font-size:9px;padding:5px 6px}}.part-view-switch{display:flex;gap:5px;background:#edf2e8;padding:4px;border-radius:7px;margin:0 0 17px}.part-view-switch button{flex:1;padding:9px 6px;border-radius:5px;font-size:12px;color:#7d9073}.part-view-switch button.active{background:#375f4d;color:#fff}.inspection-tools{display:flex;gap:7px;margin:10px 0 20px}.inspection-tools button{flex:1;padding:10px 6px;background:#f1f4e9;border:1px solid #dce5d4;border-radius:6px;font-size:12px;color:#657f54}.inspection-tools button[aria-pressed=true]{background:#3a624e;color:#fff;border-color:#3a624e}.inspection-tools button:disabled{opacity:.38;cursor:default}.manual-drive{padding:14px 0;border-top:1px solid #e0e7d8;border-bottom:1px solid #e0e7d8}.manual-drive label{display:flex;justify-content:space-between;font-size:12px;color:#708465}.manual-drive output{font-variant-numeric:tabular-nums}.manual-drive p{font-size:11px;color:#99a28e;margin:10px 0 0;line-height:1.6}.manual-drive .range{margin:19px 0 13px}.part-stepper{display:flex;justify-content:space-between;align-items:center;margin:16px 0 7px;color:#7a8b6d;font-size:12px}.part-stepper button{width:36px;height:30px;background:#eef3e6;border:1px solid #dce6d4;border-radius:5px}.part-explanation{margin-top:17px;padding-top:20px}.part-label{font-size:12px;padding:10px 13px;border:1px solid #ffffffad;box-shadow:0 5px 25px #264d3812;background:#355c4adb;color:#fff;border-radius:6px;pointer-events:none}.fleet-views{position:absolute;left:20px;bottom:119px;z-index:4;display:flex;gap:5px;padding:4px;border:1px solid #ffffffb3;background:#f8fbf0dc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px}.fleet-views button{font-size:12px;padding:8px 12px;border-radius:5px;color:#54715f}.fleet-views button:hover{background:#dfe9d8}.preview-stage .fleet-views{left:28px;bottom:106px}.preview-stage .part-label{bottom:99px!important}@media(max-width:600px){.fleet-views{left:50%;transform:translate(-50%);bottom:117px;width:max-content}.fleet-views button{font-size:10px;padding:8px 10px}.preview-stage .fleet-views{left:50%;bottom:210px}.preview-stage .part-label{bottom:210px!important;left:14px!important;font-size:10px;max-width:calc(100% - 28px);padding:8px 11px}.part-explanation h3{font-size:23px}}.topbar{height:68px}.workspace{padding-top:22px}.intro{margin-bottom:20px}.intro h1{font-size:29px;margin-bottom:6px}.intro .eyebrow{margin-bottom:8px}.intro-text{font-size:14px}.stage{height:clamp(620px,calc(100dvh - 260px),1000px)}.scene-navigation #expand-stage{gap:6px;padding:9px 12px;color:#315e4b}.scene-navigation #expand-stage:hover{background:#e5eedf}body.preview-open{overflow:hidden;background:#172a30}.preview-stage{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;border:0;border-radius:0!important;z-index:100;isolation:isolate}.preview-stage .preview-toolbar{position:absolute;inset:22px 28px auto;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:24px;pointer-events:none}.preview-toolbar>*{pointer-events:auto}.preview-brand{display:flex;align-items:baseline;gap:13px;color:#315547;text-shadow:0 1px 8px #ffffff88}.preview-brand>span{font-size:26px;font-weight:600;letter-spacing:5px}.preview-brand small{font-size:12px;color:#6e867d;letter-spacing:1px}.preview-toolbar .view-tabs{background:#f8fbf1d9;border:1px solid #ffffffcc;box-shadow:0 3px 20px #31554508;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:5px;gap:2px}.preview-toolbar .view-tabs button{padding:11px 18px;color:#688378}.preview-toolbar .view-tabs button.active{background:#315b4c;color:#fff}.preview-actions{display:flex;gap:6px}.preview-actions button{display:flex;align-items:center;gap:7px;border:1px solid #ffffff99;background:#f7faf1d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:12px 13px;font-size:12px;border-radius:7px;color:#4b6b5f}.preview-actions button:hover,.preview-actions button[aria-expanded=true]{background:#315b4c;color:#fff}.preview-actions button svg{width:16px;height:16px}.preview-stage .stage-top{top:101px;left:28px;right:28px}.preview-stage .stage-tag{font-size:12px;letter-spacing:.5px}.preview-stage .scene-navigation{top:158px;left:28px;z-index:5}.preview-stage .scene-navigation #expand-stage{display:none}.preview-stage .navigation-state,.preview-stage .navigation-state.close-view{top:216px;left:30px;font-size:12px}.preview-stage .wind-compass{top:158px;right:28px;background:#f7faf2d1}.preview-stage .stage-tools{left:28px;top:53%;background:#f8faf2dc}.preview-stage .sway-notice{left:29px;top:252px}.preview-stage .stage-bottom{padding:35px 28px 24px;background:linear-gradient(transparent,#e7efe2b8)}.preview-stage .canvas-hint{bottom:29px;left:380px;right:100px;font-size:11px}.preview-stage .preview-readings{position:absolute;right:28px;bottom:102px;display:flex;gap:30px;z-index:3;background:#f9fbf2bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffffb3;border-radius:11px;padding:17px 23px;pointer-events:none}.preview-readings>div>span{display:block;font-size:11px;color:#7b8e7f;margin-bottom:6px}.preview-readings strong{font-size:28px;color:#31594a;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.6px}.preview-readings small{font-size:11px;letter-spacing:0;margin-left:5px;color:#819383}.preview-stage .preview-drawer{position:absolute;top:101px;right:28px;bottom:102px;width:340px;z-index:10;display:block;background:#fafcf4f0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #ffffffdb;border-radius:13px;overflow:auto;box-shadow:0 15px 65px #2547341c;overscroll-behavior:contain}.drawer-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 0;font-size:12px;color:#8a9986}.drawer-heading button{padding:5px;display:grid;place-items:center;border-radius:5px}.drawer-heading svg{width:17px;height:17px}.preview-drawer .control-panel{padding:17px 22px 24px;border:0;border-radius:0;background:none;box-shadow:none}.preview-drawer .panel-heading{margin-bottom:22px}.preview-drawer .panel-heading h2{font-size:19px}.preview-with-controls .canvas-host,.preview-with-controls #farm-labels{right:394px}.preview-with-controls .wind-compass,.preview-with-controls .stage-top{right:421px}.preview-with-controls .stage-bottom{right:394px}.preview-with-controls .preview-readings{right:421px;gap:22px}.preview-with-controls .canvas-hint{right:430px}.preview-stage.preview-clean>:not(.canvas-host):not(#preview-restore):not(#info-dialog):not(#toast){display:none!important}.preview-clean .displacement-overlay,.preview-clean .part-label{display:none!important}.preview-clean .canvas-host{right:0}.preview-stage #preview-restore{position:absolute;top:24px;right:28px;z-index:30;display:flex;align-items:center;gap:7px;padding:11px 16px;border:1px solid #ffffff99;background:#f8fbf1d9;border-radius:7px;font-size:12px;color:#547364;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.preview-clean #preview-restore{opacity:.5}.preview-clean #preview-restore:hover,.preview-clean #preview-restore:focus-visible{opacity:1}.preview-stage.night .preview-brand{color:#e0e9dd;text-shadow:none}.preview-stage.night .preview-brand small{color:#adbfb4}@media(min-width:1550px){.stage{height:clamp(650px,calc(100dvh - 260px),1000px)}}@media(max-width:1200px){.preview-brand small{display:none}.preview-stage .preview-toolbar{gap:15px;inset:18px 22px auto}.preview-actions button{padding:12px 10px}.preview-actions button span{display:none}.preview-toolbar .view-tabs button{padding:11px 14px}.preview-stage .stage-top{top:91px}.preview-stage .scene-navigation{top:145px}.preview-stage .navigation-state,.preview-stage .navigation-state.close-view{top:202px}.preview-stage .wind-compass{top:145px}.preview-stage .sway-notice{top:238px}.preview-stage .preview-drawer{width:310px;top:91px;right:22px;bottom:94px}.preview-with-controls .canvas-host,.preview-with-controls #farm-labels{right:354px}.preview-with-controls .wind-compass,.preview-with-controls .stage-top{right:380px}.preview-with-controls .stage-bottom{right:354px}.preview-with-controls .preview-readings{right:380px}.preview-with-controls .canvas-hint{display:none}}@media(max-width:920px){.stage{height:680px}.preview-stage .preview-toolbar{inset:15px 18px auto}.preview-brand>span{font-size:22px}.preview-toolbar .view-tabs button{padding:10px 13px;font-size:12px}.preview-toolbar .view-tabs button svg{display:none}.preview-stage .canvas-hint{left:90px;right:90px;bottom:80px}.preview-stage .preview-readings{bottom:105px;gap:20px;padding:14px 18px}.preview-readings strong{font-size:25px}.preview-stage .preview-drawer{right:18px}.preview-with-controls .wind-compass{display:none}}@media(max-width:600px){.topbar{height:64px}.intro h1{font-size:25px}.workspace{padding-top:21px}.stage{height:620px}.scene-navigation #expand-stage{padding:8px 7px}.scene-navigation #expand-stage span{display:none}.preview-stage .preview-toolbar{top:14px;left:14px;right:14px;display:grid;grid-template-columns:1fr auto;gap:13px 8px}.preview-toolbar #preview-tabs{grid-row:2;grid-column:1/-1}.preview-toolbar .view-tabs{justify-content:center;padding:4px;border-radius:8px}.preview-toolbar .view-tabs button{font-size:12px;padding:10px 12px}.preview-brand>span{font-size:22px;letter-spacing:4px}.preview-actions{gap:4px}.preview-actions button{padding:8px;border-radius:5px}.preview-actions button svg{width:15px;height:15px}.preview-stage .stage-top{top:123px;left:15px;right:15px}.preview-stage .stage-tag{font-size:10px;max-width:155px}.preview-stage .scene-navigation{inset:auto auto 144px 50%;transform:translate(-50%);width:max-content;background:#f9fcf3df}.preview-stage .scene-navigation button{font-size:11px;padding:8px 12px}.preview-stage .navigation-state,.preview-stage .navigation-state.close-view{inset:auto 0 191px;margin:auto;text-align:center;width:max-content;max-width:92vw;font-size:10px;padding:4px 8px;background:#f9fcf0cc;border-radius:5px}.preview-stage .wind-compass{top:179px;right:14px;width:96px;padding:7px}.preview-stage .wind-compass>svg{width:76px;height:76px}.preview-stage .wind-compass p{font-size:9px}.preview-stage .wind-compass .compass-legend{font-size:8px}.preview-stage .stage-tools{left:12px;top:47%}.preview-stage .stage-tools button{height:32px;width:29px}.preview-stage .sway-notice{top:179px;left:14px;max-width:145px}.preview-stage .preview-readings{bottom:73px;left:14px;right:14px;padding:10px 15px;justify-content:space-between;gap:8px;border-radius:8px}.preview-readings>div>span{font-size:10px;margin-bottom:2px}.preview-readings strong{font-size:23px}.preview-readings small{font-size:10px}.preview-stage .stage-bottom{padding:20px 12px 17px;right:0}.preview-stage .stage-bottom button{font-size:10px}.preview-stage .canvas-hint{display:none}.preview-stage .preview-drawer{inset:170px 10px 13px;width:auto;max-height:calc(100dvh - 183px)}.preview-drawer .control-panel{padding:18px 23px 25px}.preview-with-controls .canvas-host,.preview-with-controls #farm-labels{right:0}.preview-with-controls .stage-top{right:15px}.preview-with-controls .preview-readings{display:none}.preview-stage #preview-restore{top:16px;right:14px;padding:10px 13px}.preview-stage .displacement-card{width:122px}.preview-stage .part-label{font-size:12px}.preview-stage .explode-options{max-width:calc(100vw - 25px)}}@media(max-height:600px)and (min-width:601px){.preview-stage .stage-top{top:82px}.preview-stage .scene-navigation{top:132px}.preview-stage .navigation-state,.preview-stage .navigation-state.close-view{top:187px}.preview-stage .wind-compass{top:132px;width:112px}.preview-stage .wind-compass>svg{width:80px;height:80px}.preview-stage .preview-readings{bottom:80px;padding:10px 18px}.preview-stage .sway-notice{top:225px}.preview-stage .preview-drawer{top:82px;bottom:75px}}.preview-actions .preview-inspection{display:flex;align-items:center;gap:7px;padding:12px 13px;background:#315b4ceb;color:#f3f6ee;border:1px solid #f3f6ee7a;border-radius:7px;font-size:12px;white-space:nowrap}.preview-inspection svg{width:16px;height:16px}.preview-inspection:hover{background:#224a3b}.inspection-entry{display:inline-flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}@media(max-width:1200px){.preview-actions .preview-inspection{padding:12px 10px}.preview-inspection span{display:none}}@media(max-width:600px){.preview-actions .preview-inspection{padding:8px}.preview-inspection svg{width:15px;height:15px}.header-actions .inspection-entry{font-size:10px}.inspection-entry svg{width:14px;height:14px}}