#sfq{--sfq-bg:#f3f6f7;--sfq-card:#ffffff;--sfq-ink:#0d2f38;--sfq-muted:#54707a;--sfq-line:#d6e3e7;--sfq-accent:#0f5c6e;--sfq-accent-soft:#e6f1f4;--sfq-orange:#f0801f;--sfq-orange-dark:#c9620a;--sfq-ok:#1f8a4c;--sfq-ok-soft:#e5f5ec;--sfq-bad:#c0392b;--sfq-bad-soft:#fbeaea;--sfq-warn:#a86400;--sfq-warn-soft:#fff3e0;--sfq-head:"Oswald","Arial Narrow",Arial,sans-serif;--sfq-body:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;position:relative;background:var(--sfq-bg);color:var(--sfq-ink);font-family:var(--sfq-body);font-size:14px;line-height:1.45;border-radius:14px}
#sfq *,#sfq *::before,#sfq *::after{box-sizing:border-box}
#sfq button,#sfq input,#sfq select,#sfq textarea{font-family:inherit;font-size:13px;color:inherit;margin:0}
#sfq .sfq-app{max-width:1400px;margin:0 auto;padding:14px 14px 20px}
#sfq .sfq-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:12px}
#sfq .sfq-brand{display:flex;align-items:center;gap:10px;line-height:1}
#sfq .sfq-brand-ico{width:46px;height:46px;flex:none}
#sfq .sfq-brand-qr{font-family:var(--sfq-head);font-weight:700;font-size:38px;color:var(--sfq-accent);letter-spacing:.5px;text-transform:uppercase}
#sfq .sfq-brand-f{font-family:"Caveat",cursive;font-weight:700;font-size:40px;color:var(--sfq-orange);margin-left:-2px;transform:translateY(3px)}
#sfq .sfq-sub{margin:0;max-width:640px;color:var(--sfq-muted);font-size:14px}
#sfq .sfq-tabs{display:flex;gap:6px;background:var(--sfq-card);border:1px solid var(--sfq-line);border-radius:999px;padding:4px;margin-top:4px;flex-wrap:wrap;justify-content:center}
#sfq .sfq-tabs button{border:0;background:transparent;border-radius:999px;padding:9px 16px;font-family:var(--sfq-head);font-size:15px;letter-spacing:.4px;text-transform:uppercase;color:var(--sfq-muted);cursor:pointer}
#sfq .sfq-tabs button.is-on{background:var(--sfq-accent);color:#fff}
#sfq .sfq-body{display:grid;grid-template-columns:350px minmax(0,1fr);gap:14px;align-items:start}
#sfq .sfq-controls{display:flex;flex-direction:column;gap:8px;min-width:0}
#sfq .sfq-panel{display:none;flex-direction:column;gap:8px}
#sfq .sfq-panel.is-on{display:flex}
#sfq .sfq-side{position:sticky;top:12px;display:flex;flex-direction:column;gap:10px;min-width:0}
#sfq .sfq-acc{background:var(--sfq-card);border:1px solid var(--sfq-line);border-radius:12px;overflow:hidden}
#sfq .sfq-acc-h{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:0;padding:11px 12px;cursor:pointer;text-align:left;font-family:var(--sfq-head);font-size:15px;letter-spacing:.4px;text-transform:uppercase;color:var(--sfq-accent)}
#sfq .sfq-acc-h::after{content:"";width:8px;height:8px;border-right:2px solid var(--sfq-muted);border-bottom:2px solid var(--sfq-muted);transform:rotate(45deg);transition:transform .2s;margin-right:4px}
#sfq .sfq-acc.is-open .sfq-acc-h::after{transform:rotate(-135deg)}
#sfq .sfq-acc-h small{font-family:var(--sfq-body);text-transform:none;letter-spacing:0;color:var(--sfq-muted);font-size:11px;margin-left:6px}
#sfq .sfq-acc-b{display:none;padding:10px 12px 12px;border-top:1px solid var(--sfq-line)}
#sfq .sfq-acc.is-open .sfq-acc-b{display:flex;flex-direction:column;gap:10px}
#sfq .sfq-f{display:flex;flex-direction:column;gap:4px}
#sfq .sfq-f>label,#sfq .sfq-lbl{font-size:12px;font-weight:500;color:var(--sfq-ink)}
#sfq .sfq-f.is-unused{opacity:.45}
#sfq .sfq-f.is-unused>label::after{content:" · non usato nei modelli scelti";font-weight:400;color:var(--sfq-muted)}
#sfq .sfq-row{display:flex;gap:8px;align-items:center}
#sfq .sfq-row>*{flex:1;min-width:0}
#sfq input[type=text],#sfq input[type=url],#sfq input[type=email],#sfq input[type=tel],#sfq input[type=number],#sfq select,#sfq textarea{width:100%;border:1px solid var(--sfq-line);border-radius:8px;padding:8px 9px;background:#fff;outline:none;line-height:1.35}
#sfq textarea{resize:vertical;min-height:58px}
#sfq input:focus,#sfq select:focus,#sfq textarea:focus{border-color:var(--sfq-accent);box-shadow:0 0 0 3px var(--sfq-accent-soft)}
#sfq input[type=range]{width:100%;accent-color:var(--sfq-orange)}
#sfq .sfq-chk{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
#sfq .sfq-chk input{width:16px;height:16px;accent-color:var(--sfq-accent);flex:none}
#sfq .sfq-hint{font-size:12px;color:var(--sfq-muted);margin:0}
#sfq .sfq-hint b{color:var(--sfq-ink);font-weight:600}
#sfq .sfq-out{font-size:12px;background:var(--sfq-accent-soft);border-radius:8px;padding:7px 9px;word-break:break-all;color:var(--sfq-accent)}
#sfq #sfq-qr-info{word-break:normal}
#sfq .sfq-out.is-bad{background:var(--sfq-bad-soft);color:var(--sfq-bad);word-break:normal}
#sfq .sfq-seg{display:flex;flex-wrap:wrap;gap:4px;background:var(--sfq-bg);border:1px solid var(--sfq-line);border-radius:10px;padding:3px}
#sfq .sfq-seg button{flex:1 1 auto;border:0;background:transparent;border-radius:7px;padding:7px 8px;cursor:pointer;font-size:12px;color:var(--sfq-muted);white-space:nowrap}
#sfq .sfq-seg button.is-on{background:#fff;color:var(--sfq-accent);font-weight:600;box-shadow:0 1px 3px rgba(13,47,56,.15)}
#sfq .sfq-formats{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#sfq .sfq-formats button{display:flex;align-items:center;gap:8px;border:1px solid var(--sfq-line);background:#fff;border-radius:10px;padding:8px;cursor:pointer;text-align:left;line-height:1.2}
#sfq .sfq-formats button i{flex:none;display:block;border:2px solid var(--sfq-muted);border-radius:2px;background:var(--sfq-bg)}
#sfq .sfq-formats button b{display:block;font-size:12px;font-weight:600}
#sfq .sfq-formats button small{display:block;font-size:11px;color:var(--sfq-muted)}
#sfq .sfq-formats button.is-on{border-color:var(--sfq-accent);box-shadow:0 0 0 2px var(--sfq-accent-soft)}
#sfq .sfq-formats button.is-on i{border-color:var(--sfq-orange);background:#fff4ea}
#sfq .sfq-sw{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#sfq .sfq-sw button{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--sfq-line);cursor:pointer;padding:0}
#sfq .sfq-sw button.is-on{box-shadow:0 0 0 2px var(--sfq-orange)}
#sfq .sfq-sw button.sfq-transp{background:conic-gradient(#ccd 25%,#fff 0 50%,#ccd 0 75%,#fff 0) 0 0/10px 10px}
#sfq .sfq-sw input[type=color]{width:34px;height:28px;border:1px solid var(--sfq-line);border-radius:8px;padding:2px;background:#fff;cursor:pointer}
#sfq .sfq-themes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
#sfq .sfq-themes button{border:1px solid var(--sfq-line);border-radius:10px;padding:6px 4px 5px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px}
#sfq .sfq-themes button span{display:flex;width:100%;height:22px;border-radius:6px;overflow:hidden}
#sfq .sfq-themes button span i{flex:1}
#sfq .sfq-themes button.is-on{border-color:var(--sfq-accent);box-shadow:0 0 0 2px var(--sfq-accent-soft)}
#sfq .sfq-file{display:flex;gap:6px;align-items:center}
#sfq .sfq-file label.sfq-btn{flex:1}
#sfq .sfq-file input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#sfq .sfq-thumb{width:38px;height:38px;border-radius:6px;border:1px solid var(--sfq-line);background:var(--sfq-bg) center/contain no-repeat;flex:none}
#sfq .sfq-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--sfq-head);text-transform:uppercase;letter-spacing:.6px;font-weight:500;font-size:14px;border:1px solid var(--sfq-line);background:#fff;color:var(--sfq-ink);border-radius:10px;padding:10px 14px;cursor:pointer;text-decoration:none;line-height:1.1;text-align:center}
#sfq .sfq-btn:hover{background:var(--sfq-accent-soft)}
#sfq .sfq-btn.sfq-primary{background:var(--sfq-orange);border-color:var(--sfq-orange);color:#fff}
#sfq .sfq-btn.sfq-primary:hover{background:var(--sfq-orange-dark);border-color:var(--sfq-orange-dark)}
#sfq .sfq-btn.sfq-dark{background:var(--sfq-accent);border-color:var(--sfq-accent);color:#fff}
#sfq .sfq-btn.sfq-dark:hover{filter:brightness(1.1)}
#sfq .sfq-btn.sfq-sm{font-size:12px;padding:7px 10px}
#sfq .sfq-btn[disabled]{opacity:.5;cursor:wait}
#sfq .sfq-x{border:1px solid var(--sfq-line);background:#fff;border-radius:8px;width:34px;height:34px;cursor:pointer;color:var(--sfq-muted);font-size:16px;flex:none}
#sfq .sfq-stage{background:var(--sfq-card);border:1px solid var(--sfq-line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}
#sfq .sfq-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#sfq .sfq-stage-bar .sfq-seg{flex:0 1 auto}
#sfq .sfq-stage-title{font-family:var(--sfq-head);text-transform:uppercase;letter-spacing:.5px;color:var(--sfq-accent);font-size:15px}
#sfq .sfq-view{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;background:repeating-linear-gradient(45deg,#eef3f4 0 10px,#f6f9fa 10px 20px);border-radius:10px;padding:16px;min-height:260px}
#sfq .sfq-view figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px}
#sfq .sfq-view figcaption{font-size:11px;color:var(--sfq-muted);text-transform:uppercase;letter-spacing:.6px}
#sfq .sfq-view canvas{display:block;box-shadow:0 6px 22px rgba(13,47,56,.18);border-radius:2px;max-width:100%}
#sfq .sfq-view canvas.is-transp{background:conic-gradient(#dfe5e8 25%,#fff 0 50%,#dfe5e8 0 75%,#fff 0) 0 0/16px 16px;box-shadow:none}
#sfq .sfq-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--sfq-muted)}
#sfq .sfq-legend i{display:inline-block;width:18px;height:0;border-top:2px dashed var(--sfq-orange);vertical-align:middle;margin-right:5px}
#sfq .sfq-legend i.s{border-top:2px dotted var(--sfq-accent)}
#sfq .sfq-legend i.b{height:10px;border:1px solid var(--sfq-line);background:rgba(255,255,255,.7)}
#sfq .sfq-msgs{display:flex;flex-direction:column;gap:6px}
#sfq .sfq-msg{font-size:12.5px;border-radius:8px;padding:7px 10px;display:flex;gap:8px;align-items:flex-start;background:var(--sfq-accent-soft);color:var(--sfq-ink)}
#sfq .sfq-msg::before{content:"i";flex:none;width:18px;height:18px;border-radius:50%;background:var(--sfq-accent);color:#fff;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;margin-top:1px}
#sfq .sfq-msg.ok{background:var(--sfq-ok-soft)}
#sfq .sfq-msg.ok::before{content:"✓";background:var(--sfq-ok)}
#sfq .sfq-msg.warn{background:var(--sfq-warn-soft)}
#sfq .sfq-msg.warn::before{content:"!";background:var(--sfq-orange)}
#sfq .sfq-msg.bad{background:var(--sfq-bad-soft)}
#sfq .sfq-msg.bad::before{content:"!";background:var(--sfq-bad)}
#sfq .sfq-msg.wait::before{content:"…";background:var(--sfq-muted)}
#sfq .sfq-actions{background:var(--sfq-card);border:1px solid var(--sfq-line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}
#sfq .sfq-dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#sfq .sfq-dl>div{display:flex;flex-direction:column;gap:6px}
#sfq .sfq-dl .sfq-btn{width:100%}
#sfq .sfq-dl small{font-size:11px;color:var(--sfq-muted);text-align:center;line-height:1.3}
#sfq .sfq-dl2{display:grid;grid-template-columns:2fr 1fr;gap:8px}
#sfq .sfq-mini{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sfq-muted)}
#sfq .sfq-mini select,#sfq .sfq-mini input{padding:5px 6px;font-size:12px}
#sfq .sfq-mini input{width:64px}
#sfq .sfq-next{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#fff7ef;border:1px dashed var(--sfq-orange);border-radius:10px;padding:10px 12px;font-size:13px}
#sfq .sfq-print-info{font-size:12px;color:var(--sfq-muted);margin:0}
#sfq .sfq-loading{position:absolute;inset:0;background:rgba(243,246,247,.92);display:flex;align-items:center;justify-content:center;font-family:var(--sfq-head);font-size:18px;letter-spacing:.5px;text-transform:uppercase;color:var(--sfq-accent);border-radius:14px;z-index:20}
#sfq .sfq-loading.is-hidden{display:none}
#sfq .sfq-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--sfq-ink);color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:all .25s;z-index:99999;max-width:90vw;text-align:center}
#sfq .sfq-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}
#sfq .sfq-modal{position:fixed;inset:0;background:rgba(13,47,56,.55);display:flex;align-items:center;justify-content:center;z-index:99998;padding:16px}
#sfq .sfq-modal-in{position:relative;background:#fff;border-radius:16px;max-width:420px;width:100%;padding:24px 22px 20px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.3)}
#sfq .sfq-modal-in p{margin:0 0 14px}
#sfq .sfq-modal-t{font-family:var(--sfq-head);text-transform:uppercase;letter-spacing:.5px;font-size:22px;color:var(--sfq-accent)}
#sfq .sfq-modal-b{display:flex;flex-direction:column;gap:8px}
#sfq .sfq-modal-x{position:absolute;top:8px;right:8px;border:0;background:transparent;font-size:18px;color:var(--sfq-muted);cursor:pointer;width:32px;height:32px}
@media (max-width:900px){
 #sfq .sfq-app{padding:10px 8px 16px}
 #sfq .sfq-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "controls" "actions"}
 #sfq .sfq-side{display:contents}
 #sfq .sfq-stage{grid-area:stage;position:sticky;top:0;z-index:6;box-shadow:0 6px 14px rgba(13,47,56,.12)}
 #sfq .sfq-controls{grid-area:controls}
 #sfq .sfq-actions{grid-area:actions}
 #sfq .sfq-view{min-height:0;padding:8px;gap:8px}
 #sfq .sfq-legend{display:none}
 #sfq .sfq-brand-qr{font-size:30px}
 #sfq .sfq-brand-f{font-size:32px}
 #sfq .sfq-brand-ico{width:38px;height:38px}
 #sfq .sfq-tabs button{padding:8px 12px;font-size:13px}
 #sfq .sfq-stage .sfq-msgs{max-height:64px;overflow:auto}
}
@media (max-width:520px){
 #sfq .sfq-dl{grid-template-columns:1fr}
 #sfq .sfq-dl2{grid-template-columns:1fr}
}
/* il tema del sito forza i paragrafi a 18px con !important: qui li riporto alle misure dello strumento */
#sfq p{margin:0;line-height:1.45 !important}
#sfq .sfq-sub{font-size:14px !important}
#sfq .sfq-hint,#sfq .sfq-print-info{font-size:12px !important;line-height:1.45 !important}
#sfq .sfq-modal-in p{font-size:14px !important;margin:0 0 14px}
#sfq .sfq-modal-in p.sfq-modal-t{font-size:22px !important}
#sfq .sfq-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#sfq .sfq-pick label{display:flex;flex-direction:column;align-items:stretch;gap:4px;font-size:12px;font-weight:500}
#sfq .sfq-pick input[type=color]{width:100%;height:34px;border:1px solid var(--sfq-line);border-radius:8px;padding:2px;background:#fff;cursor:pointer}
#sfq #sfq-sugg:empty{display:none}
#sfq .sfq-book{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--sfq-accent-soft);border-radius:10px;padding:12px;font-size:13px}
#sfq .sfq-book>div{flex:1 1 300px}
#sfq .sfq-book ol{margin:6px 0 0;padding-left:20px}
#sfq .sfq-book li{font-size:12.5px !important;line-height:1.45 !important;margin:2px 0}
#sfq .sfq-book a{color:var(--sfq-accent);font-weight:600}
#sfq .sfq-prem{font-size:12.5px;background:#fff7ef;border:1px solid #f6d3b2;border-radius:10px;padding:9px 12px;line-height:1.45}
#sfq .sfq-prem:empty{display:none !important}
#sfq .sfq-prem.is-ok{background:var(--sfq-ok-soft);border-color:#bfe3cd}
#sfq .sfq-link{border:0;background:none;padding:0;color:var(--sfq-accent);text-decoration:underline;cursor:pointer;font:inherit;font-weight:600}
#sfq .sfq-star{color:var(--sfq-orange);margin-right:2px}
#sfq .sfq-btn .sfq-star{color:inherit}
#sfq .sfq-prem-in{text-align:left;max-width:440px}
#sfq .sfq-prem-in .sfq-modal-t{text-align:center}
#sfq .sfq-prem-in ul{margin:0 0 14px;padding-left:20px}
#sfq .sfq-prem-in li{font-size:13.5px !important;line-height:1.5 !important}
#sfq .sfq-prem-in .sfq-btn{width:100%}
#sfq .sfq-prem-in form{display:flex;flex-direction:column;gap:8px}
#sfq .sfq-prem-in input{width:100%;border:1px solid var(--sfq-line);border-radius:8px;padding:10px;font-size:15px}
#sfq .sfq-prem-in .sfq-prem-msg{font-size:13px !important;color:var(--sfq-muted);margin:0;min-height:18px}
#sfq .sfq-prem-in .sfq-prem-msg.bad{color:var(--sfq-bad)}
#sfq .sfq-prem-in [hidden]{display:none !important}
#sfq .sfq-prem-price{font-family:var(--sfq-head);font-size:30px;color:var(--sfq-orange);text-align:center;margin:0 0 10px !important}
#sfq .sfq-modal-in p.sfq-prem-price{font-size:32px !important;line-height:1.1 !important;margin:4px 0 12px !important}
#sfq .sfq-modal-in p.sfq-prem-price small{font-size:15px !important;font-family:var(--sfq-body);color:var(--sfq-muted)}