/* QRCodeBarn welcome pack builder */
.wp-tool .builder-layout{align-items:start}
.wp-tool label{font-weight:800;display:block;margin-top:12px;font-size:.92rem;color:#111827}
.wp-tool input[type=text],.wp-tool input[type=url],.wp-tool input:not([type]),.wp-tool select,.wp-tool textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;font-size:15px;background:#fff;color:#111827}
.wp-tool textarea{min-height:70px;resize:vertical}
.wp-tool input[type=color]{display:block;width:100%;height:44px;padding:4px;margin-top:6px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;box-sizing:border-box}
.wp-tool input[type=checkbox]{width:auto;margin:0 6px 0 0;vertical-align:middle}
.wp-tool h2{margin-top:22px}
.wp-tool h2:first-child{margin-top:0}
.wp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wp-items{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.wp-item{border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;background:#f8fafc}
.wp-item-top{display:flex;align-items:center;gap:8px}
.wp-item-top .wp-label{margin-top:0;flex:1;font-weight:700}
.wp-tool .wp-show{display:flex;align-items:center;gap:2px;margin:0;white-space:nowrap;font-size:.85rem}
.wp-move{display:flex;gap:4px}
.wp-move button{border:1px solid #cbd5e1;background:#fff;border-radius:8px;width:30px;height:32px;cursor:pointer;font-weight:900;color:#111827}
.wp-move .wp-del{color:#b91c1c}
.wp-wifi{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.wp-tool .wp-check,.wp-tool .wp-show{flex-direction:row}
.wp-tool .wp-check{display:flex;align-items:center;font-weight:600;margin-top:12px}
.wp-tool .wp-url-label{font-weight:600;font-size:.82rem;color:#475569}
.wp-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.wp-buttons .button{flex:1 1 140px}
.wp-buttons .button:disabled{opacity:.5;cursor:default}
.wp-note{font-size:.88rem;color:#475569;background:#f1f5f9;border-radius:12px;padding:10px 12px;margin-top:12px}
.wp-warn{font-size:.9rem;background:#fff7ed;border:1px solid #fdba74;color:#7c2d12;border-radius:12px;padding:8px 12px;margin-top:12px}
.wp-warn p{margin:4px 0}
.wp-preview-sheet{background:#e5e7eb;border-radius:18px;padding:18px}
.wp-preview-sheet .wp-a4{position:relative;width:100%;max-width:620px;margin:0 auto;aspect-ratio:210/297;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.18);border-radius:6px;overflow:hidden}
.wp-preview-sheet .wp-a4 svg{position:absolute;inset:0;width:100%;height:100%;display:block}
#wpPrintArea{display:none}
@media(max-width:520px){.wp-grid2,.wp-wifi{grid-template-columns:1fr}.wp-preview-sheet{padding:8px}.wp-item-top{flex-wrap:wrap}.wp-item-top .wp-label{flex-basis:100%;order:3}}
@media print{
  @page{size:A4 portrait;margin:0}
  html,body{margin:0!important;padding:0!important;background:#fff!important}
  body>*:not(#wpPrintArea){display:none!important}
  #wpPrintArea{display:block!important;width:210mm;height:296.5mm;overflow:hidden}
  #wpPrintArea svg{display:block;width:210mm;height:296.5mm}
}