:root{color-scheme:dark;--color-bg-panel: #171717;--color-bg-stage: #111111;--color-control-track: #232323;--color-control-track-hover: #282828;--color-control-fill: #2d2d2d;--color-control-fill-hover: #363636;--color-control-handle: #424242;--color-control-handle-hover: #505050;--color-border-subtle: #2a2a2a;--color-row-hover: #1f1f1f;--color-text-primary: #cccccc;--color-text-secondary: #aaaaaa;--color-text-muted: #666666;--color-text-muted-4: #888888;--color-text-muted-6: #9a9a9a;--color-text-dim: #bbbbbb;--color-text-bright: #ffffff;--color-text-bright-2: #e8e8e8;--color-focus-ring: #64b4ff;--color-toggle-on: #2a78d5;--color-success: #7be07b;--color-accent-tint-12: #64b4ff1f;--color-accent-tint-45: #64b4ff73;--color-hairline-08: #ffffff14;--color-hairline-14: #ffffff24;--color-inverted-primary-bg: #fafafa;--color-inverted-primary-bg-hover: #e0e0e0;--color-inverted-primary-fg: #0a0a0a;--font-ui: "Arqé", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Arqé Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--panel-radius: 14px;background:#16181d;color:var(--color-text-primary);font-family:var(--font-ui);font-size:12px;font-weight:400;line-height:1.45;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;margin:0;background:#16181d;color:var(--color-text-primary);font-family:var(--font-ui)}button,input,select{font:inherit}button,select{color:inherit}button{height:34px;border:none;border-radius:8px;padding:0 12px;background:var(--color-control-track);color:var(--color-text-secondary);font-size:12px;cursor:pointer;transition:background-color .12s,color .12s}button:hover:not(:disabled){background:var(--color-control-track-hover);color:var(--color-text-bright)}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}select{width:100%;height:34px;border:none;border-radius:8px;padding:0 12px;background:var(--color-control-track);color:var(--color-text-primary);font-size:12px}.lab-range{--slider-pos: calc(3px + (100% - 6px) * var(--p, 0));width:100%;height:34px;margin:0;padding:0 3px;appearance:none;-webkit-appearance:none;border-radius:8px;background:linear-gradient(to right,var(--color-control-fill) 0 var(--slider-pos),var(--color-control-track) var(--slider-pos) 100%);cursor:ew-resize;transition:background-color .12s}.lab-range:hover{background:linear-gradient(to right,var(--color-control-fill-hover) 0 var(--slider-pos),var(--color-control-track-hover) var(--slider-pos) 100%)}.lab-range::-webkit-slider-runnable-track{height:2px;background:transparent}.lab-range::-webkit-slider-thumb{width:2px;height:18px;margin-top:-8px;appearance:none;-webkit-appearance:none;border:0;border-radius:1px;background:var(--color-control-handle)}.lab-range:hover::-webkit-slider-thumb{background:var(--color-control-handle-hover)}.lab-range::-moz-range-track{height:2px;background:transparent}.lab-range::-moz-range-progress{height:2px;background:transparent}.lab-range::-moz-range-thumb{width:2px;height:18px;border:0;border-radius:1px;background:var(--color-control-handle)}.lab-shell{max-width:1420px;margin:0 auto;padding:16px 16px 88px;border-radius:var(--panel-radius);background:var(--color-bg-panel)}.lab-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:0 0 10px}h1{margin:0;color:var(--color-text-bright);font-size:16px;font-weight:500;letter-spacing:-.01em}.coverage-summary{min-width:82px;padding:7px 10px;border-radius:8px;background:var(--color-control-track);text-align:right}.coverage-summary strong{display:block;color:var(--color-text-bright);font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums}.coverage-summary span{color:var(--color-text-muted);font-size:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.preview-column{min-width:0;padding-bottom:72px}.controls-column{display:flex;flex-direction:column;gap:8px;min-width:0;padding-left:14px;padding-bottom:72px;border-left:1px solid var(--color-hairline-08)}.glyph-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin-bottom:8px}.glyph-heading .nav-button:last-child{justify-self:end}.glyph-identity{display:flex;flex-direction:column;align-items:center;color:var(--color-text-muted-4);font-family:var(--font-mono);font-size:10px}.glyph-char{height:38px;display:block}.glyph-char path{fill:var(--color-text-bright)}.stage{height:min(49vw,460px);min-height:300px;overflow:hidden;border-radius:10px;background-color:var(--color-bg-stage);background-image:radial-gradient(var(--color-hairline-08) 1px,transparent 1px);background-position:6px 6px;background-size:12px 12px;box-shadow:inset 0 0 0 1px var(--color-hairline-08)}.glyph-stage{display:block;width:100%;height:100%}.outline{fill:#ffffff0d;fill-rule:nonzero;stroke:var(--color-text-muted-4);stroke-width:1.25;vector-effect:non-scaling-stroke}.outline.selected{stroke:var(--color-text-bright-2)}.reveal-stroke{stroke:#f6f8fa;stroke-linecap:round;stroke-linejoin:round}.settled-fill{fill:#f6f8fa;fill-rule:nonzero}.vertex{fill:var(--color-bg-panel);stroke:var(--color-text-muted-6);stroke-width:1.25;vector-effect:non-scaling-stroke;cursor:pointer}.vertex:hover{fill:var(--color-focus-ring)}.vertex.active{fill:var(--color-focus-ring);stroke:#d8edff;stroke-width:2}.guide-hitbox{fill:transparent;cursor:crosshair}.guide-line{fill:none;stroke:var(--color-text-muted-4);stroke-width:1.5;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.guide-line.active{stroke:#f5b15b;stroke-width:2;stroke-dasharray:none}.guide-point{fill:var(--color-bg-panel);stroke:#f5b15b;stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:grab}.guide-point:active{cursor:grabbing}.guide-point:hover{fill:#f5b15b}.guide-start{fill:var(--color-focus-ring);stroke:#d8edff;stroke-width:2}.direction-line{stroke:#f5b15b;stroke-width:2.2;vector-effect:non-scaling-stroke}.arrow-head{fill:#f5b15b}.progress-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 6px;align-items:center;margin-top:8px}.progress-control .control-label,.progress-control input{grid-column:1}.progress-control .action-button{grid-column:2;grid-row:1 / span 2}.control-group{display:flex;flex-direction:column;gap:4px}.control-label{display:flex;justify-content:space-between;gap:8px;color:var(--color-text-secondary);font-size:12px}.control-label strong{color:var(--color-text-bright-2);font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums}.button-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}.selected-button{background:var(--color-control-fill);box-shadow:inset 0 0 0 1px var(--color-accent-tint-45);color:var(--color-text-bright)}.review-actions{display:grid;gap:6px;margin-top:auto}.accept-button,.save-button{background:var(--color-inverted-primary-bg);color:var(--color-inverted-primary-fg);font-weight:500;letter-spacing:.3px}.accept-button:hover:not(:disabled),.save-button:hover:not(:disabled){background:var(--color-inverted-primary-bg-hover);color:var(--color-inverted-primary-fg)}.review-state{min-height:15px;margin:0;color:var(--color-text-muted);font-size:11px;text-align:center}.review-state.reviewed{color:var(--color-success)}.catalog{margin-top:14px;padding-top:8px;border-top:1px solid var(--color-hairline-08)}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.catalog-toolbar h2{margin:0;color:var(--color-text-muted);font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase}.catalog-toolbar select{width:164px}.catalog-actions{display:flex;align-items:center;gap:6px}.glyph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.glyph-tile{position:relative;height:72px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;background-color:var(--color-bg-stage);background-image:radial-gradient(var(--color-hairline-08) 1px,transparent 1px);background-position:5px 5px;background-size:10px 10px;box-shadow:inset 0 0 0 1px var(--color-hairline-08)}.glyph-tile:hover:not(:disabled){background-color:var(--color-row-hover)}.glyph-tile svg{width:100%;height:34px;display:block}.glyph-tile svg path{fill:var(--color-text-primary)}.glyph-tile small{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;font-variant-numeric:tabular-nums}.glyph-tile.selected{background-color:var(--color-control-fill);box-shadow:inset 0 0 0 1px var(--color-focus-ring)}.glyph-tile.reviewed:after{content:"✓";position:absolute;top:4px;right:6px;color:var(--color-success);font-size:11px}.save-bar{position:fixed;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:12px max(16px,calc((100vw - 1388px)/2));border-top:1px solid var(--color-hairline-08);background:var(--color-bg-panel)}.save-bar>div:first-child{display:flex;flex-direction:column;min-width:0}.save-bar strong{color:var(--color-text-primary);font-size:12px;font-weight:400}.save-status{color:var(--color-text-muted-6);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-actions{display:flex;gap:6px}.save-actions>button:not(.save-button){background:var(--color-control-fill);color:var(--color-text-primary)}.save-actions>button:not(.save-button):hover:not(:disabled){background:var(--color-control-fill-hover)}@media(max-width:820px){.lab-shell{padding:14px 14px 100px;border-radius:0}.workspace{grid-template-columns:1fr}.controls-column{display:grid;grid-template-columns:1fr 1fr;padding:14px 0 0;border-top:1px solid var(--color-hairline-08);border-left:none}.review-actions,.review-state{grid-column:1 / -1}.stage{height:440px}}@media(max-width:560px){.lab-header,.catalog-toolbar,.save-bar{flex-direction:column;align-items:stretch}.coverage-summary,.catalog-toolbar select{width:100%;text-align:left}.catalog-actions{width:100%;flex-direction:column;align-items:stretch}.glyph-heading{grid-template-columns:auto 1fr auto}.glyph-heading button{width:34px;padding:0;font-size:0}.glyph-heading button:first-child:after{content:"←";font-size:15px}.glyph-heading button:last-child:after{content:"→";font-size:15px}.stage{min-height:280px;height:86vw}.controls-column{grid-template-columns:1fr}.review-actions,.review-state{grid-column:auto}.preview-column{padding-bottom:0}.progress-control{grid-template-columns:1fr}.progress-control .control-label,.progress-control input,.progress-control .action-button{grid-column:1;grid-row:auto}.save-actions{width:100%}.save-actions button{flex:1}}.pen-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 6px}.tool-group{display:flex;gap:4px}.tool-group button{padding:4px 10px;font-size:12px}.tool-toggle{display:flex;align-items:center;gap:5px;margin-left:auto;color:var(--color-text-secondary);font-size:12px;cursor:pointer}.tool-toggle input{accent-color:var(--color-focus-ring)}.guide-hit{fill:none;stroke:transparent;stroke-width:14;vector-effect:non-scaling-stroke;cursor:copy}.guide-point.selected{fill:#f5b15b;stroke:#fff2e0;stroke-width:2.5}.handle-arm{stroke:var(--color-text-muted-6);stroke-width:1.25;vector-effect:non-scaling-stroke}.handle-arm.pinned{stroke:#7dd3fc}.handle-point{fill:var(--color-bg-panel);stroke:var(--color-text-muted-6);stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:grab}.handle-point:hover{fill:var(--color-text-muted-6)}.handle-point.pinned{stroke:#7dd3fc}.handle-point.pinned:hover{fill:#7dd3fc}.handle-grab{fill:transparent;cursor:grab}.handle-grab:active{cursor:grabbing}.draft-banner{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;padding:10px 14px;border:1px solid var(--color-focus-ring);border-radius:10px;background:var(--color-accent-tint-12)}.draft-banner strong{font-size:13px}.draft-banner span{color:var(--color-text-secondary);font-size:12px}.draft-actions{display:flex;gap:8px;margin-left:auto}.font-bar{display:flex;align-items:center;gap:12px}.font-identity{display:flex;flex-direction:column;line-height:1.3}.font-identity strong{font-size:13px}.font-identity span{color:var(--color-text-secondary);font-size:11px}.font-open{display:inline-flex;align-items:center;padding:7px 13px;border:1px solid var(--color-border-subtle);border-radius:8px;font-size:12px;cursor:pointer}.font-open:hover{border-color:var(--color-focus-ring)}.font-open input{display:none}.font-error{border-color:#f87171;background:#f8717117}.font-drop{display:grid;place-items:center;min-height:58vh;margin:18px 0;padding:32px;border:1px dashed var(--color-border-subtle);border-radius:16px;text-align:center;transition:border-color .12s,background-color .12s}.font-drop.dragging{border-color:var(--color-focus-ring);border-style:solid;background:var(--color-accent-tint-12)}.font-drop-inner{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:56ch}.font-drop h2{margin:0;font-size:22px;letter-spacing:-.01em;text-wrap:balance}.font-drop-formats{margin:0;color:var(--color-text-muted);font-size:12px}.font-open.primary{padding:10px 20px;border-color:var(--color-focus-ring);font-size:13px}@media(prefers-reduced-motion:reduce){.font-drop{transition:none}}.mode-choice{display:grid;place-items:center;min-height:58vh;margin:18px 0;padding:32px}.mode-choice-inner{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:62ch}.mode-choice h2{margin:0;font-size:22px;letter-spacing:-.01em;text-align:center;text-wrap:balance}.mode-choice-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;width:100%}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;height:auto;min-height:0;padding:18px;text-align:left;border-radius:12px;white-space:normal}.mode-card:hover strong{color:var(--color-text-bright)}.mode-card strong{font-size:15px;color:var(--color-text-bright)}.mode-card span{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.mode-card em{color:var(--color-text-muted);font-size:11px;font-style:normal}.mode-choice-note{margin:0;color:var(--color-text-muted);font-size:11px}.pen-preview{fill:none;stroke:var(--color-accent-tint-45);stroke-width:1.4;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.font-home{margin:18px 0 0}.home-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px}.stat-tile{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:10px;background:var(--color-bg-stage);box-shadow:inset 0 0 0 1px var(--color-hairline-08)}.stat-tile strong{color:var(--color-text-bright);font-family:var(--font-mono);font-size:16px;font-variant-numeric:tabular-nums}.stat-tile span{color:var(--color-text-muted);font-size:10px;letter-spacing:1px;text-transform:uppercase}.font-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.font-card{position:relative}.font-card-open{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;height:auto;min-height:0;padding:14px;text-align:left;border-radius:12px;white-space:normal}.font-card-open:hover strong{color:var(--color-text-bright)}.font-card-preview{display:flex;gap:6px;align-items:flex-end;height:40px}.font-card-preview svg{height:100%;width:auto;max-width:34px}.font-card-preview svg path{fill:var(--color-text-dim)}.font-card-open strong{font-size:13px;color:var(--color-text-primary)}.font-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.mode-pill{padding:2px 8px;border-radius:99px;background:var(--color-accent-tint-12);color:var(--color-focus-ring);font-size:10px;font-style:normal;letter-spacing:.5px;text-transform:uppercase}.card-meter{display:block;width:100%;height:3px;border-radius:2px;background:var(--color-control-track);overflow:hidden}.card-meter-fill{display:block;height:100%;border-radius:2px;background:var(--color-focus-ring)}.font-card-meta{display:flex;justify-content:space-between;gap:8px;width:100%;color:var(--color-text-muted);font-size:11px;font-variant-numeric:tabular-nums}.font-card-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:132px;padding:14px;border:1px dashed var(--color-border-subtle);border-radius:12px;text-align:center;cursor:pointer;transition:border-color .12s,background-color .12s}.font-card-add:hover,.font-card-add.dragging{border-color:var(--color-focus-ring);background:var(--color-accent-tint-12)}.font-card-add input{display:none}.font-card-add-mark{color:var(--color-text-muted-4);font-size:22px;line-height:1}.font-card-add strong{color:var(--color-text-primary);font-size:13px}.font-card-add .font-card-meta{justify-content:center}@media(prefers-reduced-motion:reduce){.font-card-add{transition:none}}.font-card-forget{position:absolute;top:8px;right:8px;width:26px;height:26px;padding:0;border-radius:7px;font-size:12px;line-height:1}.lab-title{display:flex;align-items:center;gap:10px}.lab-title .nav-button{height:28px;padding:0 12px}