@font-face{font-family:Jura;src:url(./jura-latin-B3SyRCTQ.woff2)format("woff2");font-weight:300 700;font-display:swap}:root{--color-canvas-mist:#f6f8f7;--color-ink-black:#000;--color-carbon:#231f20;--color-steel-gray:#e5e5e5;--color-band:#d1d3d4;--color-graphite:#b2b2b2;--color-muted:#6d6e71;--color-amber:#f0a000;--font:Jura, Inter, "Helvetica Neue", Arial, "Noto Sans", "DejaVu Sans", sans-serif;--spacing-15:15px;--spacing-22:22px;--spacing-33:33px;--panel:300px}*{box-sizing:border-box;border-radius:0}body{background:var(--color-canvas-mist);color:var(--color-ink-black);font:300 13px/1.4 var(--font);text-transform:uppercase;letter-spacing:.02em;margin:0}header{justify-content:space-between;align-items:baseline;gap:var(--spacing-15);padding:var(--spacing-15) var(--spacing-33);border-bottom:1px solid var(--color-steel-gray);display:flex}h1{letter-spacing:-.02em;margin:0 auto 0 0;font-size:32px;font-weight:300;line-height:1.11}header p{text-align:right;margin:0;font-size:11px}header .nav{align-self:center;padding:4px 0;font-size:13px}.page{grid-template-columns:minmax(0, 1fr) var(--panel);align-items:start;display:grid}main{min-height:60vh;padding:var(--spacing-33)}main.drop{outline:1px dashed var(--color-ink-black);outline-offset:-8px}main svg{text-transform:none;letter-spacing:normal;background:#fff;max-width:100%;height:auto;display:block}aside{max-height:100vh;padding:var(--spacing-15) 0;border-left:1px solid var(--color-steel-gray);position:sticky;top:0;overflow-y:auto}section{padding:0 var(--spacing-15) 4px}h2{margin:0 calc(-1 * var(--spacing-15)) 10px;padding:4px var(--spacing-15);background:var(--color-carbon);color:var(--color-steel-gray);align-items:center;gap:10px;font-size:19px;font-weight:300;line-height:1.15;display:flex}h2 .n{border:1px solid;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:inline-grid}label{align-items:center;gap:8px;display:flex}.field{flex-direction:column;align-items:stretch;gap:4px;font-size:11px}.help{color:var(--color-muted);margin:2px 0 10px;font-size:11px}.row{align-items:center;gap:var(--spacing-15);flex-wrap:wrap;display:flex}input,button,select{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit}input[type=text],select{border:1px solid var(--color-ink-black);background:#fff;width:100%;padding:4px 8px;font-size:14px}select{appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 5 5-5' fill='none' stroke='%23000'/%3E%3C/svg%3E") right 8px center no-repeat;padding-right:24px}input[type=checkbox]{accent-color:var(--color-ink-black);margin:0}button{cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 16px}a{color:inherit}.file,button:not(.primary),a{text-underline-offset:3px;cursor:pointer;text-decoration:underline}.row button:not(.primary){padding:4px 0}.file:hover,a:hover,button:not(.primary):hover:not(:disabled){background:var(--color-band)}.file input{display:none}button.primary{background:var(--color-ink-black);width:100%;color:var(--color-canvas-mist);font-size:15px}button.primary:hover{background:var(--color-carbon)}button:disabled,input:disabled{color:var(--color-graphite);cursor:default;text-decoration:none}button.primary:disabled{background:var(--color-steel-gray)}.result{padding:8px var(--spacing-15);background:var(--color-band);margin:0 0 10px;position:relative;overflow:hidden}.result.busy:after{content:"";background:var(--color-carbon);width:30%;height:3px;animation:.6s ease-in-out infinite alternate sweep;position:absolute;bottom:0;left:0}@keyframes sweep{to{transform:translate(233.33%)}}@media (prefers-reduced-motion:reduce){.result.busy:after{width:100%;animation:none;left:0}}.result:has(.error){background:var(--color-amber)}#result p{margin:0}#result p:first-child{margin-bottom:2px;font-size:15px}#result .error{text-transform:none;font-size:13px}.exports{gap:10px;margin-top:6px;font-size:11px}.exports button{font-size:13px}.exports button:hover:not(:disabled){background:var(--color-canvas-mist)}.views{gap:0;margin-top:6px;font-size:11px}.views span{margin-right:10px}.views button:not(.primary){border:1px solid var(--color-ink-black);background:#fff;padding:2px 12px;font-size:13px;text-decoration:none}.views button+button{border-left:none}.views button:hover:not([aria-pressed=true]){background:var(--color-canvas-mist)}.views button[aria-pressed=true]{background:var(--color-ink-black);color:var(--color-canvas-mist);cursor:default}.doc main{min-height:0}.doc section{padding:0 0 var(--spacing-22)}.doc h2{margin:0 0 var(--spacing-15)}.doc h3{max-width:70ch;margin:var(--spacing-15) 0 6px;background:var(--color-band);text-transform:uppercase;padding:2px 8px;font-size:13px;font-weight:300}.doc main p,.doc main li,.doc main dd{text-transform:none;max-width:70ch}.doc main p{margin:0 0 10px}.doc b{text-transform:uppercase;font-weight:300}.doc main ul{padding-left:var(--spacing-15);margin:0 0 10px}.doc main li{margin-bottom:4px}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps h3:before{counter-increment:step;content:counter(step) " "}.story{gap:6px var(--spacing-15);margin:0 0 var(--spacing-15);grid-template-columns:max-content minmax(0,1fr);display:grid}.story dt{color:var(--color-muted);font-size:11px;line-height:1.75}.story dd{margin:0}.sheet{margin:0 0 10px}.sheet:has(img:not([src])){display:none}.sheet .scroll{border:1px solid var(--color-steel-gray);background:#fff;overflow-x:auto}.sheet img{max-width:none;height:auto;display:block}.sheet figcaption{color:var(--color-muted);margin-top:4px;font-size:11px}footer{padding:var(--spacing-15) var(--spacing-33);border-top:1px solid var(--color-steel-gray);color:var(--color-muted);font-size:11px}@media (width<=800px){.page{grid-template-columns:minmax(0,1fr)}header{padding:var(--spacing-15);flex-direction:column;align-items:start}header p{text-align:left}h1{margin-right:0}header .nav{align-self:start}footer{padding:var(--spacing-15)}h1{font-size:26px}main{min-height:0;padding:var(--spacing-15)}aside{border-left:0;border-top:1px solid var(--color-steel-gray);max-height:none;position:static}}
