/* ============================================================
   Moteful · tools/qrcode.html 私有样式
   白名单（设计文档 4.3）：仅 .qrcode-canvas / .qrcode-color
   颜色/圆角/字号全部继承设计令牌，零硬编码；缺组件走缺失清单流程。
   ============================================================ */
.qrcode-canvas{max-width:100%;height:auto;display:block}
.qrcode-color{display:flex;flex-direction:column;gap:16px;margin-top:8px}
.qrcode-color .qr-swatch-group{display:flex;align-items:center;gap:32px}
.qrcode-color .qr-swatches{display:flex;gap:6px}
.qrcode-color .qr-swatch{width:24px;height:24px;border-radius:50%;border:none;cursor:pointer;padding:0}
.qrcode-color .qr-swatch.is-on{outline:2px solid var(--brand,#0878B4);outline-offset:2px}
.panel .seg-t{white-space:nowrap;justify-content:center;text-align:center}
.qrcode-params-row .field{flex:0 0 auto;min-width:0}
.qrcode-params-row{gap:100px;align-items:flex-start}
.panel .seg input:checked + .seg-t{font-weight:400}