@font-face{font-family:JetBrains Mono;src:url(/apps/app-20260704-004502/fonts/JetBrainsMono-Regular.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url(/apps/app-20260704-004502/fonts/FiraCode-Regular.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/apps/app-20260704-004502/fonts/IBMPlexMono-Regular.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Source Code Pro;src:url(/apps/app-20260704-004502/fonts/SourceCodePro-Regular.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Cascadia Code;src:url(/apps/app-20260704-004502/fonts/CascadiaCode-Regular.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/apps/app-20260704-004502/fonts/RobotoMono-Regular.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/apps/app-20260704-004502/fonts/SpaceMono-Regular.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--color-bg:#16181d;--color-surface:#1f2229;--color-surface-raised:#262a33;--color-border:#2a2e37;--color-border-focus:#3d4455;--color-text-primary:#e6e6e6;--color-text-secondary:#a9b1d6;--color-text-muted:#565f89;--color-accent:#7aa2f7;--color-accent-soft:#7aa2f729;--color-accent-b:#bb9af7;--color-accent-b-soft:#bb9af729;--color-success:#9ece6a;--color-danger:#f7768e;--color-baseline-grid:#7aa2f729;--syn-keyword:#7aa2f7;--syn-string:#9ece6a;--syn-function:#7dcfff;--syn-number:#ff9e64;--syn-comment:#565f89;--syn-punctuation:#a9b1d6;--syn-variable:#c0caf5;--syn-operator:#89ddff;--font-ui:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--touch-min:44px;--breakpoint-stack:760px;--elev-panel:0 1px 0 #ffffff05 inset, 0 8px 24px #00000059;--ease-base:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-ui);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}*{box-sizing:border-box}html,body{background:var(--color-bg);min-height:100%;margin:0;padding:0}#root{min-height:100svh}button{color:inherit;cursor:pointer;font-family:inherit}input,button{font-family:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.workspace{min-height:100svh;padding:max(var(--sp-3), env(safe-area-inset-top)) max(var(--sp-4), env(safe-area-inset-right)) max(var(--sp-4), env(safe-area-inset-bottom)) max(var(--sp-4), env(safe-area-inset-left));gap:var(--sp-4);flex-direction:column;display:flex}.ws-header{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.ws-wordmark{letter-spacing:.5px;color:var(--color-text-primary);margin:0;font-size:20px;font-weight:700}.active-family-indicator{min-height:32px;padding:var(--sp-1) var(--sp-3);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-pill);color:var(--color-text-secondary);white-space:nowrap;align-items:center;font-size:13px;display:inline-flex;position:relative}.metrics-banner{padding:var(--sp-2) var(--sp-3);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-text-secondary);background:#f7768e1a;font-size:13px}.ws-grid{gap:var(--sp-4);flex:1;grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=761px){.ws-grid{grid-template-columns:minmax(0,360px) minmax(0,1fr)}}.ws-rail,.ws-main{gap:var(--sp-4);flex-direction:column;min-width:0;display:flex}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elev-panel);padding:var(--sp-4);min-width:0}.panel-title{margin:0 0 var(--sp-3);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);font-size:12px;font-weight:600}.font-list{gap:var(--sp-2);flex-direction:column;display:flex}.font-row{align-items:center;gap:var(--sp-3);min-height:var(--touch-min);padding:var(--sp-2) var(--sp-3);padding-left:calc(var(--sp-3) + 3px);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-primary);text-align:left;transition:background .12s ease-out,border-color .12s ease-out;display:flex;position:relative;overflow:hidden}.font-row:hover:not(:disabled),.font-row:focus-visible{background:var(--color-surface);border-color:var(--color-border-focus)}.font-row.is-active{background:var(--color-accent-soft);border-color:var(--color-accent)}.font-row.is-error{opacity:.5;cursor:not-allowed}.font-row-accent{background:var(--color-accent);transform-origin:top;width:3px;position:absolute;top:0;bottom:0;left:0}.font-row-select{min-width:0;min-height:var(--touch-min);color:inherit;text-align:left;background:0 0;border:none;flex:1;align-items:center;padding:0;display:flex}.font-row-select:disabled{cursor:not-allowed}.font-row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.font-row-name{font-size:15px;line-height:1.2}.font-row-preview{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.font-row.is-loading .font-row-name,.font-row.is-loading .font-row-preview{opacity:.55;background:linear-gradient(90deg, var(--color-text-muted) 25%, var(--color-text-primary) 50%, var(--color-text-muted) 75%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.2s ease-in-out infinite shimmer}.unavailable-tag{color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-sm);padding:1px 6px;font-size:11px}.b-toggle{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.b-toggle:hover{border-color:var(--color-accent-b);color:var(--color-accent-b)}.b-toggle.is-b{background:var(--color-accent-b-soft);border-color:var(--color-accent-b);color:var(--color-accent-b)}.control-list{gap:var(--sp-4);flex-direction:column;display:flex}.control-row{gap:var(--sp-2);flex-direction:column;display:flex}.control-head{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.control-label{color:var(--color-text-secondary);font-size:13px}.value-chip{min-width:56px;padding:2px var(--sp-2);border-radius:var(--radius-pill);background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-primary);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.emset-slider{appearance:none;width:100%;height:var(--touch-min);cursor:pointer;background:0 0;margin:0}.emset-slider::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:var(--color-surface-raised);border:1px solid var(--color-border);height:6px}.emset-slider::-moz-range-track{border-radius:var(--radius-pill);background:var(--color-surface-raised);border:1px solid var(--color-border);height:6px}.emset-slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent);border:3px solid var(--color-bg);width:20px;height:20px;box-shadow:0 0 0 1px var(--color-accent);border-radius:50%;margin-top:-8px;transition:transform .12s ease-out}.emset-slider::-moz-range-thumb{background:var(--color-accent);border:3px solid var(--color-bg);width:20px;height:20px;box-shadow:0 0 0 1px var(--color-accent);border-radius:50%}.emset-slider:active::-webkit-slider-thumb{transform:scale(1.25)}.metrics-grid{gap:var(--sp-2) var(--sp-3);grid-template-columns:1fr auto;align-items:center;display:grid}.metric-key{color:var(--color-text-secondary);font-size:13px}.metric-val{color:var(--color-text-primary);font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.metric-val.is-emph{color:var(--color-accent);font-size:15px;font-weight:600}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-surface-raised) 25%, var(--color-border-focus) 50%, var(--color-surface-raised) 75%);background-size:200% 100%;width:52px;height:12px;animation:1.2s ease-in-out infinite shimmer;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.metrics-caption{color:var(--color-text-muted);margin-top:var(--sp-1);grid-column:1/-1;font-size:12px}.code-sample{border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);max-height:60vh;overflow:auto}.code-sample pre{padding:var(--sp-3) var(--sp-4);white-space:pre;font-family:var(--emset-sample-family,var(--font-ui));margin:0;overflow:visible}.code-line{display:block}.fallback-notice{margin-top:var(--sp-2);color:var(--color-danger);font-size:12px}.compare-empty{justify-content:center;align-items:center;gap:var(--sp-2);text-align:center;padding:var(--sp-6) var(--sp-4);border:2px dashed var(--color-border-focus);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-direction:column;display:flex}.compare-empty-hint{color:var(--color-text-muted);font-size:12px}.compare-stage{border-radius:var(--radius-md);border:1px solid var(--color-border);background:repeating-linear-gradient(to bottom, transparent, transparent calc(50% - 1px), var(--color-baseline-grid) calc(50% - 1px), var(--color-baseline-grid) 50%), var(--color-bg);padding:var(--sp-4);gap:var(--sp-2);flex-direction:column;display:flex;overflow-x:auto}.compare-row{white-space:nowrap;line-height:1.6}.compare-row.face-a{color:var(--color-accent)}.compare-row.face-b{color:var(--color-accent-b)}.compare-row-label{width:18px;color:var(--color-text-muted);font-size:12px;display:inline-block}.delta-strip{margin-top:var(--sp-3);flex-direction:column;gap:3px;display:flex}.delta-bar-row{align-items:center;gap:var(--sp-2);grid-template-columns:22px 1fr 56px;font-size:12px;display:grid}.delta-char{color:var(--color-text-secondary);text-align:center;font-variant-numeric:tabular-nums}.delta-track{background:var(--color-surface-raised);border-radius:var(--radius-sm);height:10px;position:relative;overflow:hidden}.delta-fill{position:absolute;top:0;bottom:0;left:50%}.delta-fill.pos{background:var(--color-accent-b)}.delta-fill.neg{background:var(--color-accent);transform:translate(-100%)}.delta-val{text-align:right;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.compare-summary{align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.compare-summary-text{color:var(--color-text-primary);font-size:13px}.wider-badge{padding:2px var(--sp-2);border-radius:var(--radius-pill);align-items:center;font-size:12px;font-weight:600;display:inline-flex}.wider-badge.b{background:var(--color-accent-b-soft);color:var(--color-accent-b)}.wider-badge.a{background:var(--color-accent-soft);color:var(--color-accent)}.wider-badge.equal{background:var(--color-surface-raised);color:var(--color-text-secondary)}.compare-error{color:var(--color-danger);margin-top:var(--sp-3);font-size:13px}.export-cols{gap:var(--sp-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=520px){.export-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.export-block{gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.export-block-head{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.export-block-name{color:var(--color-text-secondary);font-size:13px}.export-code{padding:var(--sp-3);border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);white-space:pre;margin:0;font-size:12.5px;line-height:1.5;overflow-x:auto}.copy-btn{align-items:center;gap:var(--sp-1);min-height:var(--touch-min);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text-secondary);font-size:13px;transition:border-color .12s ease-out,color .12s ease-out,background .12s ease-out;display:inline-flex}.copy-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.copy-btn.is-copied{border-color:var(--color-success);color:var(--color-success);background:#9ece6a1f}.copy-btn.is-fallback{border-color:var(--color-danger);color:var(--color-danger)}.copy-check{width:14px;height:14px}.restored-toast{left:50%;bottom:max(var(--sp-5), env(safe-area-inset-bottom));align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-pill);background:var(--color-surface-raised);border:1px solid var(--color-border-focus);box-shadow:var(--elev-panel);color:var(--color-text-primary);z-index:50;max-width:calc(100vw - var(--sp-6));font-size:13px;display:flex;position:fixed;transform:translate(-50%)}.toast-dismiss{min-height:var(--touch-min);padding:2px var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0;font-size:12px}.toast-dismiss:hover{color:var(--color-accent);border-color:var(--color-accent)}