.qra-privacy-note{background-color:var(--accent-bg, #eef6ff);border:1px solid var(--accent);border-radius:8px;padding:12px 16px;margin:0 auto 20px;max-width:1080px;font-size:.95rem;color:#333;text-align:center}.qra-layout{display:flex;gap:28px;max-width:1120px;margin:24px auto 40px;padding:0 4px;align-items:flex-start}.qra-form{width:380px;flex-shrink:0;text-align:left}.qra-section-title{font-size:15px;font-weight:700;color:#333;margin:20px 0 8px;padding-bottom:5px;border-bottom:2px solid var(--accent, #2a9d8f)}.qra-section-title:first-child{margin-top:0}.qra-presets{display:flex;flex-wrap:wrap;gap:6px}.qra-preset-chip{padding:7px 10px;font-size:12.5px;font-weight:600;border:1px solid #cbd5e1;border-radius:16px;background:#fff;color:#444;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.qra-preset-chip:hover{border-color:var(--accent, #2a9d8f);color:var(--accent, #2a9d8f)}.qra-preset-chip.is-active{background:var(--accent, #2a9d8f);border-color:var(--accent, #2a9d8f);color:#fff}.qra-field{margin:10px 0}.qra-field label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:4px}.qra-form input[type=text],.qra-form input[type=url],.qra-form textarea{width:100%;box-sizing:border-box;font-size:14px;color:#333;padding:9px 10px;border:1px solid #ccc;border-radius:6px;background:#fff;font-family:inherit}.qra-form textarea{resize:vertical;line-height:1.6}.qra-error{color:#dc3545;font-size:12.5px;margin-top:4px;min-height:1em}.qra-field-hint{font-size:11.5px;color:#888;margin:4px 0 0;line-height:1.6}.qra-radio-line{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:6px}.qra-radio-line--col{flex-direction:column;align-items:flex-start;gap:8px}.qra-radio-line label{display:flex;align-items:center;gap:5px;margin:0;font-size:13.5px;color:#333;cursor:pointer}.qra-reset-btn{padding:6px 14px;font-size:12.5px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#555;cursor:pointer;margin-top:22px}.qra-reset-btn:hover{color:#c0392b;border-color:#c0392b}.qra-preview{flex:1;min-width:0;position:sticky;top:16px;align-self:flex-start;text-align:center}.qra-btn-row{display:flex;gap:10px}.qra-print-btn,.qra-png-btn{flex:1;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.qra-print-btn{background:var(--accent);color:#fff}.qra-png-btn{background:#fff;color:var(--accent);border:2px solid var(--accent);padding:12px}.qra-print-btn:hover,.qra-png-btn:hover{opacity:.8}.qra-print-btn:disabled,.qra-png-btn:disabled{opacity:.45;cursor:not-allowed}.qra-print-note{font-size:12px;color:#888;margin:8px 0 12px;line-height:1.5}.qra-caption{font-size:12px;color:#888;margin-top:8px}.qra-sheet-box{overflow:hidden;border-radius:4px}.qra-sheet{width:210mm;height:297mm;background:#fff;box-sizing:border-box;position:relative;transform-origin:top left;overflow:hidden;box-shadow:0 2px 14px #0000002e}.qra-sheet[data-size=a4-1] .qra-panel{width:210mm;height:297mm}.qra-sheet[data-size=a5-2]{display:flex;flex-direction:column}.qra-sheet[data-size=a5-2] .qra-panel{width:210mm;height:148.5mm;position:relative}.qra-sheet[data-size=a5-2] .qra-panel+.qra-panel{border-top:.3mm dashed #999}.qra-sheet[data-size=a5-2] .qra-panel+.qra-panel:before{content:"✂ 切り取り線";position:absolute;left:4mm;top:-3mm;font-size:3mm;color:#888;background:#fff;padding:0 1mm;line-height:1}.qra-sheet[data-size=desk-4]{display:grid;grid-template-columns:105mm 105mm;grid-template-rows:148.5mm 148.5mm}.qra-sheet[data-size=desk-4] .qra-panel{width:105mm;height:148.5mm}.qra-sheet[data-size=desk-4] .qra-panel:nth-child(odd){border-right:.3mm dashed #999}.qra-sheet[data-size=desk-4] .qra-panel:nth-child(-n+2){border-bottom:.3mm dashed #999}.qra-panel-inner{height:100%;box-sizing:border-box;padding:14mm 12mm;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4mm}.qra-heading{font-weight:800;line-height:1.35}.qra-qr-box{background:#fff;border:.3mm solid #e5e5e5;border-radius:2mm;padding:3mm;display:flex;align-items:center;justify-content:center}.qra-qr-box svg{display:block}.qra-qr-placeholder{color:#999;font-size:4mm;line-height:1.5}.qra-desc{line-height:1.5}.qra-wifi-info{font-family:SF Mono,Menlo,Consolas,monospace;line-height:1.6}.qra-wifi-label{font-weight:700;margin-right:2mm}.qra-store{font-weight:700}.qra-sheet[data-size=a4-1] .qra-heading{font-size:14mm}.qra-sheet[data-size=a4-1] .qra-qr-box{width:110mm;height:110mm}.qra-sheet[data-size=a4-1] .qra-desc{font-size:6mm}.qra-sheet[data-size=a4-1] .qra-wifi-info,.qra-sheet[data-size=a4-1] .qra-store{font-size:5mm}.qra-sheet[data-size=a5-2] .qra-heading{font-size:10mm}.qra-sheet[data-size=a5-2] .qra-qr-box{width:70mm;height:70mm}.qra-sheet[data-size=a5-2] .qra-desc{font-size:5mm}.qra-sheet[data-size=a5-2] .qra-wifi-info,.qra-sheet[data-size=a5-2] .qra-store{font-size:4.2mm}.qra-sheet[data-size=a5-2] .qra-panel-inner{padding:8mm 12mm;gap:3mm}.qra-sheet[data-size=desk-4] .qra-heading{font-size:6.6mm}.qra-sheet[data-size=desk-4] .qra-qr-box{width:45mm;height:45mm}.qra-sheet[data-size=desk-4] .qra-desc{font-size:3.6mm}.qra-sheet[data-size=desk-4] .qra-wifi-info,.qra-sheet[data-size=desk-4] .qra-store{font-size:3.2mm}.qra-sheet[data-size=desk-4] .qra-panel-inner{padding:6mm 5mm;gap:2.2mm}.qra-panel[data-template=simple]{background:#fff;color:#1a1a1a}.qra-panel[data-template=simple] .qra-heading{color:#1a1a1a}.qra-panel[data-template=simple] .qra-desc,.qra-panel[data-template=simple] .qra-wifi-info{color:#444}.qra-panel[data-template=simple] .qra-store{color:#666}.qra-panel[data-template=warm]{background:#fdf3e6;color:#6b4a26}.qra-panel[data-template=warm] .qra-heading{color:#8a4b12}.qra-panel[data-template=warm] .qra-desc,.qra-panel[data-template=warm] .qra-wifi-info{color:#6b4a26}.qra-panel[data-template=warm] .qra-store{color:#8a6a3f}.qra-panel[data-template=warm] .qra-panel-inner{border:.6mm solid #e2b06a;border-radius:6mm}.qra-panel[data-template=dark]{background:#16202b;color:#fff}.qra-panel[data-template=dark] .qra-heading{color:#fff}.qra-panel[data-template=dark] .qra-desc,.qra-panel[data-template=dark] .qra-wifi-info{color:#cbd5e1}.qra-panel[data-template=dark] .qra-store{color:#9fb3c8}.qra-panel[data-template=dark] .qra-panel-inner{border:.4mm solid #33475a}@media (max-width: 940px){.qra-layout{flex-direction:column}.qra-form{width:100%}.qra-preview{position:static;width:100%}}@media print{@page{size:A4 portrait;margin:0}html,body{margin:0!important;padding:0!important;background:#fff!important;height:auto!important}body>*:not(.container){display:none!important}.container{margin:0!important;padding:0!important;max-width:none!important;width:auto!important}.container>*:not(.qra-layout){display:none!important}.qra-layout{display:block!important;margin:0!important;padding:0!important;max-width:none!important}.qra-layout>*:not(.qra-preview){display:none!important}.qra-preview{position:static!important;margin:0!important;padding:0!important;width:auto!important}.qra-preview>*:not(.qra-sheet-wrap){display:none!important}.qra-sheet-box{height:auto!important;margin:0!important;overflow:visible!important;border-radius:0!important}.qra-sheet{transform:none!important;box-shadow:none!important;margin:0!important;overflow:hidden!important;width:209mm!important;height:296mm!important}}