.lenses{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.lens{border:1px solid var(--line);border-radius:10px;background:var(--ink-1);padding:18px 18px 6px}.lens__h{font-size:15px;margin:0 0 8px;color:var(--bone)}.lens p{color:var(--bone-dim);font-size:13.5px;line-height:1.65}.demo{margin-top:6px}.btn{font:inherit;font-size:14px;color:var(--ink);background:var(--amber);border:0;border-radius:8px;padding:11px 18px;cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.out,.code{margin:14px 0 0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--ink-1);overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6;color:var(--bone-dim);white-space:pre;max-height:420px}.out[hidden]{display:none}.faqlist{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.qa{background:var(--ink);padding:22px 22px 24px}.qa__q{font-size:16px;margin:0 0 9px;color:var(--bone)}.qa__a{font-size:13.5px;color:var(--bone-dim);line-height:1.72;margin:0;max-width:74ch}