@font-face{font-family:UnifrakturMaguntia;src:url(./UnifrakturMaguntia-Book-D6A5uFUY.ttf) format("truetype");font-weight:400;font-display:block}@font-face{font-family:Oswald;src:url(./Oswald-VF-Btv4ouYq.ttf) format("truetype-variations");font-weight:200 700;font-display:block}:root{--void: #000000;--ink: #ffffff;--hairline: 1px;--rail-width: clamp(210px, 19vw, 268px);--face-display: "UnifrakturMaguntia", serif;--face-ui: "Oswald", "Archivo Narrow", "Roboto Condensed", system-ui, sans-serif;--tracking-wide: .15em;--snap: 60ms}*{border-radius:0!important}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--void);color:var(--ink);font-family:var(--face-ui);-webkit-font-smoothing:antialiased}body{overflow:hidden}.dither-25,.dither-50,.dither-75{background-repeat:repeat;background-size:4px 4px}.dither-25{background-image:conic-gradient(var(--ink) 25%,transparent 0)}.dither-50{background-image:conic-gradient(var(--ink) 25%,transparent 0 50%,var(--ink) 0 75%,transparent 0)}.dither-75{background-image:conic-gradient(transparent 25%,var(--ink) 0)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.app{display:grid;grid-template-columns:var(--rail-width) 1fr var(--rail-width);grid-template-rows:minmax(0,1fr) auto;height:100vh;height:100dvh}.rail--left,.rail--right{grid-row:1 / -1}.rail{display:flex;flex-direction:column;gap:26px;padding:20px 18px 24px;overflow-y:auto;overscroll-behavior:contain}.rail--left{border-right:var(--hairline) solid var(--ink)}.rail--right{border-left:var(--hairline) solid var(--ink)}html,body,.rail{scrollbar-color:var(--ink) var(--void)}.rail::-webkit-scrollbar,body::-webkit-scrollbar{width:6px}.rail::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:var(--void)}.rail::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:var(--ink)}.stage{display:flex;flex-direction:column;min-width:0;grid-column:2;grid-row:1}.masthead{border-bottom:var(--hairline) solid var(--ink);padding:14px 18px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.masthead__title{font-family:var(--face-display);font-size:30px;line-height:1;margin:0;letter-spacing:.02em}.masthead__subtitle{font-size:9px;letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:500;margin:0}.section{display:flex;flex-direction:column;gap:14px}.section__header{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--face-display);font-size:19px;font-weight:400;line-height:1}.section__header:after{content:"";flex:1;height:var(--hairline);background:var(--ink)}.field{display:flex;flex-direction:column;gap:7px}.label{font-size:10px;font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:1}.label-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.value{font-size:11px;font-weight:500;letter-spacing:.08em;font-variant-numeric:tabular-nums;min-width:3ch;text-align:right}.input{width:100%;background:var(--void);color:var(--ink);border:var(--hairline) solid var(--ink);padding:9px 10px;font-family:var(--face-ui);font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::placeholder{color:var(--ink);opacity:1}.input--seed{letter-spacing:.2em;font-variant-numeric:tabular-nums}.input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.slider{position:relative;height:22px;cursor:ew-resize;touch-action:none;display:block;width:100%}.slider__track{position:absolute;left:0;right:0;top:14px;height:var(--hairline);background:var(--ink);pointer-events:none}.slider__fill{position:absolute;left:0;top:13px;height:3px;background:var(--ink);pointer-events:none}.slider__thumb{position:absolute;top:2px;width:0;height:0;margin-left:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:11px solid var(--ink);pointer-events:none}.slider__thumb:after{content:"";position:absolute;left:-4px;top:-11px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid transparent}.slider.is-dragging .slider__thumb:after{border-top-color:var(--void)}.slider:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.button{display:block;width:100%;background:var(--void);color:var(--ink);border:var(--hairline) solid var(--ink);padding:9px 10px;font-family:var(--face-ui);font-size:10px;font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:background var(--snap) linear,color var(--snap) linear;text-align:center}.button:hover,.button:active{background:var(--ink);color:var(--void)}.button-row{display:flex;gap:8px}.button-row>*{flex:1}.choice-stack{display:flex;flex-direction:column;gap:6px}.choice-row{display:flex;gap:6px}.choice-row>*{flex:1}.button--choice{padding:7px 10px}.button.is-active{background:var(--ink);color:var(--void)}.swatch-row{display:flex;gap:8px}.swatch{flex:1;display:flex;flex-direction:column;gap:6px}.swatch__button{position:relative;height:34px;border:var(--hairline) solid var(--ink);padding:0;background:var(--void);display:block;width:100%}.swatch__chip{position:absolute;top:3px;right:3px;bottom:3px;left:3px;pointer-events:none}.swatch__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer}.swatch__button:focus-within{outline:2px solid var(--ink);outline-offset:2px}.canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:22px;min-height:0;min-width:0}.canvas-frame{display:contents}canvas{display:block;border:var(--hairline) solid var(--ink);max-width:100%;max-height:100%}.status{border-top:var(--hairline) solid var(--ink);padding:8px 18px;display:flex;gap:22px;flex-wrap:wrap;align-items:center;font-size:9px;letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:500}.status__item{display:flex;gap:7px;align-items:baseline}.status__value{font-variant-numeric:tabular-nums;letter-spacing:.1em}.status__spacer{flex:1;min-width:20px;height:4px}.status__colophon{display:flex;gap:14px;align-items:baseline}.status__link{color:var(--ink);text-decoration:underline;text-underline-offset:3px;padding:2px 4px;margin:-2px -4px;transition:background var(--snap) linear,color var(--snap) linear}.status__link:hover,.status__link:active{background:var(--ink);color:var(--void)}.colophon-note{grid-column:2;grid-row:2;margin:0;border-top:var(--hairline) solid var(--ink);padding:9px 18px 11px;font-size:9px;line-height:1.7;letter-spacing:.06em}.note{font-size:9px;letter-spacing:.1em;text-transform:uppercase;line-height:1.5;border:var(--hairline) solid var(--ink);padding:8px 9px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--void);z-index:10}.overlay__inner{border:var(--hairline) solid var(--ink);padding:20px 26px;max-width:60ch;text-align:center}.overlay__title{font-family:var(--face-display);font-size:26px;margin:0 0 10px}.overlay__body{font-size:10px;letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:1.7;margin:0}.is-hidden{display:none!important}@media (max-width: 900px){body{overflow:auto}.app{grid-template-columns:1fr;height:auto}.rail--left,.rail--right{border:0;border-top:var(--hairline) solid var(--ink)}}.subfields{margin:2px 0 4px 10px;padding-left:10px;border-left:var(--hairline) solid var(--ink)}.subfields.is-disabled{opacity:.3;pointer-events:none}button.section__header{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;color:inherit;text-align:left;cursor:pointer;width:100%}.section__header:before{content:"▾";font-family:var(--face-ui);font-size:11px;line-height:1}.section.is-collapsed>.section__header:before{content:"▸"}.section.is-collapsed>*:not(.section__header){display:none}button.choice-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;color:inherit;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.choice-toggle:before{content:"▾";font-family:var(--face-ui);font-size:11px;line-height:1}.choice-field.is-collapsed .choice-toggle:before{content:"▸"}.choice-toggle .label{flex:1}.choice-field.is-collapsed>.choice-stack,.choice-field.is-collapsed>.choice-row{display:none}button.swatch__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:var(--hairline) solid var(--ink);padding:2px;cursor:pointer}.swatch__chip--transparent,.canvas-frame--alpha canvas{background:repeating-conic-gradient(#2e2e2e,#2e2e2e 25%,#101010 0%,#101010 50%) 0 0 / 12px 12px!important}.picker{display:flex;flex-direction:column;gap:8px;border:var(--hairline) solid var(--ink);padding:8px;margin-top:6px}.picker.is-dragover{background:var(--ink)}.picker.is-dragover>*{visibility:hidden}.input--hex{font-variant-numeric:tabular-nums;letter-spacing:.08em}.picker__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.picker__cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--hairline) solid var(--ink);padding:0;height:18px;cursor:pointer}.picker__cell:hover{outline:2px solid var(--ink);outline-offset:1px}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:grid;place-items:center;z-index:50}.modal{background:var(--void);border:var(--hairline) solid var(--ink);padding:22px;max-width:340px;display:flex;flex-direction:column;gap:16px}.modal__text{margin:0;font-family:var(--face-ui);font-size:13px;letter-spacing:.06em;line-height:1.5}.modal__dismiss{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.08em;cursor:pointer}.modal__check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:var(--hairline) solid var(--ink);background:var(--void);cursor:pointer;flex:none}.modal__check:hover{background:var(--ink)}.modal__check:checked{background:var(--ink);box-shadow:inset 0 0 0 3px var(--void)}.picker__row{display:flex;gap:6px;align-items:stretch}.picker__row .input--hex{flex:1;min-width:0}.picker__wheel{position:relative;width:30px;border:var(--hairline) solid var(--ink);overflow:hidden;cursor:pointer;flex:none}.picker__wheel:hover{outline:2px solid var(--ink);outline-offset:1px}.picker__wheel-input{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);padding:0;border:none;cursor:pointer}.picker__cell--empty{display:block;height:18px;border:var(--hairline) dashed var(--ink);opacity:.35}.stepper{display:flex;align-items:center;gap:2px}.stepper__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0 2px;color:var(--ink);font-size:11px;line-height:1;cursor:pointer}.stepper__btn:hover{background:var(--ink);color:var(--void)}.stepper__value{width:30px;background:none;border:none;border-bottom:var(--hairline) solid transparent;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;text-align:center;padding:0}.stepper__value:hover,.stepper__value:focus{border-bottom-color:var(--ink);outline:none}@media (max-width: 900px){body{overflow-y:auto;overflow-x:hidden}.app{display:flex;flex-direction:column;height:auto;min-height:100dvh}.stage{order:-1}.rail{overflow-y:visible;border-right:none;border-left:none;border-top:var(--hairline) solid var(--ink)}.stage{order:-1;position:sticky;top:0;z-index:20;background:var(--void)}.canvas-wrap{padding:10px}canvas#canvas{width:auto!important;height:auto!important;max-width:100%;max-height:30vh}}.masthead{align-items:center}.masthead__mark{display:block}.masthead__mark svg{display:block;height:88px;width:auto}@media (max-width: 900px){.masthead__mark svg{height:64px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}