.bench-intro{grid-template-columns:1.4fr 1fr;align-items:end;gap:50px;padding-block:55px 38px;display:grid}.bench-intro h1{font-size:clamp(3.5rem,5.3vw,5.3rem);line-height:1.03}.bench-intro>div:first-child>.folio-text-link{margin-bottom:24px;font-size:13px}.bench-intro h1 span{color:var(--accent)}.bench-intro p{color:var(--muted);max-width:450px;margin-bottom:18px;font-size:20px;line-height:1.6}.geometry-bench{--bench-color:#d5ed9b;--bench-secondary:#80b7a8}.geometry-bench button,.geometry-bench input,.geometry-bench select{font:inherit}.geometry-bench button{cursor:pointer;min-height:44px}.geometry-bench button:disabled{cursor:default;opacity:.5}.bench-presets{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:28px;display:grid}.bench-presets button{text-align:left;color:var(--ink);background:0 0;border:0;align-items:center;gap:18px;min-width:0;padding:22px 18px;display:flex}.bench-presets button+button{border-left:1px solid var(--line)}.bench-presets button[aria-pressed=true]{background:var(--surface)}.bench-presets button:hover strong{color:var(--bench-color)}.bench-presets strong{margin-bottom:6px;font-size:19px;font-weight:500;display:block}.bench-presets button>span:last-child{overflow-wrap:anywhere;min-width:0}.bench-presets small{color:var(--muted);font-size:13px;line-height:1.5;display:block}.bench-preset-symbol{width:45px;height:45px;color:var(--accent);flex:0 0 45px;position:relative}.bench-preset-symbol span{border:1px solid;border-radius:50%;position:absolute;inset:8px}.symbol-bloom span:nth-child(2){transform:translate(-7px)}.symbol-bloom span:nth-child(3){transform:translate(7px)}.symbol-orbit{color:#c8b2ef}.symbol-orbit span{inset:4px 13px;transform:rotate(45deg)}.symbol-orbit span:nth-child(2){transform:rotate(-45deg)}.symbol-orbit span:nth-child(3){transform:rotate(90deg)}.symbol-portal{color:#f0bd85}.symbol-portal span{border-radius:0;transform:rotate(30deg)}.symbol-portal span:nth-child(2){inset:12px;transform:rotate(45deg)}.symbol-portal span:nth-child(3){inset:16px;transform:rotate(60deg)}.bench-workspace{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:30px;display:grid}.bench-stage-column{min-width:0}.bench-stage{border:1px solid var(--line);background:#191c1b;height:625px;position:relative;overflow:hidden}.bench-stage:before{content:"";pointer-events:none;border:1px solid #d5ed9b12;position:absolute;inset:22px}.bench-stage-caption{z-index:2;pointer-events:none;color:var(--muted);justify-content:space-between;gap:12px;font-size:13px;display:flex;position:absolute;top:24px;left:26px;right:26px}.bench-stage-caption span:last-child{font-variant-numeric:tabular-nums}.bench-view{touch-action:pan-y;cursor:grab;position:absolute;inset:65px 15px 72px}.bench-view:active{cursor:grabbing}.bench-view>div:not(.bench-poster){inset:0;position:absolute!important}.bench-view canvas{pointer-events:none;touch-action:pan-y}.bench-poster{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.bench-poster[data-hidden=true]{visibility:hidden}.bench-poster img{object-fit:contain;width:100%;height:100%}.bench-stage-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;bottom:20px;left:26px;right:26px}.bench-stage-actions>div{gap:7px;display:flex}.bench-stage-actions button{background:var(--paper);border:1px solid var(--line);color:var(--ink);justify-content:center;align-items:center;gap:9px;padding:10px 13px;display:inline-flex}.bench-stage-actions button:hover:not(:disabled){border-color:var(--bench-color);color:var(--bench-color)}.bench-stage-note{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.6}.bench-controls{min-width:0}.bench-controls-title{margin-bottom:22px}.bench-controls h2{letter-spacing:-.025em;font-size:24px;line-height:1.2}.bench-controls-title p{color:var(--muted);margin-top:8px;font-size:14px}.bench-form-select{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;font-size:14px;display:flex}.bench-form-select select{width:62%;min-height:44px;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:0;padding:8px 12px}.bench-range{padding-block:7px 4px}.bench-range label{justify-content:space-between;align-items:center;gap:15px;font-size:14px;line-height:1.4;display:flex}.bench-range label span{color:var(--bench-color);font-variant-numeric:tabular-nums;font-size:13px}.bench-range input{cursor:pointer;width:100%;height:29px;accent-color:var(--bench-color);appearance:none;background:0 0;border:0;margin:0}.bench-range input::-webkit-slider-runnable-track{background:var(--line);height:2px}.bench-range input::-webkit-slider-thumb{appearance:none;border:3px solid var(--paper);background:var(--bench-color);width:16px;height:16px;box-shadow:0 0 0 1px var(--bench-color);border-radius:50%;margin-top:-7px}.bench-range input::-moz-range-track{background:var(--line);height:2px}.bench-range input::-moz-range-thumb{border:2px solid var(--paper);background:var(--bench-color);border-radius:50%;width:12px;height:12px}.bench-palettes{border:0;min-width:0;margin:19px 0 22px;padding:0}.bench-palettes legend{margin-bottom:10px;font-size:14px}.bench-palettes>div{flex-wrap:wrap;gap:6px;display:flex}.bench-palettes button{border:1px solid var(--line);color:var(--ink);background:0 0;align-items:center;gap:7px;padding:7px 9px;font-size:12px;display:flex}.bench-palettes button[aria-pressed=true]{border-color:var(--bench-color)}.bench-palettes i{border-radius:50%;width:10px;height:10px;display:inline-block}.bench-change-actions{border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding-top:19px;display:flex}.bench-change-actions button{color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.bench-change-actions button:hover{color:var(--bench-color)}.bench-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;margin-top:15px;padding-block:28px;display:flex}.bench-toolbar strong{font-size:19px;font-weight:500}.bench-toolbar p{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.5}.bench-save-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.bench-save-actions button{border:1px solid var(--line);color:var(--ink);background:0 0;align-items:center;gap:8px;padding:11px 14px;font-size:13px;display:flex}.bench-save-actions button:hover:not(:disabled){border-color:var(--bench-color);color:var(--bench-color)}.bench-status{min-height:24px;color:var(--bench-color);margin-top:14px;font-size:14px;line-height:1.6}.bench-share-fallback{margin-top:12px;font-size:14px;display:block}.bench-share-fallback input{width:100%;min-width:0;color:var(--ink);border:1px solid var(--line);background:var(--surface);margin-top:10px;padding:12px;display:block}.bench-nojs{padding-block:24px;line-height:1.6}.bench-nojs a{color:var(--accent);text-decoration:underline}.bench-making{grid-template-columns:1fr 1.2fr;gap:80px;padding-block:90px 100px;display:grid}.bench-making h2{margin-bottom:25px;font-size:clamp(2.5rem,3.7vw,3.8rem);line-height:1.1}.bench-making>div>p{color:var(--muted);max-width:410px;margin-bottom:25px;font-size:18px;line-height:1.7}.bench-making-notes details{border-top:1px solid var(--line);padding:23px 0}.bench-making-notes details:last-child{border-bottom:1px solid var(--line)}.bench-making-notes summary{cursor:pointer;font-size:21px;line-height:1.4}.bench-making-notes details p{color:var(--muted);margin-top:18px;font-size:16px;line-height:1.8}@media (max-width:1100px){.bench-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:22px}.bench-stage{height:600px}.bench-toolbar{flex-direction:column;align-items:flex-start}.bench-save-actions{justify-content:flex-start}.bench-presets small{display:none}.bench-intro{gap:30px}.bench-making{gap:45px}}@media (max-width:760px){.bench-intro{grid-template-columns:minmax(0,1fr);gap:23px;padding-block:36px 28px}.bench-intro h1{font-size:3.4rem}.bench-intro p{max-width:440px;margin-bottom:12px;font-size:17px}.bench-presets{gap:0;margin-bottom:18px}.bench-presets button{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 7px}.bench-presets strong{margin:0;font-size:14px;line-height:1.4}.bench-preset-symbol{transform-origin:0;flex-basis:34px;width:34px;height:34px;transform:scale(.8)}.bench-workspace{grid-template-columns:minmax(0,1fr);gap:23px}.bench-stage{height:410px}.bench-view{inset:46px 8px 76px}.bench-stage-caption{font-size:11px;top:17px;left:15px;right:15px}.bench-stage-actions{gap:8px;bottom:15px;left:14px;right:14px}.bench-stage-actions button{padding:9px 10px;font-size:12px}.bench-stage-actions>div{gap:5px}.bench-stage:before{inset:12px}.bench-stage-note{font-size:12px}.bench-controls-title{margin-bottom:18px}.bench-controls h2{font-size:26px}.bench-range{padding-block:11px 7px}.bench-range input{height:32px}.bench-palettes{margin-top:22px}.bench-palettes button{padding:9px 14px;font-size:14px}.bench-toolbar{gap:18px;padding-block:24px}.bench-save-actions button{padding:11px 10px;font-size:12px}.bench-making{grid-template-columns:minmax(0,1fr);gap:35px;padding-block:60px}.bench-making h2{font-size:2.8rem}.bench-making>div>p{font-size:17px}.bench-making-notes summary{font-size:20px}}@media (max-width:360px){.bench-stage{height:360px}.bench-stage-actions button{gap:5px;padding-inline:7px}.bench-stage-caption{font-size:10px}.bench-stage-actions>div{gap:3px}.bench-palettes button{padding-inline:10px}}.bench-stage{grid-template-rows:auto minmax(180px,1fr) auto;gap:12px;height:auto;min-height:625px;padding:24px;display:grid}.bench-stage-caption,.bench-stage-actions{position:static}.bench-motion-short{display:none}.bench-view{min-width:0;position:relative;inset:auto}@media (max-width:1100px){.bench-stage{min-height:600px}}@media (max-width:760px){.bench-motion-short{display:inline}.bench-motion-long{display:none}.bench-stage{min-height:410px;padding:14px}}@media (max-width:360px){.bench-stage{min-height:360px}}@media (max-width:760px) and (min-height:740px){.bench-workspace{display:block}.bench-stage-column{top:var(--folio-header-visible-height);transition:top var(--folio-header-transition);z-index:3;background:var(--paper);padding-block:8px 12px;position:sticky}.bench-stage{min-height:clamp(290px,40svh,350px)}.bench-view{inset:auto}.bench-stage-note{display:none}.bench-controls{padding-top:25px}.bench-controls input,.bench-controls select,.bench-controls button{scroll-margin-top:calc(var(--folio-header-visible-height) + 380px)}}
