@font-face{font-family:Glyph;src:url(/fonts/Glyph-UltraLight.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Glyph;src:url(/fonts/Glyph-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--u: 8px;--chrome-gap: calc(var(--u) * 2.5);--col-count: 5;--col-gutter: calc(var(--u) * 3.5);--col-width: calc( (100vw - var(--chrome-gap) * 2 - var(--col-gutter) * (var(--col-count) - 1)) / var(--col-count) );--guide-band: 25vh ;--toggle-h: 22px;--knob: 18px;--bg: #f2f2f4;--ink: #1d1d1f;--muted: #86868b;--line: rgba(0, 0, 0, .07);--guide: rgba(0, 0, 0, .09);--menu: rgba(255, 255, 255, .78);--menu-border: rgba(0, 0, 0, .04);--focus: rgba(0, 0, 0, .12);--font: "Helvetica Neue", Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.workspace{position:relative;flex:1 1 auto;min-height:0;height:100%}.canvas-wrap{position:absolute;inset:0;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-wrap svg{display:block;width:100%;height:100%}.brand-mark{display:block;width:auto;height:calc(var(--u) * 3);flex-shrink:0;padding:0;border:none;background:none;color:var(--ink);cursor:pointer;border-radius:calc(var(--u) * .5)}.brand-mark svg{display:block;width:auto;height:100%}.brand-mark:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.field{display:grid;grid-template-columns:3.75em minmax(0,1fr) 2.85em;align-items:center;gap:calc(var(--u) * .5);margin-bottom:calc(var(--u) * 1)}.field label{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:.02em;min-width:0}.slider-num-wrap{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:1px;width:100%;justify-self:stretch}.slider-num{flex:0 0 auto;width:2.15em;max-width:none;height:auto;margin:0;padding:0;border:none;border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:11px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.2;text-align:right;justify-self:end;outline:none;box-shadow:none;cursor:text;-moz-appearance:textfield;appearance:textfield}.slider-num::-webkit-outer-spin-button,.slider-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slider-num:hover,.slider-num:focus{background:transparent;box-shadow:none}.slider-num:focus{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.slider-num-suffix{font-size:11px;font-weight:400;color:var(--ink);font-variant-numeric:tabular-nums}.range-track{min-width:0;height:var(--toggle-h);padding:0 calc(var(--knob) / 2 + (var(--toggle-h) - var(--knob)) / 2);box-sizing:border-box;background:#0000001f;border-radius:999px;display:flex;align-items:center}.field input[type=range]{-webkit-appearance:none;appearance:none;width:100%;min-width:0;height:var(--knob);margin:0;padding:0;background:transparent;cursor:pointer}.field input[type=range]::-webkit-slider-runnable-track{height:var(--knob);background:transparent;border-radius:999px}.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--knob);height:var(--knob);margin-top:0;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000002e}.field input[type=range]::-moz-range-track{height:var(--knob);background:transparent;border-radius:999px}.field input[type=range]::-moz-range-thumb{width:var(--knob);height:var(--knob);border:none;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000002e}.field input[type=range]::-moz-focus-outer{border:0}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--u);align-items:center;margin-bottom:calc(var(--u) * 1);min-height:22px}.control-row .field-inline{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:calc(var(--u) * 1);margin:0;min-width:0}.field-inline .field-title{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:.02em;min-width:0;flex-shrink:0}.segmented{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;flex:1 1 auto;width:auto;min-width:48px;height:var(--toggle-h);padding:2px;border-radius:999px;background:#0000001f;box-sizing:border-box}.segmented button{height:100%;min-width:0;border:none;border-radius:999px;background:transparent;color:var(--muted);font:inherit;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 2px #0000000f}.edge-icon{width:12px;height:8px;display:block}.toggle{position:relative;flex:1 1 auto;width:auto;min-width:48px;height:var(--toggle-h);padding:0;border:none;border-radius:999px;background:#0000001f;cursor:pointer;transition:background .15s ease}.toggle-compact{flex:0 0 auto;width:calc(var(--knob) + 22px);min-width:0}.toggle-state{font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;line-height:inherit}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:var(--knob);height:var(--knob);border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000002e;transition:left .15s ease}.toggle.on{background:var(--ink)}.toggle.on:after{left:calc(100% - 2px - var(--knob))}.actions{display:none}.download-split{position:relative;display:grid;grid-template-columns:minmax(0,1fr) calc(var(--u) * 4);min-width:0;width:100%;border-radius:var(--u);overflow:visible;background:var(--ink)}.download-main,.download-caret{height:calc(var(--u) * 4);border:none;background:transparent;color:#fff;font:inherit;font-size:calc(var(--u) * 1.5);font-weight:400;cursor:pointer;transition:background .15s ease}.download-main{padding:0 calc(var(--u) * 1.5);text-align:center;border-radius:var(--u) 0 0 var(--u);white-space:nowrap}.download-caret{display:inline-flex;align-items:center;justify-content:center;padding:0;border-left:1px solid rgba(255,255,255,.18);border-radius:0 var(--u) var(--u) 0}.download-caret svg{width:12px;height:12px;display:block}.download-main:hover,.download-caret:hover,.download-split.is-open .download-caret{background:#000}.download-menu{position:absolute;right:0;bottom:calc(100% + 4px);z-index:20;margin:0;padding:calc(var(--u) * .5);list-style:none;min-width:100%;border-radius:var(--u);background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 24px #0000001f}.download-menu[hidden]{display:none}.download-menu li{padding:calc(var(--u) * 1) calc(var(--u) * 1.5);border-radius:calc(var(--u) * .5);color:var(--ink);font-size:calc(var(--u) * 1.5);cursor:pointer}.download-menu li:hover{background:#0000000a}.download-menu li[aria-selected=true]{background:#0000000f;font-weight:500}.settings-footer #clear,.settings-footer .guide-open{height:calc(var(--u) * 3.5);padding:0 calc(var(--u) * 1.25);border:none;border-radius:var(--u);background:#0000000a;color:var(--ink);font:inherit;font-size:calc(var(--u) * 1.375);font-weight:400;cursor:pointer;transition:background .15s ease;white-space:nowrap;width:100%;text-align:center}.settings-footer .guide-open{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * .75)}.guide-btn-ico{width:14px;height:14px;display:block;flex-shrink:0}.settings-footer #clear:hover,.settings-footer .guide-open:hover{background:#00000012}.credit{margin:0;font-size:calc(var(--u) * 1.25);font-weight:200;line-height:calc(var(--u) * 2);letter-spacing:.01em;color:var(--muted)}.credit a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.credit a:hover{color:var(--ink)}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:12;background:transparent;pointer-events:none}.sheet-tab-bar,.sheet-panel{pointer-events:auto}.sheet-tab-bar{position:absolute;left:var(--chrome-gap);bottom:100%;z-index:1;display:flex;align-items:center;gap:calc(var(--u) * 1.25);height:calc(var(--u) * 4.5);padding:0 calc(var(--u) * 2) 0 calc(var(--u) * 1.75);border:1px solid rgba(0,0,0,.14);border-bottom:none;border-radius:0;background:#fff;box-sizing:border-box}.sheet-tab{display:flex;align-items:center;gap:var(--u);height:100%;margin:0;padding:0;border:none;background:transparent;color:var(--ink);font:inherit;cursor:pointer}.sheet-tab-bar:hover{background:#fafafa}.sheet-tab:focus-visible,.brand-mark:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sheet-tab-text{display:flex;align-items:center;line-height:1;text-align:left}.sheet-tab-name{font-size:calc(var(--u) * 1.5);font-weight:400;letter-spacing:.02em;line-height:1}.sheet-tab-chevron{width:calc(var(--u) * 1.5);height:calc(var(--u) * 1.5);flex-shrink:0;transition:transform .28s ease}.sheet.is-open .sheet-tab-chevron{transform:rotate(180deg)}.sheet-panel{width:100%;height:0;overflow:hidden;background:#fff;border-top:1px solid rgba(0,0,0,.14);box-sizing:border-box;transition:height .34s cubic-bezier(.4,0,.2,1)}.sheet.is-open .sheet-panel{height:var(--guide-band)}.sheet-panel-inner{box-sizing:border-box;height:var(--guide-band);max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25) transparent}.sheet-frame{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--col-gutter);row-gap:calc(var(--u) * 3);width:100%;height:100%;min-height:0;margin:0;padding:var(--chrome-gap);box-sizing:border-box;align-items:stretch}.sheet-controls{grid-column:1 / span 2;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--col-gutter);min-width:0;min-height:0;height:100%;align-items:stretch}.settings-col{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}.settings-fields{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto;min-width:0;min-height:0}.settings-fields .field,.settings-fields .control-row{margin-bottom:0}.settings-footer{flex:0 0 auto;margin-top:calc(var(--u) * 1.5);padding-top:0;display:flex;flex-direction:column;gap:calc(var(--u) * .75)}.field-edges{grid-template-columns:3.75em auto 1fr}.field-edges .field-title{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:.02em}.field-edges .segmented{width:calc(var(--knob) * 2 + 20px);min-width:0;flex:none;justify-self:start}.settings-footer.action-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--u)}.sheet-essay{grid-column:4 / span 2;min-width:0;min-height:0;height:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--col-gutter);align-content:stretch;font-size:calc(var(--u) * 1.375);line-height:1.45}.sheet-essay p{margin:0;text-align:justify;-webkit-hyphens:auto;hyphens:auto;color:#222;min-height:0}.sheet-essay-rule{display:block;width:100%;height:0;margin:calc(var(--u) * 1) 0;border:none;border-top:1px solid rgba(0,0,0,.18)}.sheet-credit-inline{display:block;color:var(--muted);font-size:calc(var(--u) * 1.125);line-height:1.45}.sheet-credit-inline .sheet-credit-line{display:block}.sheet-essay a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.sheet-credit-inline a{color:var(--muted)}.howto{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:var(--chrome-gap)}.howto[hidden]{display:none}.howto-backdrop{position:absolute;inset:0;border:none;padding:0;background:#00000047;cursor:pointer}.howto-dialog{position:relative;z-index:1;width:min(400px,100%);max-height:min(80vh,640px);overflow:auto;padding:calc(var(--u) * 3);border-radius:calc(var(--u) * 2);background:#fff;box-shadow:0 16px 48px #0000002e}.howto-header{display:flex;align-items:center;justify-content:space-between;gap:var(--u);margin-bottom:calc(var(--u) * 2)}.howto-header h2{margin:0;font-size:calc(var(--u) * 2);font-weight:500;letter-spacing:.02em}.guide-settings{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 1.5) calc(var(--u) * 2);margin-bottom:calc(var(--u) * 3);padding-bottom:calc(var(--u) * 2.5);border-bottom:1px solid rgba(0,0,0,.1)}.guide-settings .field-inline{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:calc(var(--u) * 1);min-width:0}.howto-close{width:calc(var(--u) * 4);height:calc(var(--u) * 4);border:none;border-radius:var(--u);background:transparent;color:var(--muted);font:inherit;font-size:calc(var(--u) * 3);line-height:1;cursor:pointer}.howto-close:hover{color:var(--ink);background:#0000000a}.howto-tips{display:grid;gap:calc(var(--u) * 2)}.guide-tip{display:grid;grid-template-columns:calc(var(--u) * 3) 1fr;gap:calc(var(--u) * 1.5);align-items:start;min-width:0}.guide-tip p{margin:0;font-size:calc(var(--u) * 1.5);line-height:calc(var(--u) * 2)}.guide-ico{width:calc(var(--u) * 3);height:calc(var(--u) * 3);margin:0;display:block;flex-shrink:0;color:var(--ink)}@media(max-width:960px){:root{--guide-band: min(72vh, 640px);--toggle-h: 28px;--knob: 22px;--chrome-gap: calc(var(--u) * 2.25);--col-gutter: calc(var(--u) * 2)}.sheet-tab-bar{left:50%;right:auto;transform:translate(-50%);height:calc(var(--u) * 5.5);gap:calc(var(--u) * 1.5);padding:0 calc(var(--u) * 2.5) 0 calc(var(--u) * 2)}.brand-mark{height:calc(var(--u) * 3.75)}.sheet-tab-name{font-size:calc(var(--u) * 2)}.sheet-tab-chevron{width:calc(var(--u) * 2);height:calc(var(--u) * 2)}.sheet-panel-inner{height:var(--guide-band)}.sheet-frame{grid-template-columns:1fr;height:auto;min-height:100%;row-gap:calc(var(--u) * 3);padding:calc(var(--u) * 2.5)}.sheet-controls,.sheet-essay{grid-column:1}.sheet-controls{grid-template-columns:1fr;height:auto;row-gap:calc(var(--u) * 3)}.settings-col,.settings-fields{height:auto}.settings-fields{gap:calc(var(--u) * 1.75);justify-content:flex-start}.field{grid-template-columns:5em minmax(0,1fr) 3.5em;gap:calc(var(--u) * 1.25)}.field label,.field-inline .field-title,.field-edges .field-title,.slider-num,.slider-num-suffix{font-size:13px}.field-edges{grid-template-columns:5em auto 1fr}.field-edges .segmented{width:calc(var(--knob) * 2 + 28px)}.toggle-compact{width:calc(var(--knob) + 28px)}.settings-footer{margin-top:calc(var(--u) * 2.5);gap:calc(var(--u) * 1.25)}.settings-footer #clear,.settings-footer .guide-open{height:calc(var(--u) * 5);font-size:calc(var(--u) * 1.75);padding:0 calc(var(--u) * 1.5)}.download-main,.download-caret{height:calc(var(--u) * 5);font-size:calc(var(--u) * 1.75)}.download-split{grid-template-columns:minmax(0,1fr) calc(var(--u) * 5)}.download-caret svg{width:14px;height:14px}.sheet-essay{height:auto;grid-template-columns:1fr;gap:calc(var(--u) * 2.5);padding-top:calc(var(--u) * 2.5);border-top:1px solid rgba(0,0,0,.12);font-size:calc(var(--u) * 1.875);line-height:1.55}.sheet-credit-inline{font-size:calc(var(--u) * 1.5);line-height:1.5}.guide-settings{grid-template-columns:1fr;gap:calc(var(--u) * 2)}.howto-dialog{width:min(440px,100%);padding:calc(var(--u) * 3)}.guide-tip p{font-size:calc(var(--u) * 1.75);line-height:calc(var(--u) * 2.5)}}
