.semantic-head{margin-bottom:48px}@media (min-width:1024px){.semantic-title{grid-column:span 7}.semantic-sub{grid-column:span 5;padding-top:8px}}.semantic-grid{border:1px solid var(--border);background:var(--panel);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.semantic-grid{grid-template-columns:repeat(3,1fr)}}.semantic-cell{border-bottom:1px solid var(--border);flex-direction:column;justify-content:space-between;min-width:0;height:160px;padding:20px;display:flex}.semantic-cell:last-child{border-bottom:0}@media (min-width:1024px){.semantic-cell{border-top:0;border-bottom:0;border-left:1px solid var(--border)}.semantic-cell:first-child{border-left:0}}.semantic-preview{justify-content:center;align-items:center;min-width:0;padding-block:8px;display:flex}.semantic-code{min-width:0;max-width:100%;font-family:var(--font-geist-mono), monospace;color:color-mix(in srgb, var(--muted-foreground) 70%, transparent);white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.semantic-note{font-family:var(--font-geist-mono), monospace;color:var(--muted-foreground);margin-top:16px;font-size:11px}
.token-table{flex-direction:column;gap:10px;display:flex}.token-vocabulary{justify-content:center;display:flex}@media (min-width:768px) and (max-width:1023px){.token-grid{grid-template-columns:1fr auto;align-items:start}.token-grid .token-left{grid-column:1/-1;max-width:24rem}.token-grid .token-table{grid-column:1;min-width:0}.token-grid .token-vocabulary{grid-column:2;justify-content:center;padding-top:4px}}@media (min-width:1024px){.token-left{grid-column:span 5;max-width:24rem}.token-table{flex-direction:column;grid-column:span 4;gap:10px;display:flex}.token-vocabulary{grid-column:span 3;justify-content:flex-end;display:flex}}.token-row{font-family:var(--font-geist-mono), monospace;grid-template-columns:20px 1fr 1.2fr auto;align-items:center;gap:12px;font-size:11px;display:grid}.token-swatch{border:1px solid var(--border);width:16px;height:16px}.token-name{color:var(--foreground);font-weight:500}.token-desc{color:var(--muted-foreground)}.token-hex{color:var(--muted-foreground);font-size:10px}.token-vocab-box{border:1px dashed var(--border);background:var(--panel);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:220px;padding:32px;display:flex}.token-vocab-title{font-family:var(--font-geist-mono), monospace;color:var(--foreground);margin-bottom:24px;font-size:12px;font-weight:500;line-height:1.25}.token-vocab-flow{font-family:var(--font-geist-mono), monospace;color:var(--muted-foreground);flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex}.token-vocab-flow .arrow{opacity:.6;font-size:12px}
.components-head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:40px;display:flex}@media (min-width:640px){.components-head{flex-direction:row;justify-content:space-between;align-items:center}.components-head .section-label{margin-bottom:0}}.components-grid{border:1px solid var(--border);background:var(--panel);grid-template-columns:1fr;display:grid}.components-grid.mo-original{background:var(--background)}@media (min-width:640px){.components-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.components-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1024px){.components-grid{grid-template-columns:repeat(5,1fr)}}.components-cell{border-bottom:1px solid var(--border);flex-direction:column;justify-content:space-between;height:170px;padding:20px;transition:background .15s;display:flex;overflow:hidden}@media (min-width:640px){.components-cell{border-bottom:0}.components-cell:nth-child(n+3){border-top:1px solid var(--border)}}@media (min-width:768px){.components-cell{border-top:0;border-bottom:0;border-left:1px solid var(--border)}.components-cell:first-child{border-left:0}}@media (min-width:1024px){.components-cell:nth-child(n+2){border-top:0;border-left:1px solid var(--border)}}.components-cell-title{font-family:var(--font-geist-mono), monospace;color:var(--foreground);align-items:center;gap:8px;font-size:12px;display:flex}.components-cell-title svg{color:var(--muted-foreground)}.components-cell-title span{font-weight:500}.components-preview{justify-content:center;align-items:center;width:100%;min-width:0;padding:12px 4px;display:flex}.components-preview>*{min-width:0;max-width:100%}.components-preview [role=tablist]{max-width:100%;overflow:hidden}.components-preview [role=tab]{flex:1 1 0;min-width:0;padding-inline:8px}.components-sublabel{font-family:var(--font-geist-mono), monospace;color:var(--muted-foreground);font-size:10px}@media (hover:hover){.components-cell:hover{background:color-mix(in srgb, var(--muted) 30%, transparent)}}