.feedback-toggle.svelte-17fhwuj{min-width:44px;min-height:44px;color:var(--quiet);letter-spacing:1px;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0;font-size:7px;transition:color .2s,border-color .2s;display:flex}.feedback-toggle.svelte-17fhwuj:hover,.feedback-toggle.enabled.svelte-17fhwuj{color:var(--white);border-color:var(--line)}svg.svelte-17fhwuj{flex-shrink:0;width:18px;height:18px}@media print{.feedback-toggle.svelte-17fhwuj{display:none}}.floating-settings.svelte-1lfz0fz{top:max(20px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));z-index:100;view-transition-name:floating-settings;gap:10px;display:flex;position:fixed}@media (width<=700px){.floating-settings.svelte-1lfz0fz{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right))}}@media print{.floating-settings.svelte-1lfz0fz{display:none}}@font-face{font-family:Instrument;src:url(/fonts/instrument-serif.ttf)format("truetype");font-display:swap}@font-face{font-family:Plex;src:url(/fonts/ibm-plex-mono.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:Plex;src:url(/fonts/ibm-plex-mono-medium.ttf)format("truetype");font-display:swap;font-weight:500 700}@font-face{font-family:Caveat;src:url(/fonts/caveat.ttf)format("truetype");font-display:swap}:root{--paper:#001023;--ink:#e5f0f7;--muted:#a0adbb;--blue:var(--paper);--white:var(--ink);--quiet:var(--muted);--line:#8494a480;--faint-line:#8494a43b;--frame-ink:#c872ab;--frame-line:#c872abbf;--grid-pattern:url(/drawing-grid-dark.svg);--hover:#b9ccde14;--error-ink:#f1a4c9;--preview-filter:none;--mono:Plex, "Courier New", monospace;--hand:Caveat, cursive;--serif:Instrument, Georgia, serif;--rule-strong:1px;--rule-medium:1px;--rule-fine:1px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-drawing-theme=black]{--paper:#000;--ink:#fff;--muted:#aaa;--line:#ffffff73;--faint-line:#fff3;--frame-ink:#fff;--frame-line:#fff9;--grid-pattern:url(/drawing-grid-black.svg);--hover:#ffffff12;--error-ink:#fff;--preview-filter:brightness(0) invert(1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-drawing-theme=blueprint]{--paper:#164b70;--ink:#e8f1f5;--muted:#99b9ce;--line:#d5ebf840;--faint-line:#d5ebf81f;--frame-ink:#99b9ce;--frame-line:#d5ebf840;--hover:#d5ebf80f;--error-ink:#f1c6ad;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:var(--muted) var(--paper)}body{background:var(--blue);color:var(--white);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;padding:0}button:focus-visible,a:focus-visible{outline:1px solid var(--white);outline-offset:6px}.study-links{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;align-items:center;gap:16px;min-width:0;padding:5px 2px;display:flex;position:relative;overflow-x:auto}.study-links a{color:var(--quiet);flex-shrink:0;padding:8px 0;text-decoration:none;position:relative}.study-links a:focus-visible{outline-offset:1px}.study-links a:hover,.study-links a[aria-current]{color:var(--white)}.study-links a[aria-current]:after{content:"";border-bottom:1px solid var(--white);position:absolute;bottom:1px;left:0;right:1px;transform:rotate(-4deg)}.study-number:has(.study-links){gap:10px}.study-number:has(.study-links) b{margin-right:0}svg{fill:none;stroke:currentColor;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;display:block}.handwriting{font-family:var(--hand);font-weight:400}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scroll-study{--version-space:0px;--sheet-top:calc(82px + var(--version-space));height:690svh;position:relative}.scroll-study.has-versions{--version-space:44px}.has-versions .drawing-header{flex-wrap:wrap;row-gap:8px}.has-versions .study-number{flex:1}.drawing-screen{isolation:isolate;background-color:var(--blue);background-image:var(--grid-pattern);background-position:16px 14px;background-size:140px 140px;width:100%;height:100svh;position:sticky;top:0;overflow:hidden}.sheet-border{border:var(--rule-strong) solid var(--frame-line);outline:1px solid var(--faint-line);outline-offset:9px;pointer-events:none;z-index:5;position:absolute;inset:26px}:root[data-drawing-theme=blueprint] .drawing-screen{background-image:radial-gradient(at 48% 44%,#0000 25%,#02172c3d 100%),linear-gradient(#9fcfef0e 1px,#0000 1px),linear-gradient(90deg,#9fcfef0e 1px,#0000 1px),linear-gradient(#9fcfef0e 1px,#0000 1px),linear-gradient(90deg,#9fcfef0e 1px,#0000 1px);background-position:50%;background-size:100% 100%,100px 100px,100px 100px,20px 20px,20px 20px}:root[data-drawing-theme=blueprint] .drawing-screen:after{content:"";z-index:8;opacity:.07;pointer-events:none;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.35' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}:root[data-drawing-theme=blueprint] .sheet-border{outline:none}.sheet-border i{width:13px;height:13px;position:absolute}.sheet-border i:before,.sheet-border i:after{content:"";background:var(--quiet);opacity:.7;position:absolute}.sheet-border i:before{width:13px;height:var(--rule-medium);top:6px;left:0}.sheet-border i:after{width:var(--rule-medium);height:13px;top:0;left:6px}.sheet-border i:first-child{top:-7px;left:-7px}.sheet-border i:nth-child(2){top:-7px;right:-7px}.sheet-border i:nth-child(3){bottom:-7px;left:-7px}.sheet-border i:nth-child(4){bottom:-7px;right:-7px}.sheet-coordinates{color:var(--frame-ink);opacity:.6;pointer-events:none;justify-content:space-around;font-size:9px;display:flex;position:absolute;inset:9px 26px auto}.sheet-letters{color:var(--frame-ink);opacity:.6;pointer-events:none;flex-direction:column;justify-content:space-around;font-size:9px;display:flex;position:absolute;inset:90px auto 65px 10px}.scroll-study .sheet-border{top:var(--sheet-top)}.scroll-study .sheet-coordinates{top:calc(var(--sheet-top) - 17px)}.scroll-study .sheet-letters{top:calc(var(--sheet-top) + 26px)}.drawing-header{z-index:6;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:20px;left:51px;right:51px}.study-number{letter-spacing:1.6px;flex:0 auto;align-items:center;gap:12px;min-width:0;font-size:9px;display:flex}.study-number svg{width:25px;height:25px;color:var(--quiet);flex-shrink:0}.study-number b{color:var(--quiet);flex-shrink:0;margin:0 13px;font-weight:400}.study-number strong{font-weight:400}.drawing-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.drawing-views{align-items:center;gap:21px;display:flex}.drawing-views button{letter-spacing:1px;min-height:28px;color:var(--quiet);font-size:8px;transition:color .2s}.drawing-views button:hover,.drawing-views button.active{color:var(--white)}.view-button{position:relative}.view-button.active:after{content:"";border-bottom:1px solid var(--white);position:absolute;bottom:0;left:-1px;right:-1px;transform:rotate(-4deg)}.drawing-views>span{background:var(--line);width:1px;height:12px;margin-left:1px}#reset-view{place-items:center;width:22px;display:grid}#reset-view svg{width:17px;height:17px}.study-intro{z-index:3;top:calc(96px + var(--version-space));pointer-events:none;transform-origin:0;will-change:opacity, transform;position:absolute;right:65px}.eyebrow{letter-spacing:1.6px;color:var(--quiet);font-size:8px}h1{font-family:var(--serif);letter-spacing:-.5px;margin:12px 0 11px;font-size:clamp(39px,3.3vw,54px);font-weight:400;line-height:1.08}.study-intro>p{color:var(--quiet);letter-spacing:.3px;margin:0;font-size:10px}.drawing-field{inset:calc(105px + var(--version-space)) 45px 76px;position:absolute}.model-canvas{cursor:grab;touch-action:pan-y;position:absolute;inset:0}.model-canvas:active{cursor:grabbing}.model-canvas canvas{width:100%;height:100%;display:block;touch-action:pan-y!important}.annotation-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.annotation-lines path{stroke:var(--white);opacity:.65;stroke-width:.8px}.annotation-lines circle{fill:var(--blue);stroke:var(--white);stroke-width:.8px}.annotation{pointer-events:none;z-index:4;opacity:0;will-change:opacity, transform;position:absolute}.annotation-index{letter-spacing:1.8px;opacity:.8;font-size:8px}.annotation .handwriting{margin:13px 0 13px -2px;font-size:clamp(26px,2.25vw,38px);line-height:1.02;transform:rotate(-3deg)}.annotation-spec{letter-spacing:1px;color:var(--quiet);font-size:7px;display:block}.loose-note{pointer-events:none;opacity:0;z-index:3;will-change:opacity;font-size:28px;position:absolute}.assembly-label{letter-spacing:1.6px;color:var(--quiet);pointer-events:none;font-size:7px;position:absolute;bottom:1%;left:37%}.assembly-label i{margin:0 8px;font-style:normal}.model-loading{background:var(--blue);z-index:7;letter-spacing:2px;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.model-loading.hidden{display:none}.model-loading.error{letter-spacing:.5px;text-align:center;padding:70px;font-size:13px;line-height:1.9}.study-controls{display:contents}.drawing-footer{z-index:6;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:24px;display:grid;position:absolute;bottom:46px;left:56px;right:56px}.scroll-caption{letter-spacing:1.3px;align-items:center;gap:13px;width:310px;font-size:8px;display:flex}.drawing-screen .drawing-footer .scroll-caption{width:auto;min-width:0;max-width:290px;padding-bottom:4px;font-size:7px;line-height:1.6}.scroll-arrow{color:var(--quiet);font-size:23px;line-height:1}.interaction-hint{letter-spacing:1.4px;color:var(--quiet);align-items:center;gap:14px;font-size:7px;display:flex}.interaction-hint>span{font-size:21px;line-height:1}.scroll-progress{z-index:7;pointer-events:none;height:1px;position:absolute;bottom:26px;left:26px;right:26px}.scroll-progress>span{background:var(--white);opacity:.8;will-change:width;width:0;height:1px;display:block}.no-script{z-index:20;font:12px/1.8 var(--mono);background:var(--blue);border:1px solid var(--line);padding:20px;position:fixed;inset:auto 40px 100px}@media (width>=1700px){.study-intro{right:6%;top:max(calc(var(--sheet-top) + 14px), calc(11% + var(--version-space)))}.drawing-field{inset:calc(10% + var(--version-space)) 5% 9%}}@media (width<=1100px){.study-intro{top:calc(98px + var(--version-space));right:54px}h1{font-size:38px}.drawing-field{inset:calc(120px + var(--version-space)) 25px 90px}.annotation .handwriting{font-size:28px}.annotation-spec{letter-spacing:.7px;font-size:6px}.annotation-index{font-size:7px}.scroll-caption{letter-spacing:.7px;width:260px;font-size:7px}.drawing-footer{gap:16px}.interaction-hint{letter-spacing:.7px;gap:8px;font-size:6px}}@media (width<=700px){.study-controls>*,.drawing-screen>.gait-control{translate:0 -34px}.drawing-screen>.drawing-field{margin-bottom:34px}.scroll-study{--sheet-top:calc(84px + var(--version-space));height:620svh}.scroll-study.has-versions{--version-space:64px}.sheet-border{outline-offset:5px;inset:15px}.sheet-coordinates{font-size:7px;inset:3px 15px auto}.sheet-letters{font-size:7px;left:4px}.scroll-study .sheet-coordinates{top:calc(var(--sheet-top) - 11px)}.drawing-header{gap:13px;top:12px;left:29px;right:29px}.study-number{letter-spacing:.8px;gap:8px;font-size:6px}.study-number svg{width:21px;height:21px}.study-number b{margin:0 5px}.drawing-actions{gap:6px}.drawing-views{gap:12px;position:absolute;top:44px;right:0}.drawing-views button{letter-spacing:.5px;font-size:6px}.drawing-views>span,#reset-view{display:none}.study-intro{top:calc(91px + var(--version-space));left:33px;right:30px}.eyebrow{letter-spacing:1.3px;font-size:6px}h1{letter-spacing:-.3px;max-width:340px;margin:17px 0;font-size:clamp(38px,8.7vw,54px);line-height:.99}.study-intro>p{letter-spacing:0;font-size:8px}.drawing-field{inset:calc(126px + var(--version-space)) 4px 125px}.annotation-index{letter-spacing:1.4px;font-size:6px}.annotation .handwriting{margin:10px 0 12px;font-size:27px}.annotation-spec{letter-spacing:.7px;font-size:5px}.loose-note{font-size:22px}.assembly-label{letter-spacing:1px;white-space:nowrap;font-size:5px;bottom:-9%;left:50%;transform:translate(-50%)}.drawing-footer{flex-wrap:wrap;align-items:center;gap:12px;display:flex;bottom:44px;left:33px;right:33px}.scroll-caption{letter-spacing:1px;justify-content:center;gap:11px;width:100%;font-size:6px}.drawing-screen .drawing-footer .scroll-caption{width:100%;max-width:none;padding:0;font-size:6px}.scroll-arrow{font-size:19px}.interaction-hint{display:none}.scroll-progress{bottom:15px;left:15px;right:15px}.model-loading{font-size:8px}.model-loading.error{padding:40px;font-size:10px}}@media (width<=370px){.study-number{letter-spacing:.5px;font-size:5px}.drawing-views{gap:9px}h1{font-size:38px}.annotation .handwriting{font-size:24px}}@media (height<=650px) and (width>=701px){.study-intro{top:calc(87px + var(--version-space))}h1{font-size:38px}.study-intro>p{display:none}.drawing-field{inset:calc(78px + var(--version-space)) 45px 68px}.annotation .handwriting{font-size:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media print{.scroll-study{height:auto}.drawing-screen{-webkit-print-color-adjust:exact;print-color-adjust:exact;height:190mm;position:relative}.drawing-footer{display:block;bottom:26px}.drawing-footer .scroll-caption,.stage-navigation,.drawing-views,.scroll-progress,.gait-control{display:none}}@media (width<=700px){.study-number:has(.study-links){gap:7px}.study-links{gap:10px}.drawing-header:has(.study-links){gap:8px}.drawing-header:has(.study-links) .drawing-views{gap:10px}}@media (width<=370px){.drawing-header:has(.study-links) .study-number:not(:has(.book-link)) svg{display:none}}.fallback-description{max-width:650px;font:13px/1.8 var(--mono);background:var(--blue);z-index:10;margin:60px auto;padding:30px;position:relative}.floating-button{border:var(--rule-medium) solid var(--faint-line);width:44px;height:44px;color:var(--ink);background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex;box-shadow:0 4px 18px #0000001f}.floating-button svg{stroke-width:1.4px;width:20px;height:20px}.floating-button:hover,.floating-button[aria-expanded=true]{border-color:var(--ink);background:var(--paper)}.floating-button:focus-visible{outline:2px solid var(--frame-ink);outline-offset:4px}.floating-button:disabled{opacity:.4;cursor:default}.scroll-study.minimal-study{--version-space:0px;--sheet-top:26px}.scroll-study.minimal-study .drawing-screen{flex-direction:column;gap:16px;padding:104px 26px 26px;display:flex}.minimal-study .study-heading{z-index:10;pointer-events:none;flex-shrink:0;min-height:clamp(34px,3.8vw,50px);margin:0 30px;position:relative}.minimal-study .study-heading h2{font:400 clamp(30px, 3.4vw, 44px) / 1.12 var(--serif);letter-spacing:-.3px;text-wrap:balance;max-width:28ch;margin:0}.scroll-study.minimal-study .drawing-screen>.drawing-field{flex:1;min-height:0;margin:0;position:relative;inset:auto}.loading-ring{border:var(--rule-medium) solid var(--faint-line);border-top-color:var(--ink);border-radius:50%;width:24px;height:24px;animation:1s linear infinite drawing-loading}@keyframes drawing-loading{to{transform:rotate(360deg)}}@media (width<=700px){.scroll-study.minimal-study{--sheet-top:15px}.scroll-study.minimal-study .drawing-screen{gap:12px;padding:88px 15px 15px}.minimal-study .study-heading{margin:0 18px}.minimal-study .study-heading h2{font-size:clamp(28px,8vw,36px)}}@media screen and (height<=550px) and (width>=600px){.scroll-study.minimal-study .drawing-screen{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) clamp(240px,36vw,360px);gap:12px 16px;padding-top:76px;display:grid}.minimal-study .study-heading{grid-area:1/1;margin:0 12px}.scroll-study.minimal-study .drawing-screen>.drawing-field{grid-area:2/1}.minimal-study .study-heading h2{font-size:30px}}@media (prefers-reduced-motion:reduce){.loading-ring{animation:none}}.drawing-screen.sheet-turning{transform-origin:50%;backface-visibility:hidden;will-change:transform, filter;pointer-events:none}