._92a7uq_errorBoundary{min-height:200px;padding:var(--space-lg,2rem);justify-content:center;align-items:center;display:flex}._92a7uq_errorFallback{max-width:400px;padding:var(--space-xl,3rem);background:var(--color-surface-elevated,#fff);border:1px solid var(--color-border-subtle,#e0e0e0);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-lg,0 10px 25px #0000001a);text-align:center;flex-direction:column;align-items:center;display:flex}@media (prefers-color-scheme:dark){._92a7uq_errorFallback{background:var(--color-surface-elevated-dark,#2a2a2a);border-color:var(--color-border-subtle-dark,#404040)}}._92a7uq_errorIcon{width:48px;height:48px;margin-bottom:var(--space-md,1rem);color:var(--color-feedback-error,#dc3545)}._92a7uq_errorIcon svg{width:100%;height:100%}._92a7uq_errorTitle{margin:0 0 var(--space-sm,.5rem) 0;color:var(--color-text-primary,#333);font-weight:var(--font-weight-semibold,600);font-size:var(--text-size-lg,1.25rem)}@media (prefers-color-scheme:dark){._92a7uq_errorTitle{color:var(--color-text-primary-dark,#e0e0e0)}}._92a7uq_errorMessage{margin:0 0 var(--space-lg,2rem) 0;color:var(--color-text-secondary,#666);font-size:var(--text-size-base,1rem);line-height:var(--text-line-height-relaxed,1.6)}@media (prefers-color-scheme:dark){._92a7uq_errorMessage{color:var(--color-text-secondary-dark,#ccc)}}._92a7uq_errorDetails{width:100%;margin-bottom:var(--space-lg,2rem);text-align:left}._92a7uq_errorDetails summary{margin-bottom:var(--space-sm,.5rem);color:var(--color-text-secondary,#666);font-weight:var(--font-weight-medium,500);font-size:var(--text-size-sm,.875rem);cursor:pointer}@media (prefers-color-scheme:dark){._92a7uq_errorDetails summary{color:var(--color-text-secondary-dark,#ccc)}._92a7uq_errorDetails summary:hover{color:var(--color-text-primary-dark,#e0e0e0)}}._92a7uq_errorDetails summary:hover{color:var(--color-text-primary,#333)}._92a7uq_errorStack{max-height:300px;padding:var(--space-md,1rem);background:var(--color-surface-secondary,#f8f9fa);border:1px solid var(--color-border-subtle,#e0e0e0);border-radius:var(--radius-md,8px);color:var(--color-text-primary,#333);font-size:var(--text-size-xs,.75rem);font-family:var(--font-family-mono,"Monaco", "Menlo", monospace);line-height:var(--text-line-height-normal,1.4);white-space:pre-wrap;word-break:break-word;overflow-y:auto}@media (prefers-color-scheme:dark){._92a7uq_errorStack{background:var(--color-surface-secondary-dark,#1a1a1a);border-color:var(--color-border-subtle-dark,#404040);color:var(--color-text-primary-dark,#e0e0e0)}}._92a7uq_errorReset{padding:var(--space-sm,.5rem) var(--space-lg,2rem);background:var(--color-interactive-primary,#007acc);border-radius:var(--radius-md,8px);color:var(--color-text-on-primary,#fff);font-weight:var(--font-weight-medium,500);font-size:var(--text-size-sm,.875rem);cursor:pointer;border:none;transition:all .2s}._92a7uq_errorReset:hover{background:var(--color-interactive-primary-hover,#005999);transform:translateY(-1px)}._92a7uq_errorReset:focus{outline:2px solid var(--color-focus-ring,#007acc);outline-offset:2px}._92a7uq_errorReset:active{transform:translateY(0)}
[data-ds-component=FontInspector].symbolInspector{grid-template-columns:1fr;max-width:100vw;display:grid}[data-ds-component=FontInspector] .accordion{margin-bottom:var(--core-spacing-size-06);background:var(--semantic-color-background-primary);border:1px solid var(--semantic-color-border-primary);flex-direction:column;display:flex}[data-ds-component=FontInspector] .accordion summary{padding:var(--core-spacing-size-04);font-size:var(--heading-05);cursor:pointer}[data-ds-component=FontInspector] .inspectorContainer{margin-top:var(--core-spacing-size-10);margin-bottom:var(--core-spacing-size-10);background:var(--semantic-color-background-primary);border:1px solid var(--semantic-color-border-primary)}[data-ds-component=FontInspector] .name{font-size:12px}[data-ds-component=FontInspector] .canvas{border:1px solid var(--semantic-color-border-primary);border-radius:var(--core-shape-radius-none);cursor:col-resize;border-left:none;border-right:none;position:relative}[data-ds-component=FontInspector] .inspectorControls{width:100%;font-size:var(--heading-05);content-visibility:auto;grid-template-columns:1fr 1fr 1fr auto;gap:0;display:grid}[data-ds-component=FontInspector] .inspectorControls button{min-height:var(--core-spacing-size-10);padding:var(--core-spacing-size-04);border:1px solid var(--semantic-color-border-primary);color:var(--semantic-color-foreground-primary);cursor:pointer;align-items:center;transition:background-color .3s;display:flex}[data-ds-component=FontInspector] .inspectorControls button:hover{background-color:var(--semantic-color-background-secondary)}[data-ds-component=FontInspector] .inspectorControls button:active{background-color:var(--semantic-color-background-tertiary)}[data-ds-component=FontInspector] .inspectorControls button:focus,[data-ds-component=FontInspector] .inspectorControls button:focus-visible{background-color:var(--semantic-color-background-secondary);outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}[data-ds-component=FontInspector] .inspectorControls button.preview{aspect-ratio:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}[data-ds-component=FontInspector] .fontSelector{background-color:var(--semantic-color-background-primary);border:1px solid var(--semantic-color-border-primary);width:100%;height:100%;color:var(--semantic-color-foreground-primary)}[data-ds-component=FontInspector] .anatomyControls{gap:var(--core-spacing-size-06);padding:var(--core-spacing-size-06);flex-direction:column;display:flex}[data-ds-component=FontInspector] .anatomyControls h4{margin:var(--core-spacing-size-04) 0}[data-ds-component=FontInspector] .anatomyControls ul{gap:var(--core-spacing-size-04);grid-template-columns:repeat(3,1fr);display:grid}[data-ds-component=FontInspector] .anatomyControls ul+ul{margin-top:var(--core-spacing-size-06)}[data-ds-component=FontInspector] .anatomyControls ul li{list-style:none}[data-ds-component=FontInspector] .symbolContainer{height:100%;padding-bottom:20vh;position:relative;overflow-y:auto}[data-ds-component=FontInspector] .symbolGrid{grid-template-columns:repeat(auto-fill, minmax(var(--core-spacing-size-10), var(--core-spacing-size-10)));width:100%;margin-top:var(--core-spacing-size-10);display:grid;overflow-y:auto}[data-ds-component=FontInspector] .symbolSelectorButton{all:unset;aspect-ratio:1;border:1px solid var(--semantic-color-border-primary);width:100%;color:var(--semantic-color-foreground-primary);font-weight:500;font-size:var(--heading-04);cursor:pointer;justify-content:center;align-items:center;transition:background-color .3s;display:flex}[data-ds-component=FontInspector] .symbolSelectorButton:hover{background-color:var(--semantic-color-background-hover)}[data-ds-component=FontInspector] .symbolSelectorButton:active{background-color:var(--semantic-color-background-tertiary)}[data-ds-component=FontInspector] .symbolSelectorButton:focus{background-color:var(--semantic-color-background-hover);border-radius:var(--core-shape-radius-small);outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}[data-ds-component=FontInspector] .selected{background-color:var(--semantic-color-foreground-accent);color:var(--semantic-color-foreground-onColor)}[data-ds-component=FontInspector] .articleContent{max-width:55rem;margin:var(--core-spacing-size-10) auto;padding:0 var(--core-spacing-size-06);font-size:var(--body-01);line-height:var(--line-height-body)}[data-ds-component=FontInspector] .articleContent img{width:100%;height:auto}[data-ds-component=FontInspector] .articleContent h2{font-size:var(--heading-02)}[data-ds-component=FontInspector] .articleContent p{font-size:var(--body-02);line-height:1.5}[data-ds-component=FontInspector] .articleContent p+p{text-indent:1.5em}[data-ds-component=FontInspector] .articleContent>*+*{margin-top:var(--core-spacing-size-07)}[data-ds-component=FontInspector] .articleContent dl{gap:var(--core-spacing-size-07);grid-template-columns:1fr 1fr;display:grid}[data-ds-component=FontInspector] .articleContent dt{font-weight:500}[data-ds-component=FontInspector] .articleContent dd{margin-left:var(--core-spacing-size-03)}[data-ds-component=FontInspector] .articleContent aside div>*+*{margin-top:var(--core-spacing-size-07)}:is([data-ds-component=FontInspector] .articleContent ul,[data-ds-component=FontInspector] .articleContent ol,[data-ds-component=FontInspector] .articleContent dl) li+li{margin-top:var(--core-spacing-size-06)}[data-ds-component=FontInspector] .articleContent code,[data-ds-component=FontInspector] .articleContent pre{padding:var(--core-spacing-size-04);background-color:var(--semantic-color-background-secondary);border-radius:var(--core-shape-radius-02)}@media (min-width:768px){[data-ds-component=FontInspector].symbolInspector{grid-template-columns:10fr 12fr}[data-ds-component=FontInspector] .inspectorContainer{--header-height:4rem;top:var(--header-height);max-height:calc(100vh - var(--header-height));position:sticky;left:0}}@media (max-width:1000px){[data-ds-component=FontInspector] .anatomyControls{gap:var(--core-spacing-size-08);padding:var(--core-spacing-size-08) var(--core-spacing-size-04)}[data-ds-component=FontInspector] .anatomyControls ul{gap:var(--core-spacing-size-02);grid-template-columns:1fr 1fr}[data-ds-component=FontInspector] .anatomyControls ul li{margin-bottom:var(--core-spacing-size-06);padding:var(--core-spacing-size-04) 0}}@media screen and (min-width:1000px){[data-ds-component=FontInspector] .articleContent aside{gap:var(--core-spacing-size-07);grid-template-columns:1fr 1fr;display:grid}}