@font-face{font-family:Geist Serif;src:url(../fonts/GeistSerif-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url(../fonts/Geist-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url(../fonts/Geist-Medium.woff2)format("woff2");font-weight:500;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--page:#fbf6ea;--surface:#fbfaf7;--ink:#111511;--body:#444944;--muted:#535753;--faint:#8d918e;--forest:#1d3a2a;--forest-hover:#2b4f3b;--forest-pressed:#142a1e;--line:#11151117;--line-strong:#1115112e;--wash:#1115110a;--wash-strong:#11151117;--serif:"Geist Serif", "Times New Roman", Times, serif;--sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--stage-width:1080px;--reading-width:680px;--gutter:24px;--radius-outer:12px;--radius-control:7px;--control-height:36px;--float-shadow:0 1px 2px #11151112, 0 6px 16px #1115110d}@media (max-width:767px){:root{--gutter:16px}}@media (pointer:coarse){:root{--control-height:44px}}*,:before,:after{box-sizing:border-box}html{background:var(--page);-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);font:400 15px/24px var(--sans);font-synthesis:none;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0}::selection{background:#1d3a2a26}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{width:100%;max-width:calc(var(--stage-width) + var(--gutter) * 2);padding:0 var(--gutter);margin:0 auto}.topbar{justify-content:space-between;align-items:center;height:52px;display:flex}.topbar nav{align-items:center;gap:4px;margin-right:-8px;display:flex}@media (max-width:419px){.topbar nav{gap:0;margin-right:-6px}.topbar nav .quiet{white-space:nowrap;padding:0 6px}}.title{grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:16px;margin-bottom:16px;display:grid}.title h1{font:400 40px/44px var(--serif);letter-spacing:-.03em;margin:0}.quiet{border-radius:var(--radius-control);min-height:36px;color:var(--muted);align-items:center;gap:6px;padding:0 8px;font-size:14px;line-height:20px;text-decoration:none;transition:color .12s;display:inline-flex}.quiet:active{color:var(--ink)}.back{margin-left:-8px}.back svg{flex:none}.prose a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px}.prose a:active{text-decoration-color:currentColor}@media (hover:hover){.quiet:hover{color:var(--ink)}.prose a:hover{text-decoration-color:currentColor}}:focus{outline:none}:focus-visible{outline:2px solid var(--forest);outline-offset:2px}.control{appearance:none;min-height:var(--control-height);border-radius:var(--radius-control);color:var(--ink);font:400 14px/18px var(--sans);letter-spacing:-.003em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;padding:0 11px;text-decoration:none;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}.control:active{background:var(--wash-strong)}@media (hover:hover){.control:hover{background:var(--wash)}.control:active{background:var(--wash-strong)}}.control[aria-pressed=true]{background:var(--forest);color:#fff;font-weight:500}.control[aria-pressed=true]:active{background:var(--forest-pressed)}@media (hover:hover){.control[aria-pressed=true]:hover{background:var(--forest-hover);color:#fff}.control[aria-pressed=true]:active{background:var(--forest-pressed);color:#fff}}.control.outline{border-color:var(--line-strong);background:var(--paper)}.control.outline:active{background:var(--wash-strong)}@media (hover:hover){.control.outline:hover{background:var(--surface);border-color:#11151147}.control.outline:active{background:var(--wash-strong)}}.control.primary{background:var(--forest);color:#fff;padding:0 14px;font-weight:500}.control.primary:active{background:var(--forest-pressed)}@media (hover:hover){.control.primary:hover{background:var(--forest-hover);color:#fff}.control.primary:active{background:var(--forest-pressed);color:#fff}}.control[aria-disabled=true],.control[aria-disabled=true]:active{color:var(--faint);cursor:default;background:0 0}@media (hover:hover){.control[aria-disabled=true]:hover,.control[aria-disabled=true]:active{color:var(--faint);background:0 0}}.control.primary[aria-busy=true],.control.primary[aria-busy=true]:active{background:var(--forest-hover);color:#ffffffd9;cursor:progress}@media (hover:hover){.control.primary[aria-busy=true]:hover,.control.primary[aria-busy=true]:active{background:var(--forest-hover);color:#ffffffd9}}.stage{isolation:isolate;width:100%;height:var(--stage-height,620px);border:1px solid var(--line-strong);border-radius:var(--radius-outer);background:var(--surface);position:relative;overflow:hidden;container-type:inline-size}.float{background:var(--paper);border:1px solid var(--line-strong);box-shadow:var(--float-shadow);border-radius:10px}.divider{background:var(--line);flex:none;align-self:stretch;width:1px;margin:6px 3px}.reading{max-width:var(--reading-width);margin:72px 0 0;scroll-margin-top:32px}.reading h2{font:400 26px/32px var(--serif);letter-spacing:-.02em;margin:0 0 12px}.reading h3{font:500 13px/20px var(--sans);color:var(--ink);margin:44px 0 10px}.prose{font:400 17px/27px var(--serif);color:var(--body);letter-spacing:-.005em;margin:0 0 12px}.results{border-top:1px solid var(--line);margin:0}.results>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,200px) minmax(0,1fr);column-gap:20px;padding:12px 0;display:grid}.results dt{color:var(--muted);font-size:14px;line-height:22px}.results dd{color:var(--body);margin:0;font-size:14px;line-height:22px}.results b{color:var(--ink);font-weight:500;display:block}.limits{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.limits li{border-bottom:1px solid var(--line);color:var(--body);padding:10px 0;font-size:14px;line-height:22px}.page-end{max-width:var(--reading-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:56px 0 0;padding:0 0 40px;display:flex}.page-end nav{align-items:center;gap:4px;display:flex}.page-end .quiet:last-child{margin-right:-8px}@media (max-width:559px){.results>div{grid-template-columns:minmax(0,1fr);row-gap:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--band-gap:128px;--figure-fill:var(--surface)}@media (max-width:767px){:root{--band-gap:88px}}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.title h1{animation:.48s cubic-bezier(.2,.7,.2,1) both arrive}.title .control{animation:.48s cubic-bezier(.2,.7,.2,1) 70ms both arrive}.stage{animation:.5s cubic-bezier(.2,.7,.2,1) .14s both arrive}@keyframes come-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.reveal.in{animation:.72s cubic-bezier(.2,.6,.2,1) both come-in}.reading{max-width:none;margin-top:88px}.reading h2{max-width:880px;font:400 clamp(30px, 4.3vw, 46px)/1.08 var(--serif);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:0 0 28px}.columns{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;max-width:920px;margin-top:36px;display:grid}.columns .prose{margin:0}.band{content-visibility:auto;contain-intrinsic-size:auto 760px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);margin-bottom:-40px;padding-bottom:40px}.band.laid{content-visibility:visible}.band{margin-top:var(--band-gap);scroll-margin-top:32px}.band-head{max-width:var(--reading-width);margin-bottom:32px}.band h3{font:400 30px/36px var(--serif);letter-spacing:-.022em;color:var(--ink);margin:0 0 12px}.band-head .prose:last-child{margin-bottom:0}.band-head .control{margin-top:20px}.scope{max-width:var(--reading-width);color:var(--body);margin:28px 0 0;font-size:14px;line-height:22px}.fig{margin:0}figcaption{color:var(--muted);margin-top:12px;font-size:14px;line-height:21px}figcaption strong{color:var(--ink);font-weight:500;display:block}.made{grid-template-columns:minmax(0,1fr) 328px;align-items:stretch;column-gap:36px;display:grid}.made-view{border:1px solid var(--line-strong);border-radius:var(--radius-outer);background:var(--paper);height:580px;position:relative;overflow:hidden}.made-view canvas{opacity:0;width:100%;height:100%;transition:opacity .4s ease-out;display:block;position:absolute;inset:0}.made[data-ready] canvas{opacity:1}.made-spread{width:176px;padding:0;font-size:14px;line-height:18px;position:absolute;bottom:10px;right:16px}.made-spread span{color:var(--muted)}.made-steps{flex-direction:column;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.made-steps li{border-top:1px solid var(--line)}.made-steps li:last-child{border-bottom:1px solid var(--line)}.step{appearance:none;width:100%;color:var(--muted);font:400 14px/20px var(--sans);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:0;grid-template-columns:26px minmax(0,1fr);gap:2px 4px;margin:0;padding:14px 10px 15px 12px;transition:background-color .12s,color .12s;display:grid;position:relative}.step:before{content:"";background:var(--forest);width:2px;transition:transform .2s cubic-bezier(.2,0,0,1);position:absolute;top:-1px;bottom:-1px;left:0;transform:scaleY(0)}.step i{color:var(--faint);grid-row:1/span 2;font-size:14px;font-style:normal;transition:color .12s}.step b{font:400 19px/24px var(--serif);letter-spacing:-.012em;color:var(--body);transition:color .12s}.step span{grid-column:2}.step:focus-visible{outline-offset:-2px}.step:active{background:var(--wash-strong)}.step[aria-pressed=true]{color:var(--body);background:var(--surface)}.step[aria-pressed=true]:before{transform:none}.step[aria-pressed=true] b,.step[aria-pressed=true] i{color:var(--ink)}@media (hover:hover){.step:hover{background:var(--wash)}.step:hover b{color:var(--ink)}.step[aria-pressed=true]:hover{background:var(--wash)}.step:active,.step[aria-pressed=true]:active{background:var(--wash-strong)}}.made figcaption{grid-column:1/-1}.line canvas{touch-action:pan-y;width:100%;display:block}#line-over{aspect-ratio:3;border:1px solid var(--line-strong);border-radius:var(--radius-outer) var(--radius-outer) 0 0;background:var(--figure-fill);cursor:pointer;border-bottom:0;height:auto}.line-at{z-index:1;margin:-12px 0;padding:0;display:block;position:relative}.line-at input{height:24px}.line-at input::-webkit-slider-runnable-track{background:var(--line-strong);height:1px}.line-at input::-moz-range-track{background:var(--line-strong);height:1px}.line-at input::-moz-range-progress{background:var(--line-strong);height:1px}.line-at input::-webkit-slider-thumb{width:18px;height:18px;box-shadow:0 0 0 3px var(--paper);cursor:ew-resize;margin-top:-9px}.line-at input::-moz-range-thumb{width:18px;height:18px;box-shadow:0 0 0 3px var(--paper);cursor:ew-resize}.line-window{border:1px solid var(--line-strong);border-radius:0 0 var(--radius-outer) var(--radius-outer);background:var(--paper);border-top:0;position:relative;overflow:hidden}#line-loupe{cursor:grab;opacity:0;height:320px;transition:opacity .4s ease-out}#line-over,.line[data-ready] #line-loupe{opacity:1}#line-loupe[data-held]{cursor:grabbing}.key{color:var(--body);pointer-events:none;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;font-size:14px;line-height:20px;list-style:none;display:flex;position:absolute;top:12px;left:14px}.key li{background:#ffffffe0;border-radius:5px;align-items:center;gap:7px;margin-left:-7px;padding:1px 7px;display:flex}.key i{flex:none;display:block}.key-before{background:var(--paper);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1.1px #1115119e}.key-after{background:var(--forest);width:7px;height:7px}.key-band{background:linear-gradient(to bottom, #1d3a2a24 0 4px, var(--forest) 4px 6px, #1d3a2a24 6px 10px);width:20px;height:10px}.line-count{color:var(--muted);pointer-events:none;margin:0;font-size:14px;line-height:20px;position:absolute;bottom:11px;right:14px}.measures{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 56px;margin-top:64px;display:grid}.measure{margin:0}.measure-figure{flex-wrap:wrap;align-items:baseline;column-gap:12px;margin:0;display:flex}.measure-figure b{font:400 60px/64px var(--serif);letter-spacing:-.035em;color:var(--ink)}.measure-figure b:first-child{color:#858986}.measure-figure span{color:var(--muted);font-size:15px}.bars{height:12px;margin-top:14px;position:relative}.bars i{position:absolute;top:0;bottom:0;left:0}.bar-base{box-shadow:inset 0 0 0 1px var(--line-strong);background:repeating-linear-gradient(135deg,#0000 0 5px,#1115110f 5px 6px);right:0}.bar-now{background:var(--forest)}.moved{margin-top:64px}.moved-scale{--unit:400px;max-width:var(--reading-width);row-gap:8px;display:grid}.moved-row{align-items:center;font-size:14px;line-height:20px;display:flex}.moved-row span{width:84px;color:var(--muted);flex:none}.moved-row i{width:calc(var(--at) * var(--unit));background:var(--forest);flex:none;height:10px;display:block}.moved-row b{color:var(--ink);white-space:nowrap;padding-left:10px;font-weight:500}.moved-row[data-outside] i{box-shadow:inset 0 0 0 1px var(--forest);background:repeating-linear-gradient(135deg,#0000 0 4px,#1d3a2a8c 4px 5px)}.moved-rule{width:var(--unit);border-top:1px solid var(--ink);background:repeating-linear-gradient(to right, var(--ink) 0 1px, transparent 1px calc(var(--unit) / 10)) 0 0 / 100% 5px no-repeat;height:24px;color:var(--muted);margin:2px 0 0 84px;font-size:14px;line-height:18px;position:relative}.moved-rule:after{content:"";background:var(--ink);width:1px;height:5px;position:absolute;top:0;right:0}.moved-rule span{position:absolute;top:7px}.moved-rule span:last-child{white-space:nowrap;right:0;transform:translate(50%)}.band>.prose{max-width:var(--reading-width);margin-top:20px}.pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 56px;display:grid}.chart{margin:0}.chart figcaption{margin:0 0 14px}.chart-rows{row-gap:4px;display:grid}.chart-row{color:var(--muted);grid-template-columns:88px minmax(0,1fr) 54px;align-items:start;font-size:14px;line-height:20px;display:grid}.chart-row b{text-align:right;color:var(--ink);font-weight:500}.chart-row i{background:linear-gradient(#111511, #111511) calc(var(--target,-10) / var(--full) * 100%) 0 / 1px 100% no-repeat;height:28px;display:block;position:relative}.chart-row i:before{content:"";height:12px;width:calc(var(--v) / var(--full) * 100%);background:#11151129;position:absolute;top:4px;left:0}.chart-row[data-win] i:before,.chart-row[data-loss] i:before{background:var(--forest)}.chart-row[data-win] span,.chart-row[data-loss] span{color:var(--ink)}.chart-row i:after{content:"";height:5px;top:19px;left:calc(var(--lo) / var(--full) * 100%);width:calc((var(--hi) - var(--lo)) / var(--full) * 100%);border-left:1px solid var(--ink);border-right:1px solid var(--ink);background:linear-gradient(var(--ink), var(--ink)) 0 50% / 100% 1px no-repeat;min-width:3px;position:absolute}.chart-say{font:400 19px/26px var(--serif);letter-spacing:-.012em;color:var(--ink);margin:16px 0 0}.checks{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:48px;display:grid}.check-fig{margin:0}.bugs{grid-template-columns:repeat(14,11px);gap:4px;display:grid}.bugs i{background:var(--forest);width:11px;height:11px}.bugs i[data-timeout]{box-shadow:inset 0 0 0 1.5px var(--forest);background:0 0}.scenes{--pitch:7px;gap:10px;display:flex}.scenes i{height:calc(var(--pitch) * 10);background:radial-gradient(circle at 50% 50%, var(--dot) 0 1.6px, transparent 2.1px) 0 0 / var(--pitch) var(--pitch);display:block}.scenes-plain{--dot:#8d918e;width:calc(var(--pitch) * 12)}.scenes-crowded{--dot:var(--forest);width:calc(var(--pitch) * 30)}.engines{color:var(--ink);flex-wrap:wrap;align-items:center;gap:6px 0;font-size:14px;line-height:18px;display:flex}.engines span{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--paper);padding:5px 8px}.engines span+span{margin-left:18px;position:relative}.engines span+span:before{content:"=";color:var(--muted);position:absolute;top:5px;left:-13px}.catalogue{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;margin:0;padding:0;list-style:none;display:grid}.card{appearance:none;width:100%;color:var(--ink);font:400 14px/20px var(--sans);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:8px;margin:0;padding:0;display:grid}.card:focus-visible{outline-offset:6px}.card canvas{aspect-ratio:3/2;background:var(--surface);width:100%;box-shadow:0 0 0 1px var(--line-strong);border-radius:4px;transition:box-shadow .16s,transform .2s cubic-bezier(.2,0,0,1);display:block}.card-head{align-items:baseline;gap:10px;margin-top:14px;display:flex}.card-head i{min-width:18px;font:400 15px/24px var(--serif);color:var(--muted);font-style:normal}.card-head b{font:400 21px/26px var(--serif);letter-spacing:-.016em}.card-note{color:var(--body);margin-top:2px}.card-meta{color:var(--muted);flex-wrap:wrap;column-gap:12px;margin-top:8px;font-size:14px;line-height:20px;display:flex}.card-meta em{color:var(--forest);opacity:0;margin-left:auto;font-style:normal;transition:opacity .14s}.card:focus-visible em{opacity:1}.card[data-current] em{opacity:1;transition:none}.card[data-current] canvas{box-shadow:0 0 0 1px var(--page), 0 0 0 3px var(--forest)}.card:active canvas{transform:scale(.985)}@media (hover:hover){.card:hover canvas{transform:translateY(-2px);box-shadow:0 0 0 1px #11151159,0 10px 24px #11151114}.card[data-current]:hover canvas{box-shadow:0 0 0 1px var(--page), 0 0 0 3px var(--forest-hover), 0 10px 24px #11151114}.card:hover em{opacity:1}.card:active canvas{transform:scale(.985)}}@media (hover:none){.card-meta em{opacity:1}}.studio{grid-template-columns:300px minmax(0,1fr);align-items:start;column-gap:56px;display:grid}.studio .band-head{margin-bottom:0}.film-frame{aspect-ratio:1280/800;border:1px solid var(--line-strong);border-radius:var(--radius-outer);background:var(--surface);position:relative;overflow:hidden}.film-frame video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.film-play{appearance:none;border-radius:inherit;width:100%;color:var(--ink);font:500 14px/18px var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;justify-content:flex-start;align-items:flex-end;gap:10px;margin:0;padding:16px;display:flex;position:absolute;inset:0}.film-play:focus-visible{outline-offset:-4px}.film-play i{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;transition:background-color .12s,transform .16s cubic-bezier(.2,0,0,1);display:grid}.film-play svg{margin-left:2px}.film-play span{border-radius:var(--radius-control);background:var(--paper);box-shadow:0 0 0 1px var(--line-strong), var(--float-shadow);align-self:flex-end;margin-bottom:9px;padding:5px 10px}.film-play:active i{background:#000;transform:scale(.94)}@media (hover:hover){.film-play:hover i{background:var(--forest);transform:scale(1.06)}.film-play:active i{background:var(--forest-pressed);transform:scale(.94)}}.film-frame[data-playing] .film-play{display:none}.limits{counter-reset:limit;columns:2;border-top:0;column-gap:56px;margin:0;padding:0;list-style:none}.limits li{counter-increment:limit;break-inside:avoid;border-top:1px solid var(--line);color:var(--body);border-bottom:0;padding:14px 0 14px 40px;font-size:14px;line-height:22px;position:relative}.limits li:before{content:counter(limit);font:400 17px/24px var(--serif);color:var(--muted);position:absolute;top:13px;left:0}.ending{margin-top:var(--band-gap);border-top:1px solid var(--line-strong);padding-top:56px}.ending-line{max-width:100%;color:var(--ink);font:400 44px/52px var(--serif);letter-spacing:-.03em;text-wrap:balance;border-radius:4px;align-items:center;gap:16px;text-decoration:none;display:inline-flex}.ending-line svg{flex:none;transition:transform .2s cubic-bezier(.2,0,0,1)}.ending-line:active{color:var(--forest-pressed)}@media (hover:hover){.ending-line:hover{color:var(--forest)}.ending-line:hover svg{transform:translate(6px)}}.ending-links{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;margin:56px 0 0;padding:0;list-style:none;display:grid}.ending-links a{border-top:1px solid var(--line);color:var(--muted);border-radius:2px;padding:14px 0 6px;font-size:14px;line-height:21px;text-decoration:none;display:block}.ending-links b{color:var(--ink);text-underline-offset:3px;font-size:14px;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .12s;display:block}.ending-links a:active b{text-decoration-color:currentColor}@media (hover:hover){.ending-links a:hover b{text-decoration-color:currentColor}}.page-end{max-width:none;margin-top:64px}.keys-dialog{border:1px solid var(--line-strong);border-radius:var(--radius-outer);background:var(--paper);width:min(420px,100vw - 32px);color:var(--ink);padding:0;box-shadow:0 2px 6px #11151114,0 24px 60px #1115112e}.keys-dialog::backdrop{background:#11151133}.keys-dialog[open]{animation:.18s cubic-bezier(.2,0,0,1) both rise}.keys-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 10px 10px 18px;display:flex}.keys-head h2{font:400 20px/26px var(--serif);letter-spacing:-.015em;margin:0}.keys-list{margin:0;padding:6px 18px 14px}.keys-list div{border-bottom:1px solid var(--line);grid-template-columns:148px minmax(0,1fr);column-gap:12px;padding:7px 0;font-size:14px;line-height:20px;display:grid}.keys-list div:last-child{border-bottom:0}.keys-list dt{color:var(--ink)}.keys-list dd{color:var(--body);margin:0}kbd{border:1px solid var(--line-strong);background:var(--surface);min-width:20px;font:400 14px/18px var(--sans);text-align:center;border-bottom-width:2px;border-radius:5px;padding:0 5px;display:inline-block}.keys-hint{display:none}@media (hover:hover) and (pointer:fine){.keys-hint{display:inline-flex}}@media (max-width:1023px){.made{grid-template-columns:minmax(0,1fr) 280px;column-gap:24px}.studio{grid-template-columns:240px minmax(0,1fr);column-gap:32px}.checks{column-gap:28px}.measure-figure b{font-size:48px;line-height:54px}}@media (max-width:859px){.columns{max-width:var(--reading-width);grid-template-columns:minmax(0,1fr);row-gap:14px}.made{grid-template-columns:minmax(0,1fr);row-gap:16px}.made-view{height:460px}.made-steps{display:block}.step{padding:11px 8px 12px 10px}.measures,.pair{grid-template-columns:minmax(0,1fr)}.checks{grid-template-columns:minmax(0,1fr);align-items:start}.catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.studio{grid-template-columns:minmax(0,1fr);row-gap:28px}.limits{columns:1}.ending-line{font-size:32px;line-height:40px}.ending-links{grid-template-columns:minmax(0,1fr)}.moved-scale{--unit:300px}.key{padding:10px 12px 0;position:static}.line-count{padding:2px 12px 10px;position:static}.line-window{flex-direction:column;display:flex}#line-loupe{height:260px}}@media (max-width:479px){.band h3{font-size:26px;line-height:32px}.made-view{height:400px}.made-spread{width:150px}.measure-figure b{font-size:40px;line-height:46px}.catalogue{gap:28px 14px}.card-head{gap:7px}.card-head b{font-size:18px;line-height:24px}.card-meta em{flex-basis:100%;margin-left:0}.moved-scale{--unit:150px}.moved-row span{width:74px}.moved-rule{margin-left:74px}.chart-row{grid-template-columns:78px minmax(0,1fr) 50px}.scenes{--pitch:6px}.bugs{grid-template-columns:repeat(14,10px);gap:3px}.bugs i{width:10px;height:10px}.ending-line{gap:10px;font-size:27px;line-height:34px}.ending-line svg{width:22px;height:22px}.keys-list div{grid-template-columns:116px minmax(0,1fr)}}@media (max-width:359px){.catalogue{grid-template-columns:minmax(0,1fr)}.moved-scale{--unit:124px}.scenes{--pitch:5.6px}}html{scroll-behavior:smooth}:root{--stage-height:clamp(420px, calc(100svh - 168px), 700px);--p-paper:#f7f4ec;--p-ink:#1d3a2a;--p-tint:#5f8a66}.stage{-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.print{background:var(--surface);touch-action:manipulation;flex:auto;min-height:0;position:relative;overflow:hidden}.print canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#art{opacity:0;transition:opacity .32s ease-out}.stage.drawn #art{opacity:1}#fade,#wave{opacity:0;pointer-events:none}#wave{opacity:1}.sheet{pointer-events:none;width:100%;box-shadow:0 0 0 1px var(--line), 0 2px 18px #11151114;position:absolute;top:0;bottom:0;left:0}.legend{z-index:1;background:var(--p-paper);min-width:188px;max-width:min(280px,100% - 32px);color:var(--p-ink);border:1px solid color-mix(in srgb, var(--p-ink) 26%, transparent);pointer-events:none;opacity:0;border-radius:2px;padding:10px 12px 9px;transition:opacity .32s ease-out,background-color .22s,color .22s;position:absolute;bottom:16px;left:16px}.stage.drawn .legend{opacity:1}.legend p{margin:0}.legend-name{font:400 20px/24px var(--serif);letter-spacing:-.015em}.legend-meta{opacity:.74;flex-wrap:wrap;column-gap:10px;margin-top:1px;font-size:14px;line-height:19px;display:flex}.legend-key{height:6px;box-shadow:0 0 0 1px color-mix(in srgb, var(--p-ink) 30%, transparent);margin:8px 0 7px;display:flex}.legend-key:empty{display:none}.legend-key i{background:var(--p-tint);flex:1 1 0}.legend-live{opacity:.74;align-items:center;gap:6px;font-size:14px;line-height:19px;display:flex}.legend-key:empty+.legend-live{margin-top:5px}.legend-live i{background:var(--p-ink);border-radius:50%;flex:none;width:6px;height:6px;transition:background-color .16s}.legend-live[data-state=draft] i,.legend-live[data-state=refining] i{box-shadow:inset 0 0 0 1.25px var(--p-ink);background:0 0}.invite{z-index:1;color:var(--p-ink);text-wrap:balance;pointer-events:none;opacity:0;margin:0;font-size:14px;line-height:20px;transition:opacity .3s;position:absolute;top:14px;left:16px}.stage.drawn[data-invite] .invite{opacity:.68;transition-delay:.5s}.invite .coarse{display:none}@media (pointer:coarse){.invite .fine{display:none}.invite .coarse{display:inline}}.marks{z-index:3;pointer-events:none;position:absolute;inset:0}.mark{pointer-events:auto;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;display:grid;position:absolute;top:0;left:0}.mark:focus-visible{outline:none}.stage[data-keys] .mark:focus-visible{outline:2px solid var(--p-ink);outline-offset:-9px}.mark i{background:var(--p-paper);width:9px;height:9px;box-shadow:0 0 0 1.5px var(--p-ink);border-radius:50%;transition:transform .14s cubic-bezier(.2,0,0,1),box-shadow .14s,background-color .14s;display:block}.mark[data-kind=point] i{border-radius:1px;width:7px;height:7px;transform:rotate(45deg)}.mark[data-low] i{box-shadow:0 0 0 1.5px var(--p-ink), inset 0 0 0 2px var(--p-paper), inset 0 0 0 5px var(--p-ink)}.mark:active{cursor:grabbing}.mark[data-selected] i{background:var(--p-ink);box-shadow:0 0 0 2px var(--p-paper), 0 0 0 3.5px var(--p-ink)}.stage[data-dragging]{cursor:grabbing}.stage[data-dragging] .mark:not([data-held]){pointer-events:none}@media (hover:hover){.mark[data-near] i{transform:scale(1.35)}.mark[data-kind=point][data-near] i{transform:rotate(45deg)scale(1.35)}.mark[data-selected][data-near] i{transform:scale(1.2)}.mark[data-kind=point][data-selected][data-near] i{transform:rotate(45deg)scale(1.2)}.mark[data-held] i{transform:scale(.82)}.mark[data-kind=point][data-held] i{transform:rotate(45deg)scale(.82)}}.mark[data-held] i{transform:scale(.82)}.mark[data-kind=point][data-held] i{transform:rotate(45deg)scale(.82)}.mark[data-near]{z-index:1}.mark:after{content:"";border:1px solid var(--p-ink);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:14px}.stage[data-invite] .mark[data-primary]:after{animation:2s cubic-bezier(.2,.6,.2,1) 1.2s 3 both invite}.mark[data-settled]:after{animation:.7s cubic-bezier(.2,.7,.2,1) both settle}@keyframes invite{0%{opacity:.6;transform:scale(.6)}70%,to{opacity:0;transform:scale(2.6)}}@keyframes settle{0%{opacity:.7;transform:scale(.5)}to{opacity:0;transform:scale(3.2)}}.hint{background:var(--ink);color:#fff;font:400 14px/18px var(--sans);white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;padding:3px 7px;transition:opacity .12s;position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%)}.mark[data-hint-below] .hint{top:calc(100% - 4px);bottom:auto}.mark[data-hint-edge=start] .hint{left:4px;transform:none}.mark[data-hint-edge=end] .hint{left:auto;right:4px;transform:none}.hint .keys{display:none}@media (hover:hover){.mark[data-near] .hint{opacity:1;transition-delay:.5s}}.stage[data-keys] .mark:focus-visible .hint{opacity:1;transition-delay:0s}.stage[data-keys] .mark:focus-visible .hint .keys{display:inline}.stage[data-keys] .mark:focus-visible .hint .mouse,.stage[data-dragging] .hint,.stage[data-lighting] .hint,.stage[data-panel] .hint{display:none}.lamp{z-index:3;width:44px;height:44px;color:var(--p-ink);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;margin:-22px 0 0 -22px;padding:0;display:grid;position:absolute;top:0;left:0}.lamp svg{transition:transform .16s cubic-bezier(.2,0,0,1);display:block}.lamp:focus-visible{outline:none}.stage[data-keys] .lamp:focus-visible{outline:2px solid var(--p-ink);outline-offset:-5px}.lamp:active{cursor:grabbing}.lamp:active svg{transform:scale(.88)}@media (hover:hover){.lamp:hover svg{transform:scale(1.14)rotate(22.5deg)}.lamp:active svg{transform:scale(.88)rotate(22.5deg)}.lamp:hover .hint{opacity:1;transition-delay:.5s}}.stage[data-keys] .lamp:focus-visible .hint{opacity:1;transition-delay:0s}.stage[data-keys] .lamp:focus-visible .hint .keys{display:inline}.stage[data-keys] .lamp:focus-visible .hint .mouse{display:none}.lamp[data-hint-below] .hint{top:calc(100% - 4px);bottom:auto}.lamp[data-hint-edge=start] .hint{left:4px;transform:none}.lamp[data-hint-edge=end] .hint{left:auto;right:4px;transform:none}.lamp:after{content:"";border:1px solid var(--p-ink);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:12px}.lamp[data-fresh]:after{animation:2s cubic-bezier(.2,.6,.2,1) .7s 3 both invite}.stage[data-lighting]{cursor:grabbing}.stage[data-lighting] .mark,.stage[data-dragging] .lamp{pointer-events:none}.tray{z-index:4;align-items:center;padding:3px;display:flex;position:absolute;top:12px;right:12px}.tray :focus-visible{outline-offset:1px}.views{gap:2px;display:flex}.view{border-radius:7px;gap:6px;min-height:30px;padding:0 9px 0 7px}.view svg{flex:none}.tray .divider{margin:5px}.wells{gap:2px;display:flex}.well{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:7px;width:30px;height:30px;padding:0;transition:background-color .12s;position:relative}.well:focus-visible{outline-offset:1px}.well i{background:var(--w-paper);border-radius:50%;transition:transform .14s cubic-bezier(.2,0,0,1),box-shadow .14s;position:absolute;inset:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #1115112e}.well i:before{content:"";background:linear-gradient(135deg, transparent 50%, var(--w-tint) 50%);opacity:.55;position:absolute;inset:0}.well i:after{content:"";background:var(--w-ink);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%}.well:active{background:var(--wash-strong)}.well:active i{transform:scale(.9)}.well[aria-pressed=true] i{box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--forest)}@media (hover:hover){.well:hover{background:var(--wash)}.well:hover i{transform:scale(1.08)}.well[aria-pressed=true]:hover i{box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--forest-hover);transform:none}.well:active{background:var(--wash-strong)}.well:active i{transform:scale(.9)}}@media (pointer:coarse){.well{width:40px;height:40px}.well i{inset:10px}.view{min-height:40px}}.desk{z-index:5;border-top:1px solid var(--line-strong);background:var(--paper);flex:none;align-items:center;gap:12px;padding:7px 10px 7px 8px;display:flex;position:relative}.desk :focus-visible{outline-offset:1px}.plates{scrollbar-width:none;scroll-snap-type:x proximity;flex:auto;gap:2px;min-width:0;margin:-2px;padding:2px;display:flex;overflow-x:auto}.plates::-webkit-scrollbar{display:none}.plate{appearance:none;min-width:84px;color:var(--muted);font:400 14px/18px var(--sans);letter-spacing:-.003em;text-align:left;cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:8px;flex:none;justify-items:start;row-gap:5px;margin:0;padding:5px 5px 4px;transition:background-color .12s,color .12s;display:grid}.plate canvas,.plate .blank{background:var(--surface);width:74px;height:46px;box-shadow:0 0 0 1px var(--line-strong);border-radius:4px;transition:box-shadow .12s,transform .14s cubic-bezier(.2,0,0,1);display:block}.plate .blank{color:var(--muted);place-items:center;display:grid}.plate span{white-space:nowrap}.plate:active{background:var(--wash-strong);color:var(--ink)}.plate:active canvas,.plate:active .blank{transform:scale(.96)}.plate[aria-pressed=true]{color:var(--ink);font-weight:500}.plate[aria-pressed=true] canvas{box-shadow:0 0 0 1px var(--paper), 0 0 0 3px var(--forest)}@media (hover:hover){.plate:hover{background:var(--wash);color:var(--ink)}.plate:hover canvas,.plate:hover .blank{box-shadow:0 0 0 1px #11151159}.plate[aria-pressed=true]:hover canvas{box-shadow:0 0 0 1px var(--paper), 0 0 0 3px var(--forest-hover)}.plate:active{background:var(--wash-strong)}.plate:active canvas,.plate:active .blank{transform:scale(.96)}}.actions{flex:none;align-items:center;gap:2px;display:flex}.actions .control{gap:6px}.actions .control.primary{margin-left:6px}#export svg{transition:transform .16s cubic-bezier(.2,0,0,1)}#export[aria-expanded=true] svg{transform:rotate(180deg)}.inspector,.exports{animation:.16s cubic-bezier(.2,0,0,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.stage[data-dragging] .inspector,.stage[data-dragging] .exports{opacity:0;pointer-events:none}.control.icon{width:28px;min-height:28px;color:var(--muted);padding:0}.control.icon[aria-disabled=true]{color:var(--faint)}.inspector{z-index:6;width:248px;padding:4px 12px 8px;font-size:13px;line-height:16px;transition:opacity .12s;position:absolute;top:60px;right:12px}.inspector[data-side=left]{top:12px;left:12px;right:auto}.inspector header{align-items:center;gap:2px;min-height:36px;margin-right:-8px;display:flex}.inspector h2{min-width:0;font:500 13px/16px var(--sans);text-overflow:ellipsis;white-space:nowrap;flex:auto;margin:0;overflow:hidden}.fields{border:0;min-width:0;margin:0;padding:0}.fields+.fields{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.fields legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.field{padding:5px 0 2px;display:block}.field span{color:var(--muted);justify-content:space-between;display:flex}.field output{color:var(--ink)}.field input{appearance:none;cursor:pointer;--fill:50%;background:0 0;width:100%;height:24px;margin:0;display:block}.field input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--forest) var(--fill), var(--line-strong) var(--fill));border-radius:1px;height:2px}.field input::-moz-range-track{background:var(--line-strong);border-radius:1px;height:2px}.field input::-moz-range-progress{background:var(--forest);height:2px}.field input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--forest);width:14px;height:14px;box-shadow:0 0 0 2px var(--paper);border:0;border-radius:50%;margin-top:-6px;transition:transform .12s}.field input::-moz-range-thumb{background:var(--forest);width:14px;height:14px;box-shadow:0 0 0 2px var(--paper);border:0;border-radius:50%}#tint::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--line-strong) calc(50% - 1px), var(--forest) calc(50% - 1px), var(--forest) calc(50% + 1px), var(--line-strong) calc(50% + 1px))}#tint::-moz-range-progress{background:var(--line-strong)}.field input:active::-webkit-slider-thumb{transform:scale(.86)}@media (hover:hover){.field input:hover::-webkit-slider-thumb{transform:scale(1.15)}.field input:active::-webkit-slider-thumb{transform:scale(.86)}}.field input:focus-visible{outline:none}.field input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--forest);outline-offset:2px}.field input:focus-visible::-moz-range-thumb{outline:2px solid var(--forest);outline-offset:2px}.exports{z-index:6;width:332px;padding:4px;position:absolute;bottom:10px;right:10px}.exports :focus-visible{outline-offset:1px}.rows{gap:1px;display:grid}.row{appearance:none;width:100%;min-height:50px;color:var(--ink);font:400 13px/18px var(--sans);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;margin:0;padding:7px 10px;transition:background-color .12s;display:grid}.row b{font-weight:500;display:block}.row small{color:var(--muted);font-size:12px;line-height:16px;display:block}.row em{color:var(--muted);justify-items:end;font-size:12px;font-style:normal;line-height:16px;display:inline-grid}.row em span{visibility:hidden;grid-area:1/1}.row em span.on{visibility:visible}.row:active{background:var(--wash-strong)}@media (hover:hover){.row:hover{background:var(--wash)}.row:hover em{color:var(--ink)}.row:active{background:var(--wash-strong)}}.row[aria-busy=true],.row[aria-busy=true]:active{background:var(--wash);cursor:progress}.row[data-state=saved] em{color:var(--forest);font-weight:500}.row[data-state=failed] em{color:#8a2b1d}@media (hover:hover){.row[aria-busy=true]:hover{background:var(--wash)}}.export-foot{border-top:1px solid var(--line);gap:8px;margin-top:4px;padding:10px 10px 8px;display:grid}.check{color:var(--body);cursor:pointer;align-items:center;gap:8px;font-size:13px;line-height:18px;display:flex}.check input{appearance:none;background:var(--paper);cursor:pointer;border:1px solid #11151159;border-radius:4px;flex:none;width:16px;height:16px;margin:0;transition:background-color .12s,border-color .12s}.check input:checked{border-color:var(--forest);background:var(--forest) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 8.3l2.6 2.5L12 5.4' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat}.check input:active{background-color:var(--wash-strong)}.check input:checked:active{background-color:var(--forest-pressed)}@media (hover:hover){.check:hover input{border-color:var(--ink)}.check:hover input:checked{border-color:var(--forest-hover);background-color:var(--forest-hover)}}#copy-link{width:100%;display:inline-grid}#copy-link span{visibility:hidden;text-align:center;grid-area:1/1}#copy-link span.on{visibility:visible}@container (width<=900px){.plate{min-width:72px}.plate canvas,.plate .blank{width:62px;height:40px}}@container (width<=759px){.desk{flex-direction:column;align-items:stretch;gap:6px;padding:6px 8px 8px}.plates{padding-right:40px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000)}.actions .control.primary{margin-left:auto;padding:0 18px}.legend{min-width:0;padding:7px 9px 6px;bottom:10px;left:10px}.legend-name{font-size:17px;line-height:21px}.legend-key{margin:6px 0 5px}.invite{top:58px;left:10px;right:10px}.tray{top:8px;right:8px}.stage[data-view=relief] .invite{display:none}.view{gap:0;width:34px;padding:0}.view span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.exports{width:auto;bottom:8px;left:8px;right:8px}.inspector,.inspector[data-side=left]{width:auto;padding:2px 10px 6px;top:8px;left:8px;right:8px}.inspector[data-edge=bottom]{top:auto;bottom:8px}.inspector .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);column-gap:14px;display:grid}.inspector .fields:last-child{grid-template-columns:minmax(0,1fr);display:grid}.fields+.fields{border-top:0;margin-top:0;padding-top:0}.field{padding:3px 0 0}.stage[data-panel=inspector] .tray{visibility:hidden}.stage[data-panel] .legend{opacity:0}}@container (width<=359px){.tray .divider{margin:5px 2px}.well{width:34px}.well i{inset:10px 7px}.actions .control{gap:4px;padding:0 5px}.actions .control.primary{padding:0 10px}.legend-live,.legend-key{display:none}.legend-name{font-size:16px;line-height:20px}.row{min-height:44px;padding:5px 8px}}@media (pointer:coarse){.field input{height:32px}}@media (max-width:479px){.title h1{font-size:34px;line-height:38px}}@media (max-height:640px){.plate{row-gap:0}.plate span{display:none}}@media (max-height:520px) and (orientation:landscape){:root{--stage-height:clamp(260px, calc(100svh - 92px), 700px)}.topbar{height:40px}.title{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px;margin-bottom:8px}.title h1{font-size:24px;line-height:32px}.title .control{grid-area:1/3}.plate canvas,.plate .blank{height:30px}.inspector{width:380px;padding:0 10px 4px}.inspector .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px;display:grid}.inspector header{min-height:30px}.fields+.fields{border-top:0;margin-top:0;padding-top:0}.field{padding:1px 0 0}.legend-key,.legend-live{display:none}}noscript .prose{margin:24px}