:root{--paper:#f3f2eb;--ink:#263d3b;--muted:#6c7770;--line:#d3d8cb;--accent:#866737;--green:#244e4b;--serif:"Hiragino Mincho ProN","Yu Mincho",Georgia,serif;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #b9934c;outline-offset:4px}button{transition:background .18s,color .18s,border-color .18s}button:hover:not(:disabled){background:#e4e8df;color:var(--green)}.workshop{max-width:1540px;padding:28px 52px 22px;margin:auto}.masthead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}.brand{text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.22em;line-height:1.6}.brand span{display:block;font-size:9px;color:var(--muted);letter-spacing:.16em;font-weight:400}.making-link{text-decoration:none;font-size:12px;letter-spacing:.04em}.making-link span{margin-left:12px;font-size:17px}.making-link:hover{text-decoration:underline;text-underline-offset:4px}.intro{display:flex;align-items:center;justify-content:space-between;padding:34px 0 28px}.eyebrow{margin:0 0 12px;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.19em;color:var(--accent)}.eyebrow span{width:6px;height:6px;background:var(--accent);border-radius:50%}h1{font-family:var(--serif);font-size:43px;font-weight:500;line-height:1.35;letter-spacing:.12em;margin:0}h1 span{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;font-size:12px;letter-spacing:.14em;margin-left:27px;font-weight:400}.intro-copy{font-family:var(--serif);font-size:13px;line-height:1.95;letter-spacing:.13em;margin:0 4px 0 30px}.bench-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:30px;align-items:start}.display{min-width:0}.stage{position:relative;width:100%;height:520px;background:#e9ebe1;border:1px solid #d5d9cc;overflow:hidden;border-radius:3px}.stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.stage-note,.stage-bottom{position:absolute;left:23px;right:23px;pointer-events:none;display:flex;justify-content:space-between;align-items:center;color:#748077;font-size:10px;letter-spacing:.08em}.stage-note{top:22px;align-items:flex-start;flex-direction:column;gap:9px}.tag{font-size:10px;letter-spacing:.2em;color:#3d5b50;border:1px solid #99a799;padding:5px 7px}.stage-bottom{bottom:20px}.stage-bottom i{display:inline-block;background:#5d9084;border-radius:50%;width:5px;height:5px;margin-right:6px;vertical-align:2px}.stage-bottom b{font-weight:400;font-size:18px;vertical-align:-2px;margin-left:5px}.view-bar{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:15px 0}.small-label{font-size:10px;color:var(--muted);white-space:nowrap}.view-buttons{display:flex;gap:4px}.view-buttons button{border:1px solid transparent;background:transparent;border-radius:3px;font-size:11px;color:var(--muted);padding:7px 10px;min-height:34px;white-space:nowrap}.view-buttons button[aria-pressed=true],.view-buttons button[aria-pressed=true]:hover{color:#f2f3e9;background:var(--green);border-color:var(--green)}.reset{margin-left:auto;border:0;background:none;color:var(--muted);font-size:12px;padding:6px 0 6px 5px;white-space:nowrap}.reset span{font-size:10px;margin-left:3px}.anatomy{display:flex;justify-content:space-around;align-items:center;padding:20px 4px;gap:5px}.anatomy>div{display:flex;gap:10px;align-items:center}.anatomy>div>span{font-family:Georgia,serif;color:var(--accent);font-size:27px;line-height:1;font-style:italic}.anatomy p{margin:0;font-size:10px;color:var(--muted);line-height:1.7}.anatomy strong{display:block;font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--ink)}.flow-arrow{font-size:15px;color:#a7b0a1}.controls{border-top:2px solid var(--green);padding-top:19px}.control-heading>span{font-size:9px;letter-spacing:.16em;color:var(--accent)}h2{font-size:19px;font-weight:500;font-family:var(--serif);letter-spacing:.09em;margin:9px 0 22px}.control-block{padding:0 0 18px;margin:0 0 17px;border-bottom:1px solid var(--line)}.control-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.control-title label{font-size:12px;font-weight:600;letter-spacing:.02em}.control-title label span{font-family:Georgia,serif;font-size:13px;font-weight:400;color:var(--accent);margin-right:7px}.control-title output,.angle-label output{font-family:Georgia,serif;font-size:14px;color:var(--accent);font-variant-numeric:tabular-nums}.controls input[type=range]{width:100%;height:18px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;display:block;cursor:pointer;accent-color:var(--green)}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--green) var(--fill,0%),#ccd2c5 var(--fill,0%));border-radius:3px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:var(--paper);width:15px;height:15px;border:4px solid var(--green);border-radius:50%;margin-top:-6px;box-shadow:0 0 0 3px var(--paper)}input[type=range]::-moz-range-track{height:3px;background:#ccd2c5}input[type=range]::-moz-range-progress{height:3px;background:var(--green)}input[type=range]::-moz-range-thumb{background:var(--paper);width:8px;height:8px;border:4px solid var(--green);border-radius:50%}input[type=range]:disabled{opacity:.30;cursor:default}.range-ends{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:5px}.rotation-row{display:flex;align-items:center;gap:15px}.play{display:flex;gap:7px;align-items:center;justify-content:center;flex-shrink:0;width:108px;height:35px;border:1px solid #9daa98;border-radius:2px;background:transparent;color:var(--green);font-size:11px}.play #play-icon{font-size:13px}.angle-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-top:17px;margin-bottom:7px}.angle-label output{font-size:12px}.control-hint{font-size:10px;line-height:1.5;color:var(--muted);margin:7px 0 0}.rotor-control{margin-bottom:15px}.air-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.air-row strong{display:block;font-size:12px;font-weight:500}.air-row div>span{font-size:10px;color:var(--muted);display:block;margin-top:5px}.switch{border:0;background:#b6c0b1;border-radius:20px;width:38px;height:22px;padding:3px;position:relative}.switch span{display:block;width:16px;height:16px;border-radius:50%;background:#f9f6e9;transition:transform .18s}.switch[aria-checked=true],.switch[aria-checked=true]:hover{background:var(--green)}.switch[aria-checked=true] span{transform:translateX(16px)}.switch[aria-checked=false]:hover{background:#8e9d88}.export{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:43px;padding:10px 15px;background:var(--green);border:1px solid var(--green);color:#f1f1e8;border-radius:2px;font-size:12px;letter-spacing:.04em}.export:hover:not(:disabled){background:#386964;color:#fff;border-color:#386964}.export span:last-child{font-size:19px;line-height:1}.message{font-size:10px;color:var(--muted);line-height:1.6;margin:10px 0 0;min-height:16px}#download-again{font-size:11px;margin-top:12px;color:var(--green)}#download-again:not([hidden]){display:block}footer{border-top:1px solid var(--line);margin-top:10px;padding-top:21px;display:flex;justify-content:space-between;gap:25px;color:var(--muted)}footer p{font-family:var(--serif);font-size:12px;letter-spacing:.06em;margin:0;line-height:1.9}footer>span{font-size:10px;line-height:1.7;text-align:right}.mobile-break{display:none}#fallback{position:absolute;inset:0;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}#fallback[hidden]{display:none}#fallback img{width:100%;max-height:75%;object-fit:contain}#fallback p{font-size:12px;line-height:1.7;text-align:center}.failed .stage-note,.failed .stage-bottom{display:none}.failed #engine-canvas{visibility:hidden}
@media(min-width:1450px){.stage{height:560px}.bench-layout{grid-template-columns:minmax(0,1fr) 312px;gap:36px}}
@media(max-width:1120px){.workshop{padding:23px 28px}.bench-layout{grid-template-columns:minmax(0,1fr) 266px;gap:23px}.stage{height:498px}h1{font-size:37px}h1 span{display:block;font-size:11px;margin:9px 0 0}.view-bar{gap:9px}.view-buttons button{padding:7px 8px}.small-label{display:none}.anatomy>div{gap:7px}.anatomy>div>span{font-size:23px}}
@media(max-width:800px){.workshop{padding:21px 22px}.bench-layout{grid-template-columns:1fr;gap:22px}.stage{height:480px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.control-heading{grid-column:1/-1}.control-heading h2{margin-bottom:23px}.air-row{grid-column:2;grid-row:3;align-self:start;margin-top:0}.export{grid-column:2;grid-row:3;align-self:end;margin-bottom:27px}.message{grid-column:2;grid-row:3;align-self:end;font-size:10px}.rotor-control{margin-bottom:0}.controls #download-again{grid-column:1/-1}.intro{padding:29px 0 24px}.intro-copy{font-size:12px}.anatomy{padding:20px 0}footer{margin-top:26px}.view-bar .small-label{display:block}}
@media(max-width:520px){.workshop{padding:18px 18px 26px}.masthead{padding-bottom:17px}.brand{font-size:10px;letter-spacing:.16em}.brand span{font-size:8px;letter-spacing:.10em}.making-link{font-size:10px}.making-link span{margin-left:3px}.intro{display:block;padding:25px 0 20px}.eyebrow{font-size:9px;letter-spacing:.15em}h1{font-size:35px;letter-spacing:.11em}h1 span{font-size:11px;letter-spacing:.13em;margin-top:7px}.intro-copy{font-family:inherit;font-size:11px;line-height:1.85;letter-spacing:.045em;margin:16px 0 0}.intro-copy br:first-child,.desktop-break{display:none}.stage{height:378px}.stage-note,.stage-bottom{left:15px;right:15px}.stage-note{top:17px;font-size:9px;gap:7px}.tag{font-size:9px;letter-spacing:.12em;padding:4px 6px}.stage-bottom{bottom:15px;font-size:9px;letter-spacing:0}.orbit-hint b{font-size:14px}.view-bar{gap:5px;padding:11px 0}.view-bar .small-label{display:none}.view-buttons{gap:2px}.view-buttons button{font-size:11px;padding:7px 9px;min-height:36px}.reset{font-size:17px;padding-left:4px}.reset span{font-size:9px;margin-left:0}.anatomy>div{gap:6px}.anatomy>div>span{font-size:22px}.anatomy p{font-size:9px}.anatomy strong{font-size:11px}.flow-arrow{font-size:10px}.anatomy{padding:17px 0 0}.controls{display:block;padding:20px 0 0}.control-heading h2{font-size:20px;margin-bottom:25px}.control-heading>span{font-size:10px}.control-block{margin-bottom:22px;padding-bottom:21px}.control-title label{font-size:13px}.control-title output{font-size:16px}.controls input[type=range]{height:25px}input[type=range]::-webkit-slider-thumb{height:19px;width:19px;margin-top:-8px}.range-ends{font-size:11px}.play{height:41px;font-size:12px;width:116px}.angle-label{font-size:11px;margin-top:18px}.control-hint{font-size:11px}.air-row{margin:0 0 23px}.air-row strong{font-size:13px}.air-row div>span{font-size:11px}.switch{width:42px;height:26px}.switch span{width:20px;height:20px}.export{margin:0;min-height:48px;font-size:13px}.message{font-size:11px}.rotor-control{margin-bottom:23px}footer{display:block;padding-top:18px;margin-top:23px}footer p{font-size:12px}footer>span{display:block;text-align:left;margin-top:12px;font-size:10px}.mobile-break{display:block}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}