:root{font-family:Arial,Helvetica,sans-serif;color:#24383a;background:#e9e6dc;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,.file-button{border:1px solid #bdc1b5;background:transparent;color:inherit;border-radius:3px;padding:9px 12px;cursor:pointer}button:hover,.file-button:hover{background:#dcded1}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,summary:focus-visible,svg:focus-visible{outline:3px solid #ba482f;outline-offset:3px}input[type=range]{accent-color:#c84f37;width:100%;height:18px}input[type=checkbox]{accent-color:#31584e}header{min-height:76px;border-bottom:1px solid #c9ccbf;padding:18px 4%;display:flex;align-items:center;justify-content:space-between;gap:15px}.wordmark{color:inherit;text-decoration:none;letter-spacing:2px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:12px}.symbol{font-size:35px;font-weight:400}.wordmark small{font-size:9px;font-weight:400;letter-spacing:1px;border-left:1px solid #a4ada3;padding-left:16px}.header-right{display:flex;align-items:center;gap:12px;font-size:11px}.privacy-dot{width:6px;height:6px;border-radius:100%;background:#64856c}main{max-width:1700px;margin:auto;padding:36px 4% 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px;gap:24px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;margin:0 0 16px}h1{font-family:Georgia,serif;font-size:clamp(42px,4.7vw,72px);font-weight:400;line-height:.97;margin:0;letter-spacing:-2px}h1 i{font-weight:400}.title-dot{color:#c64a35}.intro-copy{max-width:430px;padding-bottom:4px}.intro-copy>p{font-family:Georgia,serif;font-size:22px;line-height:1.35}.study-tabs{display:flex;gap:6px}.study-tabs button{font-size:11px;padding:10px 12px}.chosen{background:#293e3e!important;color:#eee9da!important;border-color:#293e3e}.workspace{display:grid;grid-template-columns:minmax(230px,1fr) minmax(360px,1.9fr) minmax(210px,.85fr);border-top:1px solid #a5b0a5;gap:26px;padding-top:24px}.sectionline,.stage-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;letter-spacing:1px}.sectionline button{font-size:10px;padding:5px 8px;letter-spacing:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:19px}.field svg{display:block;width:100%;margin-top:10px;border:1px solid #c3c5b6;touch-action:none;cursor:crosshair}.field p{font-size:9px;color:#62716a;line-height:1.5;margin:7px 0}.cursor{display:none}.field svg:focus .cursor{display:block}.brush{display:flex;align-items:center;gap:12px;margin:17px 0;border-bottom:1px solid #c4cabe;padding-bottom:18px}.brush>label{flex:1;font-size:10px}.brush span{font-size:10px;white-space:nowrap}.brush .number{flex:0 0 48px}.population{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px}.number{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#4a605a;min-width:0}.number input{border:1px solid #c1c8bb;background:#f3f0e5;border-radius:2px;width:100%;padding:8px 6px;color:#243d3a;font-size:12px}.note{color:#60716b;font-size:10px;line-height:1.7}.author details{margin-top:23px;border-top:1px solid #bac4b8;padding-top:16px}summary{cursor:pointer;font-size:11px;font-weight:700;line-height:1.6}summary span{float:right;color:#60716b}.constraint{border:1px solid #bdc5b9;padding:10px;margin:10px 0}.coords{display:flex;gap:5px;margin:9px 0}.coords .number{flex:1;font-size:8px}.coords input{padding:5px 2px}.coords button{padding:4px}.waypoints{margin-top:8px}h3{font-size:11px;margin:20px 0 10px}.stage{border-left:1px solid #c2c9bb;border-right:1px solid #c2c9bb;padding:0 25px}.stage-top{font-size:9px;margin:7px 0 16px}.canvas-wrap{background:#f0e9d9;border:1px solid #b6bdaf;box-shadow:0 6px 15px #263f3510;padding:15px}.transport{width:100%;display:block;aspect-ratio:1}.canvas-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;margin-top:12px;color:#6a766c}.canvas-caption b{font-family:Georgia,serif;font-size:15px;color:#2b4542;margin:0 7px}.transport-controls{display:flex;gap:14px;align-items:center;padding-top:20px}.play{background:#263e3b;color:#fff2db;border:0;min-width:83px}.play:hover{background:#38534b}.scrubber{flex:1;font-size:0}.transport-controls output{font-size:12px;min-width:33px;font-variant-numeric:tabular-nums}.steps{display:flex;gap:6px;align-items:center;margin-top:12px}.steps button{font-size:10px;padding:6px 10px}.steps label{margin-left:auto;font-size:10px;display:flex;gap:5px;align-items:center}.status{display:flex;gap:12px;margin:20px 0;padding:14px;border-top:1px solid #b8c2b4;background:#e0e5d8}.status-icon{color:#366953}.status strong{font-size:11px}.status p{font-size:10px;line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere}.blocked{background:#eed9c5}.error{background:#e9c6b8;border:1px solid #af4d30;padding:12px;font-size:12px}.inspector .eyebrow{margin:8px 0 20px}h2{font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.12;margin:0}.identity{border-top:1px solid #b9c2b5;border-bottom:1px solid #b9c2b5;display:flex;flex-direction:column;gap:7px;margin:22px 0 18px;padding:16px 0}.identity span{font-size:9px;letter-spacing:1px}.identity strong{font-family:Georgia,serif;font-size:56px;font-weight:400;color:#c54f35;line-height:1}.swap{margin:20px 0}.swap button{width:100%;font-size:11px;margin-top:8px}dl{display:grid;grid-template-columns:1fr 1fr;gap:11px;font-size:9px;margin:24px 0 15px}dt{color:#6a786f}dd{margin:0;text-align:right}.exports{border-top:1px solid #b9c2b5;margin-top:23px}.exports button,.exports .file-button{width:100%;display:block;text-align:center;font-size:11px;margin:8px 0}.primary{background:#c45239;color:#fff4e0;border-color:#c45239}.primary:hover{background:#a7432d}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.file-button:focus-within{outline:3px solid #ba482f}.file-button{position:relative}footer{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;border-top:1px solid #bdc5b8;margin-top:38px;padding:22px 0 30px;font-size:9px;letter-spacing:.6px}footer details{max-width:500px}footer summary{font-size:10px;text-align:right}footer p{line-height:1.6;letter-spacing:0}footer button{font-size:10px;margin-right:6px}@media(min-width:1500px){.fields{gap:18px}.canvas-wrap{padding:20px}.inspector{padding-left:10px}}@media(max-width:1100px){main{padding-left:3%;padding-right:3%}.workspace{grid-template-columns:minmax(220px,1fr) minmax(350px,1.7fr);gap:20px}.stage{border-right:0;padding-right:0}.inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.inspector h2,.inspector .eyebrow{display:none}.identity{margin:0}.inspector>p{margin:0}.swap,.exports,dl{margin-top:0}.exports{grid-column:3;grid-row:1/4}.inspector>.number{grid-column:1}.inspector>.note{grid-column:2}.swap{grid-column:1}.inspector dl{grid-column:2}}@media(max-width:700px){header{padding:12px 5%}.wordmark small,.header-right>span{display:none}.header-right{font-size:0}.header-right button{font-size:10px}main{padding:26px 5% 0}.intro{display:block;margin-bottom:24px}h1{font-size:50px}.intro-copy>p{font-size:18px;margin:20px 0 15px}.workspace{display:flex;flex-direction:column}.author{order:2}.stage{order:1;border:0;padding:0}.inspector{order:3;display:block;border-top:1px solid #bbc3b7;padding-top:20px}.identity{margin:15px 0}.inspector>p,.swap,.exports,dl{margin:16px 0}.fields{gap:18px}.field p{font-size:10px}.field svg{max-height:230px}.canvas-wrap{padding:12px}.stage-top{margin-top:0}.transport-controls{padding-top:16px}.status{margin-bottom:5px}.inspector h2,.inspector .eyebrow{display:block}.identity strong{font-size:45px}footer{flex-direction:column;gap:15px}footer summary{text-align:left}.number{font-size:11px}.number input{font-size:16px}.coords .number input{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}