:root{color:#24251f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#e9e9df;--ink:#24251f;--muted:#68695f;--line:#c9cabd;--accent:#c5fa42;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;background:#e9e9df;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default;opacity:.35}a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:4px;outline:2px solid #6b801c}button,fieldset,h1,p{margin:0}fieldset{border:0;min-width:0;padding:0}svg{display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::selection{background:var(--accent);color:var(--ink)}.studio{flex-direction:column;max-width:1920px;min-height:100dvh;margin:0 auto;padding:0 32px;display:flex}.studio-header{justify-content:space-between;align-items:center;gap:20px;min-height:88px;display:flex}.studio-title{letter-spacing:-.075em;flex-shrink:0;align-items:center;font-size:36px;font-weight:900;line-height:1;display:flex}.header-actions{align-items:center;gap:6px;display:flex}.header-actions button{font:11px var(--mono);background:0 0;border:1px solid #0000;padding:11px 16px;transition:background .15s,border-color .15s}.header-actions button>span{vertical-align:-1px;margin-right:6px;font-size:16px}.header-actions button:hover:not(:disabled){border-color:var(--ink);background:#dcded0}.header-actions .generate-button{border-color:var(--ink);margin-left:12px}.header-actions .export-button{color:var(--ink);background:var(--accent);border-color:var(--ink);margin-left:4px}.header-actions .export-button:hover:not(:disabled){background:var(--ink);color:var(--accent)}.title-star{margin:0 0 0 .1em;font-size:.83em;font-weight:400;line-height:1;display:inline-block}.studio-layout{border:1px solid var(--ink);flex:1;grid-template-columns:minmax(0,1fr) 300px;display:grid}.glyph-workspace{flex-direction:column;min-width:0;display:flex}.canvas-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:13px 20px;display:flex}.workspace-label{font:10px var(--mono);letter-spacing:.7px;align-items:center;gap:8px;display:flex}.status-dot{background:var(--ink);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent);border-radius:50%;margin:0 3px}.canvas-actions{align-items:center;gap:18px;display:flex}.reset-glyph{border:0;border-bottom:1px solid var(--line);font:10px var(--mono);background:0 0;padding:4px 0}.reset-glyph:hover{border-color:var(--ink)}.grid-toggle{font:10px var(--mono);align-items:center;gap:6px;display:flex}.grid-toggle input{accent-color:var(--ink);width:12px;height:12px;margin:0}.glyph-canvas{background-color:#e2e4d9;background-image:radial-gradient(#a9ad984d .7px,#0000 .7px);background-size:8px 8px;flex:1;justify-content:center;align-items:center;min-height:350px;padding:24px 65px 12px;display:flex;position:relative;overflow:hidden}.glyph-canvas>svg{width:100%;height:calc(100% - 40px);position:absolute;inset:24px 0 16px}.canvas-coordinate{z-index:1;pointer-events:none;font:9px var(--mono);color:var(--muted);letter-spacing:.6px;position:absolute}.coordinate-top{color:var(--ink);flex-direction:column;gap:8px;font-size:26px;display:flex;top:24px;left:22px}.coordinate-top span{color:var(--muted);font-size:9px}.glyph-bank{border-top:1px solid var(--ink);padding:15px 20px 18px}.bank-heading{font:9px var(--mono);letter-spacing:.7px;justify-content:space-between;margin-bottom:12px;display:flex}.bank-heading>span:last-child{color:var(--muted)}.character-picker{align-items:start;gap:20px;min-width:0;display:flex}.character-groups{flex:0 0 106px;grid-template-columns:1fr 1fr;gap:4px;display:grid}.character-groups button{border:1px solid var(--line);height:29px;font:10px var(--mono);color:var(--muted);background:0 0;padding:0 7px}.character-groups button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.glyph-selector{flex:1;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;display:grid}.glyph-selector button{border:1px solid var(--line);width:100%;min-width:0;height:29px;font:14px var(--mono);background:0 0;padding:0}.glyph-selector button[aria-pressed=true]{border-color:var(--ink);background:var(--accent);box-shadow:2px 2px 0 var(--ink)}.glyph-selector button:hover,.character-groups button:hover:not([aria-pressed=true]){border-color:var(--ink);background:#d4d7c5}.construction-grid{stroke:#a5ab94;fill:#90967e}.construction-grid line{vector-effect:non-scaling-stroke;stroke-width:.7px}.construction-grid .baseline{stroke:#747e5d;stroke-width:1.2px}.construction-grid .x-height{stroke-dasharray:4 5}.construction-grid circle{stroke:none}.glyph-outline{pointer-events:none}.grid-point{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.point-hit{fill:#0000;pointer-events:all}.point-marker{fill:#858e70;pointer-events:none;vector-effect:non-scaling-stroke}.grid-point.is-active .point-marker{fill:var(--accent);stroke:var(--ink);stroke-width:1px}.grid-point:hover .point-hit,.grid-point:focus-visible .point-hit{fill:#c5fa4255;stroke:#566827;stroke-width:1px;vector-effect:non-scaling-stroke}.grid-point:hover .point-marker,.grid-point:focus-visible .point-marker{fill:var(--accent);stroke:var(--ink);stroke-width:1px}.connection-preview{stroke:#6b801c;stroke-width:2px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;pointer-events:none}.connection-preview.has-target{stroke:#526b0b;stroke-dasharray:none}.grid-point.is-source .point-hit,.grid-point.is-target .point-hit{fill:#c5fa4255;stroke:#566827;stroke-width:1.5px;vector-effect:non-scaling-stroke}.grid-handle{touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.grid-handle.is-column{cursor:ew-resize}.grid-handle.is-row{cursor:ns-resize}.handle-hit{fill:#0000;pointer-events:all}.handle-tab{fill:#858e70;pointer-events:none}.handle-guide{stroke:#0000;stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:none}.grid-handle:hover .handle-tab,.grid-handle:focus-visible .handle-tab,.grid-handle.is-dragging .handle-tab{fill:#526b0b}.grid-handle:hover .handle-guide,.grid-handle:focus-visible .handle-guide,.grid-handle.is-dragging .handle-guide{stroke:#526b0b}.control-panel{border-left:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:20px 24px}.control-panel :focus-visible{outline-color:var(--accent)}legend{font:9px var(--mono);letter-spacing:1px;color:#b8bbaa;margin-bottom:9px}.style-controls>fieldset+fieldset{margin-top:20px}.segmented{border:1px solid #606354;gap:3px;padding:3px;display:flex}.segmented button{font:10px var(--mono);background:0 0;border:none;flex:1;padding:9px 3px}.segmented button:hover{background:#44483a}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--ink)}.grid-actions{gap:7px;display:flex}.grid-actions button{font:10px var(--mono);background:0 0;border:1px solid #606354;flex:1;padding:10px 6px}.grid-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sliders{padding-top:7px}.slider-control{margin-top:15px}.slider-heading{justify-content:space-between;align-items:center;font-size:11px;display:flex}.control-number{width:25px;font:8px var(--mono);color:#a3a794;display:inline-block}.slider-heading output{font:10px var(--mono);color:var(--accent)}.slider-control input{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:22px;margin:4px 0 0;display:block}.slider-control input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--range-progress), #606354 var(--range-progress));height:2px}.slider-control input::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--range-progress), #606354 var(--range-progress));height:2px}.slider-control input::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--ink);outline:1px solid var(--accent);border-radius:0;width:8px;height:13px;margin-top:-5px}.slider-control input::-moz-range-thumb{border:2px solid var(--ink);outline:1px solid var(--accent);background:var(--accent);border-radius:0;width:4px;height:9px}.slider-control input:disabled{cursor:default}.studio-footer{min-height:45px;font:11px var(--mono);color:var(--muted);justify-content:center;align-items:center;display:flex}.studio-footer a{text-underline-offset:3px}.studio-footer a:hover{color:var(--ink)}.notice{background:var(--accent);border:1px solid var(--ink);font:11px/1.5 var(--mono);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.notice button{background:0 0;border:none;margin-left:15px;font-size:22px}.font-preview{border:1px solid var(--ink);width:min(1000px,100vw - 48px);max-width:none;max-height:calc(100dvh - 48px);color:var(--ink);background:var(--paper);box-shadow:10px 10px 0 var(--accent);padding:0}.font-preview::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#181d13bb}.font-preview-body{flex-direction:column;gap:22px;padding:24px;display:flex}.font-preview-header{border-bottom:1px solid var(--ink);align-items:center;gap:20px;padding-bottom:20px;display:flex}.font-preview-header h2{letter-spacing:-1px;margin:0 auto 0 0;font-size:27px;font-weight:700}.font-preview-size{font:10px var(--mono);align-items:center;gap:8px;display:flex}.font-preview-size input{accent-color:var(--ink);width:110px}.font-preview-size output{min-width:3ch;font:11px var(--mono)}.font-preview-header button{background:var(--accent);border:1px solid var(--ink);width:32px;height:32px;font-size:22px}.font-preview-status{font:11px var(--mono);color:var(--muted)}.font-preview textarea{resize:none;width:100%;min-height:55dvh;color:var(--ink);background:0 0;border:none;outline:none;padding:0;line-height:1.15}@media (width>=1500px){.studio{padding:0 48px}.studio-layout{grid-template-columns:minmax(0,1fr) 330px}.control-panel{padding:24px 30px}.glyph-canvas{min-height:440px}}@media (width<=1100px){.studio{padding:0 20px}.studio-layout{grid-template-columns:minmax(0,1fr) 270px}.control-panel{padding:20px}.character-picker{flex-direction:column;gap:10px}.character-groups{flex-basis:auto;display:flex}.character-groups button{min-width:48px;height:25px}.glyph-selector{width:100%}.header-actions button{padding:10px}}@media (width<=760px){.studio{padding:0 14px}.studio-header{flex-wrap:wrap;gap:10px;padding:10px 0 14px}.header-actions{justify-content:space-between;gap:3px;width:100%}.header-actions button{white-space:nowrap;padding:10px 7px;font-size:9px}.header-actions button>span{display:none}.header-actions .generate-button,.header-actions .export-button{margin-left:0}.studio-layout{grid-template-columns:1fr}.canvas-toolbar{padding:12px}.workspace-label{font-size:8px}.canvas-actions{gap:12px}.glyph-canvas{flex:none;height:56dvh;min-height:390px}.coordinate-top{font-size:21px;top:18px;left:14px}.glyph-bank{padding:15px 12px}.glyph-selector{gap:3px}.glyph-selector button{height:28px;font-size:12px}.control-panel{border-left:0;padding:22px}.sliders{grid-template-columns:1fr 1fr;column-gap:25px;display:grid}.slider-control{margin-top:19px}.studio-footer{min-height:46px;font-size:10px}.font-preview{width:calc(100vw - 30px);box-shadow:5px 5px 0 var(--accent)}.font-preview-body{padding:16px}.font-preview-header{flex-wrap:wrap;gap:12px}.font-preview-header h2{font-size:22px}.font-preview-size input{width:65px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}