.demo-module__of8A0a__stageWrap{background:var(--tile);padding-block:1rem}.demo-module__of8A0a__stageLabel{margin-inline:auto;max-width:56rem;font-family:var(--font-mono);color:var(--muted);margin-bottom:.5rem;padding-inline:1rem;font-size:.75rem}.demo-module__of8A0a__stage{background:var(--card);outline:1px dashed var(--rule);outline-offset:-1px;width:320px;max-width:100%;margin-inline:auto;position:relative}.demo-module__of8A0a__page{gap:12px;padding:12px;font-size:.875rem;line-height:1.5;display:grid}.demo-module__of8A0a__page h2{letter-spacing:-.01em;font-size:1rem;font-weight:600}.demo-module__of8A0a__reflow .demo-module__of8A0a__navList{flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;list-style:none;display:flex}.demo-module__of8A0a__reflow .demo-module__of8A0a__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.demo-module__of8A0a__reflow .demo-module__of8A0a__url{overflow-wrap:anywhere}.demo-module__of8A0a__reflow .demo-module__of8A0a__field{gap:4px;min-width:0;display:grid}.demo-module__of8A0a__reflow .demo-module__of8A0a__field input{box-sizing:border-box;width:100%;min-width:0}.demo-module__of8A0a__scroll{border:1px solid var(--rule);border-radius:8px;overflow-x:auto}.demo-module__of8A0a__scroll table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.8125rem}.demo-module__of8A0a__scroll th,.demo-module__of8A0a__scroll td{border-bottom:1px solid var(--rule);text-align:left;white-space:nowrap;padding:6px 10px}.demo-module__of8A0a__scroll tr:last-child th,.demo-module__of8A0a__scroll tr:last-child td{border-bottom:0}.demo-module__of8A0a__scroll pre{font-family:var(--font-mono);box-sizing:border-box;width:max-content;min-width:100%;margin:0;padding:10px 12px;font-size:.75rem;line-height:1.6}.demo-module__of8A0a__fixedRoot{width:480px}.demo-module__of8A0a__fixedRoot .demo-module__of8A0a__navList{flex-wrap:nowrap;gap:16px;margin:0;padding:0;list-style:none;display:flex}.demo-module__of8A0a__fixedRoot .demo-module__of8A0a__navList a{white-space:nowrap}.demo-module__of8A0a__fixedRoot .demo-module__of8A0a__cards{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.demo-module__of8A0a__fixedRoot .demo-module__of8A0a__card{flex:none;width:200px}.demo-module__of8A0a__fixedRoot .demo-module__of8A0a__cardText{height:2.5em;overflow:hidden}.demo-module__of8A0a__fixedRoot .demo-module__of8A0a__url{white-space:nowrap}.demo-module__of8A0a__fixedRoot table{border-collapse:collapse;width:560px;font-size:.8125rem}.demo-module__of8A0a__fixedRoot th,.demo-module__of8A0a__fixedRoot td{border-bottom:1px solid var(--rule);text-align:left;white-space:nowrap;padding:6px 10px}.demo-module__of8A0a__fixedRoot .demo-module__of8A0a__codeBlock{border:1px solid var(--rule);font-family:var(--font-mono);white-space:pre;border-radius:8px;padding:10px 12px;font-size:.75rem;line-height:1.6}.demo-module__of8A0a__fixedRoot .demo-module__of8A0a__field input{box-sizing:border-box;width:220px}.demo-module__of8A0a__card{border:1px solid var(--rule);background:var(--card);border-radius:10px;padding:10px 12px}.demo-module__of8A0a__card h3{font-size:.875rem;font-weight:600}.demo-module__of8A0a__card p{color:var(--muted);margin:4px 0 0;font-size:.8125rem}.demo-module__of8A0a__form{gap:8px;display:grid}.demo-module__of8A0a__form label{gap:4px;font-size:.8125rem;font-weight:500;display:grid}.demo-module__of8A0a__form input{font:inherit;border:1px solid var(--rule);background:var(--card);color:var(--ink);border-radius:8px;min-height:44px;padding:8px 10px;font-weight:400}.demo-module__of8A0a__fx{border:1px solid var(--rule);background:var(--tile);border-radius:10px;min-height:132px;position:relative;overflow:clip}.demo-module__of8A0a__fxAmbient{pointer-events:none;background:linear-gradient(135deg,#e8f5f4,#f2eff9);background:linear-gradient(135deg,lab(95.5202% -4.66332 -.967181),lab(94.9732% 2.44731 -4.56698));position:absolute;inset:0}.demo-module__of8A0a__fxStrip{background:linear-gradient(90deg, var(--accent), transparent);opacity:.25;pointer-events:none;width:140%;height:28px;position:absolute;top:44px;left:-20%;transform:rotate(-4deg)}.demo-module__of8A0a__fxBar{background:var(--card);box-shadow:inset 0 0 0 1px var(--rule);border-radius:8px;margin:8px;padding:8px 10px;font-size:.8125rem;font-weight:500;position:sticky;top:0}.demo-module__of8A0a__fxNote{color:var(--muted);margin:0 8px 8px;font-size:.75rem;position:relative}.demo-module__of8A0a__bad{outline:2px solid var(--bad);outline-offset:2px;border-radius:6px}