@layer tokens,base,chrome,components;@layer demos{.demo-bilingual{max-width:820px}.bilingual-page{border-radius:var(--radius-window);background:var(--paper-raised);box-shadow:var(--shadow-panel), 0 0 0 1px var(--line);text-align:left;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:32px;padding:36px 40px;display:grid}.bilingual-source{color:var(--ink);margin:0;font-size:18px;line-height:1.7}.bilingual-note{border-left:2px solid var(--product-tint);color:var(--ink-2);margin:0;padding-left:18px;font-size:16px;line-height:1.75;transition:opacity .18s,visibility .18s}html.js .bilingual-note:not(.is-shown){opacity:0;visibility:hidden}.bilingual-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;min-height:44px;margin-top:22px;display:flex}html:not(.js) .bilingual-controls{display:none}.bilingual-hint{color:var(--muted);font-size:var(--text-small);margin:0}.bilingual-hint kbd{min-width:2em;color:var(--ink);background:var(--code-bg);box-shadow:inset 0 0 0 1px var(--soft-line);font-family:var(--sans);font-size:var(--text-small);text-align:center;border-radius:6px;padding:1px 8px;display:inline-block}.bilingual-toggle{border-radius:var(--radius-pill);min-height:44px;color:var(--link);background:var(--code-bg);font:inherit;font-size:var(--text-small);cursor:pointer;border:0;padding:0 18px;font-weight:600;transition:transform .2s}.bilingual-toggle[aria-pressed=true]{color:var(--on-ink);background:var(--accent-fill)}.bilingual-toggle:active{transform:scale(.98)}@media (width<=640px){.bilingual-page{grid-template-columns:1fr;gap:16px;padding:24px 20px}.bilingual-source{font-size:17px}html.js .bilingual-source,html.js .bilingual-note{grid-area:1/1}.bilingual-note{border-left:0;padding-left:0}html.js .bilingual-note{border-radius:var(--radius-window);background:var(--paper);box-shadow:var(--shadow-panel), 0 0 0 1px var(--line);border-left:0;align-self:end;margin:0 -8px -8px;padding:14px 16px}}@media (prefers-reduced-motion:reduce){.bilingual-note,.bilingual-toggle{transition:none}}}@layer templates,locale,identity;
