.DemoTools_page__uI_bt{padding-top:45px}.DemoTools_header__hjk34{max-width:820px;margin-bottom:44px}.DemoTools_panel__qY6iw{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:30px;min-width:0}.DemoTools_panel__qY6iw+.DemoTools_panel__qY6iw{margin-top:24px}.DemoTools_panel__qY6iw h2{font-size:24px;font-weight:550;letter-spacing:-.03em;line-height:1.3;margin-bottom:14px}.DemoTools_panel__qY6iw h3{font-size:16px;font-weight:550;margin-bottom:12px}.DemoTools_description__txcwh,.DemoTools_muted__KKoI_{color:var(--muted);font-size:14px;line-height:1.85}.DemoTools_description__txcwh{margin-bottom:24px;max-width:760px}.DemoTools_notice__x7Rqt{display:flex;gap:12px;padding:18px 20px;border:1px solid var(--line);border-radius:9px;background:var(--accent-soft);color:var(--ink);font-size:13px;line-height:1.8;margin-bottom:26px}.DemoTools_notice__x7Rqt svg{width:20px;height:20px;flex-shrink:0;color:var(--accent);margin-top:2px}.DemoTools_input__CLSGA{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:var(--page);color:var(--ink);font-size:14px;box-shadow:none}.DemoTools_input__CLSGA::placeholder{color:var(--muted);opacity:1}.DemoTools_input__CLSGA:focus{border-color:var(--accent);outline-color:var(--accent);--tw-ring-color:var(--accent)}.DemoTools_button__vP3VU,.DemoTools_secondary__75PkD{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:7px;padding:12px 18px;background:var(--accent);color:var(--page);font-size:13px;line-height:1.5;font-weight:600;transition:transform .2s,filter .2s}.DemoTools_secondary__75PkD{background:var(--surface-hover);color:var(--ink);border-color:var(--line)}.DemoTools_button__vP3VU:hover:not(:disabled),.DemoTools_secondary__75PkD:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.DemoTools_button__vP3VU:disabled,.DemoTools_secondary__75PkD:disabled{cursor:not-allowed;opacity:.5}.DemoTools_actions__p3__d{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.DemoTools_toolbar__6d3gk{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.DemoTools_toolbar__6d3gk h2{margin:0}.DemoTools_twoColumns__h54Z2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.DemoTools_tableScroll__o79dK{overflow-x:auto;border:1px solid var(--line);border-radius:9px}.DemoTools_table__4eDkt{width:100%;text-align:left;font-size:13px;border-collapse:collapse}.DemoTools_table__4eDkt th{padding:14px 16px;background:var(--surface-hover);font-weight:550;white-space:nowrap}.DemoTools_table__4eDkt td{padding:16px;border-top:1px solid var(--line);vertical-align:top}.DemoTools_table__4eDkt .DemoTools_input__CLSGA{min-width:150px}.DemoTools_table__4eDkt code{display:block;overflow-wrap:anywhere;min-width:130px;font-size:12px;color:var(--accent)}.DemoTools_remove__GSEur{color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:8px 12px}.DemoTools_remove__GSEur:hover{color:var(--ink);background:var(--surface-hover)}.DemoTools_results__XEZ_9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.DemoTools_result__FVOhJ{padding:22px;border:1px solid var(--line);border-radius:9px;background:var(--page);min-width:0}.DemoTools_result__FVOhJ dl{margin-top:18px;font-size:13px}.DemoTools_result__FVOhJ dt{font-weight:600;margin-top:12px}.DemoTools_result__FVOhJ dd{margin-top:4px;font-family:ui-monospace,monospace;overflow-wrap:anywhere;color:var(--muted)}.DemoTools_hookBody__gkrjV{padding:0}.DemoTools_demoRow__qRFnE{display:flex;align-items:center;justify-content:space-between;gap:24px}.DemoTools_demoCopy__Q_BjH{flex:1;min-width:0}.DemoTools_demoCopy__Q_BjH>div{display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:14px;line-height:1.8}.DemoTools_counter__YwjLc{font:500 32px ui-monospace,monospace;color:var(--accent)}.DemoTools_demoActions__hCZ4d{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:190px;max-width:250px}.DemoTools_codeOutput__NqlSo{max-height:470px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--page);color:var(--ink);padding:20px;font:12px/1.8 ui-monospace,monospace;margin-block:20px}.DemoTools_success__r4087{color:#187447}.DemoTools_error__I2TSI{color:#b52e3d}.dark .DemoTools_success__r4087{color:#80dca8}.dark .DemoTools_error__I2TSI{color:#ffa0aa}.DemoTools_qrLayout__PcK25{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.DemoTools_qrPreview__nU8_j{display:flex;flex-direction:column;align-items:center;padding:30px 16px;background:var(--page);border:1px solid var(--line);border-radius:10px;align-self:start;position:sticky;top:112px;min-width:0}.DemoTools_qrImage__9wpEy{max-width:100%;background:#fff;padding:10px;border-radius:9px;border:1px solid var(--line)}.DemoTools_qrImage__9wpEy canvas{max-width:100%;height:auto!important}.DemoTools_qrPreview__nU8_j>button{margin-top:24px}.DemoTools_palette__0wxK9{display:grid;gap:24px}.DemoTools_colorFamily__qWcBL{padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.DemoTools_colorFamily__qWcBL h2{font-size:15px;font-weight:550;text-transform:capitalize;margin-bottom:16px}.DemoTools_swatches__ivUcJ{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:8px}.DemoTools_swatch__4WvDX{color:var(--muted);font:11px ui-monospace,monospace;min-width:0}.DemoTools_swatch__4WvDX>span{display:block;height:54px;margin-bottom:10px;border-radius:6px;border:1px solid #80808030;transition:transform .2s}.DemoTools_swatch__4WvDX:hover>span{transform:translateY(-3px)}.DemoTools_swatch__4WvDX[aria-pressed=true]>span{outline:2px solid var(--accent);outline-offset:2px}.DemoTools_copyStatus__8Vw9C{padding:15px 20px;border:1px solid var(--line);border-radius:9px;background:var(--accent-soft);color:var(--ink);font-size:13px;overflow-wrap:anywhere;margin-bottom:24px}@media (max-width:767px){.DemoTools_page__uI_bt{padding-top:28px}.DemoTools_panel__qY6iw{padding:22px}.DemoTools_qrLayout__PcK25,.DemoTools_results__XEZ_9,.DemoTools_twoColumns__h54Z2{grid-template-columns:1fr}.DemoTools_demoRow__qRFnE{flex-direction:column;align-items:stretch}.DemoTools_demoActions__hCZ4d{max-width:none;min-width:0;align-items:start}.DemoTools_qrPreview__nU8_j{position:static}.DemoTools_swatches__ivUcJ{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 8px}.DemoTools_colorFamily__qWcBL{padding:18px}}@media (prefers-reduced-motion:reduce){.DemoTools_button__vP3VU,.DemoTools_secondary__75PkD,.DemoTools_swatch__4WvDX>span{transition:none}.DemoTools_button__vP3VU:hover:not(:disabled),.DemoTools_secondary__75PkD:hover:not(:disabled),.DemoTools_swatch__4WvDX:hover>span{transform:none}}