.string-basic[data-v-40c4f30a]{grid-template-columns:minmax(240px,1fr) minmax(220px,280px);align-items:center;gap:24px;min-height:300px;display:grid}.string-basic__copy[data-v-40c4f30a]{gap:12px;display:grid}.string-basic__copy h3[data-v-40c4f30a]{margin:0;font-size:1.35rem}.string-basic__copy p[data-v-40c4f30a]{max-width:56ch;margin:0}.string-basic__summary[data-v-40c4f30a]{overflow:hidden}.string-basic__scroller[data-v-40c4f30a]{width:100%;height:220px}@media (max-width:700px){.string-basic[data-v-40c4f30a]{grid-template-columns:1fr}}.color-grid[data-v-59ad956a]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.color-example[data-v-59ad956a]{border:1px solid #a04f17b3;border-radius:6px;gap:12px;padding:16px;display:grid}.color-example__copy h4[data-v-59ad956a]{margin:0 0 8px;font-size:1.1rem}.color-example__copy p[data-v-59ad956a]{margin:0;line-height:1.45}.example-scroller[data-v-59ad956a]{width:100%;height:240px}.themed-scroller[data-v-59ad956a]{--example-scroller-header:#134e4a;--example-scroller-header-text:#ccfbf1;--example-scroller-surface:#ecfdf5;--example-scroller-surface-text:#115e59;--example-scroller-border:#14b8a6;--example-scroller-bar:#0f766e}.comparison-examples[data-v-caa20268]{flex-direction:column;gap:16px;display:flex}.comparison-example[data-v-caa20268]{border:1px solid #a04f17b3;border-radius:6px;grid-template-columns:minmax(220px,300px) minmax(220px,300px);align-items:start;gap:20px;padding:16px;display:grid}.comparison-example__copy h4[data-v-caa20268]{margin:0 0 12px;font-size:1.25rem}.comparison-example__copy p[data-v-caa20268]{margin:0 0 16px;line-height:1.5}.model-preview[data-v-caa20268]{border:1px solid #a04f1773;border-radius:4px;gap:4px;padding:10px 12px;display:grid}.model-preview span[data-v-caa20268]{opacity:.75;font-size:11px}.comparison-example__scroller[data-v-caa20268]{width:100%;height:240px}@media (max-width:680px){.comparison-example[data-v-caa20268]{grid-template-columns:1fr}}.example-frame[data-v-bdb8efad]{min-height:140px}.example-input[data-v-bdb8efad]{max-width:320px}.popup-scroller[data-v-bdb8efad]{width:min(320px,90vw);height:260px}.example-frame[data-v-81769aa8]{min-height:340px}.example-scroller[data-v-81769aa8]{max-width:280px;height:300px}