@font-face{font-family:OnePX;src:url(/assets/onepx-variable-DmyL0jwE.woff2) format("woff2");font-display:block}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#eee;color:#000}body,input,button,textarea{font-family:OnePX;font-variation-settings:"PXLR" 20,"wdth" 0,"MONO" 0}button,input,textarea{color:inherit;background:transparent;border:0;border-radius:0;font-size:inherit}button{cursor:pointer;min-height:44px;padding:4px 8px}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,[role=slider]:focus-visible{outline:2px solid black;outline-offset:-2px}button[aria-pressed=true]{outline:2px solid #000;outline-offset:-2px}.site{height:100dvh;display:flex;flex-direction:column;font-size:20px;overflow:hidden}.top{min-height:72px;border-bottom:1px solid #bbb;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 22px 16px}.wordmark{font-size:28px;min-width:0;width:52%;max-width:540px;height:44px;padding:0}.top nav{display:flex;gap:14px}.top nav button{font-size:21px}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:31% minmax(0,1fr)}.left{min-width:0;border-right:1px solid #bbb;display:flex;flex-direction:column;overflow:hidden}.axes{padding:0 12px 14px;border-bottom:1px solid #bbb}.size{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bbb;min-height:42px;font-size:23px}.size input{width:85px;text-align:right;font-size:24px;-moz-appearance:textfield}.section-title{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:21px;min-height:45px}.section-title button{font-size:18px;padding:0 5px}.axisrow{display:grid;grid-template-columns:40px minmax(0,1fr) 48px;gap:8px;align-items:center;min-height:38px}.bound{color:#999;text-align:right;font-size:20px}.letter-axis{position:relative;min-width:0;height:36px;display:flex;align-items:center;font-size:24px;line-height:36px}.letter-axis>span:first-child{pointer-events:none}.knob{position:absolute;top:0;touch-action:none;cursor:ew-resize;min-width:1em;line-height:36px;padding:0;text-align:right}.search{margin:0;width:100%;padding:10px 14px;font-size:18px;height:50px;flex-shrink:0;border-bottom:1px solid #bbb}.search::placeholder{color:#999;opacity:1}.characters{padding:0 12px 12px;overflow:auto;min-height:0}.characters>.section-title{border-bottom:1px solid #bbb;font-size:19px;position:sticky;top:0;background:#eee;z-index:1}.letter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding-top:8px}.letter-grid button{font-size:28px;min-width:0;min-height:52px;padding:4px;border-bottom:1px solid #bbb}.right{overflow:auto;min-width:0;padding:0 12px 12px}.master-title{display:flex;align-items:center;gap:24px;flex-wrap:wrap;min-height:53px;border-bottom:1px solid #bbb;margin-bottom:14px;background:#eee}.master-title strong{font-size:30px}.master-title span{font-size:15px;color:#777}.master-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}.master-card{border-bottom:1px solid #bbb;min-width:0;padding-bottom:12px}.master-card.active{outline:1px solid #000;outline-offset:3px}.master-card header{display:flex;flex-wrap:wrap;gap:5px 10px;font-size:11px;min-height:31px;color:#777}.master-canvas{width:100%;overflow:auto;max-height:400px;overscroll-behavior:contain}.master-canvas svg{display:block;height:auto;max-width:none;-webkit-user-select:none;user-select:none}.specimen{margin-top:22px;border-top:1px solid #bbb}.specimen textarea{resize:vertical;width:100%;min-height:220px;padding:16px 0;line-height:1.4;overflow:auto;white-space:pre-wrap;word-break:normal;overflow-wrap:normal}.specimen-label{font-size:16px;color:#999;border-top:1px solid #bbb;padding:10px 0}.more{position:absolute;z-index:5;top:60px;right:12px;width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 80px);overflow:auto;border:1px solid #aaa;background:#eee;padding:10px;display:flex;gap:8px;flex-wrap:wrap}.more button{font-size:17px;border-bottom:1px solid #aaa}.more p{width:100%;font-size:12px;line-height:1.8;margin:2px 0}.overlay{position:fixed;inset:0;background:#eeeeeee8;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.overlay>section{background:#eee;border:1px solid #aaa;padding:20px;width:min(780px,100%);max-height:90dvh;overflow:auto}.overlay p{font-size:16px}.overlay textarea{width:100%;height:220px;border:1px solid #aaa;font:12px/1.5 monospace;color:#000;background:#fff;overflow:auto}.export-actions{display:flex;justify-content:space-between}.overlay .section-title{border-bottom:1px solid #aaa}[role=alert]{font-size:14px;margin:0;padding:10px;border-bottom:1px solid #000}@media(min-width:1600px){.master-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.workspace{grid-template-columns:34% minmax(0,1fr)}.master-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top{padding-left:12px;padding-right:12px}.top nav{gap:4px}.top nav button{font-size:18px}.wordmark{font-size:24px}.axisrow{grid-template-columns:30px minmax(0,1fr) 38px;gap:4px}.letter-axis{font-size:20px}.bound{font-size:16px}.letter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.master-title{gap:12px}.section-title,.size{font-size:18px}}@media(max-width:650px){.site{height:auto;min-height:100dvh;overflow:visible}.top{min-height:62px;flex-wrap:wrap;padding:5px 12px 8px;gap:0}.wordmark{font-size:23px;width:100%;height:40px;max-width:none}.top nav{width:100%;justify-content:space-between;gap:4px}.top nav button{font-size:18px;min-height:44px;padding:0}.workspace{display:flex;flex-direction:column}.left{display:contents}.axes{order:0;padding:0 12px 8px;border-bottom:1px solid #bbb}.size,.axes .section-title{font-size:20px}.axisrow{grid-template-columns:35px minmax(0,1fr) 42px;gap:8px}.letter-axis{font-size:23px}.bound{font-size:19px}.search{order:1}.characters{order:2;padding:0 12px;overflow:visible}.characters>.section-title{position:static}.letter-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;padding-bottom:10px}.letter-grid button{font-size:22px;min-height:44px;padding:0}.right{order:3;overflow:visible;padding:0 12px 12px}.master-title{gap:12px;min-height:57px}.master-title span{font-size:11px}.master-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.master-card header{font-size:10px;gap:3px 6px;min-height:32px}.master-canvas{max-height:360px}.more{top:100px}.more p{font-size:10px}.overlay{padding:12px}.overlay>section{padding:12px}.overlay .section-title{font-size:18px}.specimen textarea{font-size:40px!important}}@media(max-width:360px){.letter-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.master-title{gap:8px}.master-title span{font-size:10px}}.master-canvas{height:250px;container-type:inline-size;display:flex;align-items:flex-start;justify-content:center;padding-top:8px}.master-canvas svg{max-width:none;flex-shrink:0}.master-card header{font-size:13px;color:#555}.master-title span{color:#555}.bound{color:#777}@media(max-width:650px){.master-canvas{height:250px}.master-card header{font-size:11px}}.axis-track{position:relative;flex:1;min-width:1em;height:36px}.letter-axis>span:first-child{flex-shrink:0}.knob{text-align:left}