/* SAGOMATO GRAPHIC PLACEMENT — EDITOR V3 */
html body #fcApp .sgp-proof-button{
position:relative !important;
display:grid !important;
grid-template-columns:38px minmax(0,1fr) 18px !important;
align-items:center !important;
gap:11px !important;
width:100% !important;
min-height:58px !important;
padding:9px 11px !important;
border:1px solid #c9d8ea !important;
border-radius:10px !important;
background:linear-gradient(180deg,#fff 0%,#f8fbff 100%) !important;
color:#174f91 !important;
box-shadow:0 1px 2px rgba(20,54,94,.04) !important;
text-align:left !important;
transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease !important;
}
/* V17 — tecniche di stampa sincronizzate */
.sgp-print-method-chip{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:1px 10px;min-width:220px;max-width:270px;padding:9px 14px;border:1px solid #cfe0f2;border-radius:12px;background:#fff;color:#173b61;text-align:left;cursor:pointer;box-shadow:0 3px 12px rgba(21,61,101,.06);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.sgp-print-method-chip:hover{border-color:#61a9ef;box-shadow:0 8px 22px rgba(11,112,232,.12);transform:translateY(-1px)}
.sgp-print-method-chip small{grid-column:1;grid-row:1;font-size:8px;font-weight:850;letter-spacing:.09em;color:#6f879f}
.sgp-print-method-chip b{grid-column:1;grid-row:2;font-size:11px;color:#0d3156;white-space:nowrap}
.sgp-print-method-chip span{grid-column:2;grid-row:1/3;max-width:130px;font-size:8px;line-height:1.35;color:#6b8199}
.sgp-print-method-chip.is-none{border-color:#f0b95c;background:#fffaf1}
.sgp-print-method-chip.is-none b{color:#a05a00}
.sgp-print-method-chip.is-hotfoil{border-color:#dfc36f;background:linear-gradient(135deg,#fffdf6,#fff7d6)}
.sgp-print-method-chip.is-screen{border-color:#8bbcf0;background:#f5faff}
.sgp-print-method-chip.is-offset{border-color:#a7c9ed;background:linear-gradient(135deg,#f8fbff,#eef7ff)}
.sgp-print-method-modal[hidden]{display:none!important}
.sgp-print-method-modal{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;padding:26px}
.sgp-print-method-backdrop{position:absolute;inset:0;border:0;background:rgba(7,25,45,.52);backdrop-filter:blur(10px);cursor:default}
.sgp-print-method-dialog{position:relative;width:min(1040px,calc(100vw - 52px));max-height:calc(100vh - 52px);overflow:auto;border:1px solid rgba(255,255,255,.78);border-radius:28px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 32px 90px rgba(4,31,62,.28);animation:sgpPrintIn .24s cubic-bezier(.2,.8,.2,1)}
@keyframes sgpPrintIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.sgp-print-method-dialog>header{display:grid;grid-template-columns:58px 1fr 42px;gap:18px;align-items:start;padding:28px 30px 20px;border-bottom:1px solid #e3edf7}
.sgp-print-method-dialog>header>span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#0878ef,#075bc6);color:#fff;box-shadow:0 12px 28px rgba(11,112,232,.25)}
.sgp-print-method-dialog>header>span svg{width:28px;height:28px}
.sgp-print-method-dialog>header small{display:block;margin:2px 0 7px;color:#0872dd;font-size:10px;font-weight:900;letter-spacing:.12em}
.sgp-print-method-dialog>header strong{display:block;color:#102f50;font-size:28px;line-height:1.15;letter-spacing:-.025em}
.sgp-print-method-dialog>header p{margin:8px 0 0;color:#647d96;font-size:14px;line-height:1.5}
.sgp-print-method-dialog>header>button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d7e5f3;border-radius:12px;background:#fff;color:#53718f;cursor:pointer}
.sgp-print-method-dialog>header>button:hover{border-color:#79b7ef;color:#076fe1;background:#f1f8ff}
.sgp-print-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px 30px}
.sgp-print-method-grid>button{position:relative;display:grid;grid-template-rows:58px 1fr auto;gap:14px;min-height:280px;padding:22px;border:1px solid #d7e5f2;border-radius:20px;background:#fff;color:#193b5f;text-align:left;cursor:pointer;box-shadow:0 8px 28px rgba(30,66,104,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.sgp-print-method-grid>button:hover,.sgp-print-method-grid>button.is-active{transform:translateY(-4px);border-color:#1782ec;box-shadow:0 18px 38px rgba(11,112,232,.16)}
.sgp-print-method-grid>button.is-active:after{content:"SELEZIONATA";position:absolute;right:14px;top:14px;padding:5px 8px;border-radius:999px;background:#0875e8;color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em}
.sgp-print-method-grid i{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#eef6ff;color:#0874e7;font-style:normal}
.sgp-print-method-grid i svg{width:26px;height:26px}
.sgp-print-method-grid i.is-hotfoil{background:linear-gradient(145deg,#fff5bd,#e4b52d);color:#6a4b00}
.sgp-print-method-grid i.is-screen{background:#e9f4ff;color:#0872df}
.sgp-print-method-grid i.is-offset{background:linear-gradient(145deg,#eaf9ff,#d9e6ff);color:#6b4ed8}
.sgp-print-method-grid small{display:block;margin-bottom:7px;color:#6a8198;font-size:9px;font-weight:900;letter-spacing:.11em}
.sgp-print-method-grid strong{display:block;color:#102f50;font-size:20px;line-height:1.2}
.sgp-print-method-grid p{min-height:44px;margin:9px 0;color:#637c95;font-size:13px;line-height:1.45}
.sgp-print-method-grid em{display:inline-flex;padding:7px 9px;border-radius:8px;background:#f0f6fc;color:#315b82;font-size:10px;font-style:normal;font-weight:750}
.sgp-print-method-grid>button>b{align-self:end;padding-top:14px;border-top:1px solid #e8eff6;color:#0871dc;font-size:11px}
.sgp-print-method-modal.is-color-selection .sgp-print-method-grid>button{min-height:220px}.sgp-print-method-modal.is-color-selection .sgp-print-method-grid{padding-bottom:18px}
.sgp-print-method-dialog>footer{display:flex;align-items:flex-start;gap:12px;margin:0 30px 28px;padding:15px 18px;border:1px solid #d9e9f9;border-radius:14px;background:#eef7ff;color:#496a89}
.sgp-print-method-dialog>footer svg{flex:0 0 18px;width:18px;height:18px;color:#0874e6}
.sgp-print-method-dialog>footer p{margin:0;font-size:12px;line-height:1.5}
.sgp-print-production-card{display:grid;gap:13px;margin-bottom:14px;padding:16px;border:1px solid #cfe2f5;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#edf6ff);box-shadow:0 8px 20px rgba(15,65,112,.06)}
.sgp-print-production-card>div:first-child small{display:block;color:#0873df;font-size:8px;font-weight:900;letter-spacing:.1em}
.sgp-print-production-card>div:first-child strong{display:block;margin-top:5px;color:#113557;font-size:16px}
.sgp-print-production-card>div:first-child p{margin:5px 0 0;color:#627d97;font-size:10px;line-height:1.45}
.sgp-print-production-card>button{height:36px;border:1px solid #89bcec;border-radius:10px;background:#fff;color:#086ed5;font-size:10px;font-weight:850;cursor:pointer}
.sgp-print-production-card>button:hover{background:#0874e7;color:#fff}
.sgp-print-production-card dl{display:grid;gap:8px;margin:0}
.sgp-print-production-card dl>div{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:8px;padding-top:9px;border-top:1px solid #dceaf7}
.sgp-print-production-card dt{color:#71879d;font-size:9px;font-weight:800}
.sgp-print-production-card dd{display:flex;align-items:center;gap:8px;margin:0;color:#173b5e;font-size:10px;font-weight:750}
.sgp-print-production-card select{width:100%;height:34px;border:1px solid #cbddeb;border-radius:8px;background:#fff;padding:0 9px;color:#173b5e;font:inherit}
.sgp-print-production-card input[type=color]{width:42px;height:32px;padding:2px;border:1px solid #cbddeb;border-radius:8px;background:#fff}
.sgp-print-production-card output{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}
.sgp-production-palette-wrap{display:grid!important;gap:8px}.sgp-production-palette-wrap>strong{font-size:10px;color:#123b61}.sgp-production-palette-wrap>small{color:#6f8499;font-size:8px;font-weight:600;line-height:1.45}
.sgp-color-swatches{display:grid;gap:6px;width:100%}.sgp-foil-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.sgp-pantone-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
.sgp-color-swatches button,.sgp-modal-color-palette button{position:relative;box-sizing:border-box;display:grid;justify-items:center;gap:5px;min-width:0;max-width:100%;overflow:hidden;padding:6px 3px;border:1px solid #d8e5f1;border-radius:9px;background:#fff;color:#46637e;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.sgp-color-swatches button:hover,.sgp-modal-color-palette button:hover{border-color:#6eaae8;transform:translateY(-1px)}
.sgp-color-swatches button.is-active,.sgp-modal-color-palette button.is-active{border-color:#0874e7;box-shadow:0 0 0 2px rgba(8,116,231,.13)}
.sgp-color-swatches button.is-active:after,.sgp-modal-color-palette button.is-active:after{content:"✓";position:absolute;right:3px;top:3px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#0874e7;color:#fff;font-size:8px;font-weight:900}
.sgp-color-swatches i,.sgp-modal-color-palette i{display:block;width:100%;height:24px;border:1px solid rgba(16,44,72,.12);border-radius:6px;background:var(--swatch);box-shadow:inset 0 1px rgba(255,255,255,.32)}
.sgp-color-swatches span{width:100%;min-width:0;overflow:hidden;font-size:7px;font-weight:850;line-height:1.2;text-align:center;overflow-wrap:anywhere;white-space:normal}
.sgp-foil-swatches i{background:linear-gradient(135deg,rgba(255,255,255,.7),transparent 42%,rgba(0,0,0,.14)),var(--swatch)}
.sgp-print-color-step{margin:0 30px 22px;padding:20px;border:1px solid #cfe2f5;border-radius:18px;background:linear-gradient(145deg,#f8fbff,#edf6ff)}
.sgp-print-color-step[hidden]{display:none!important}.sgp-print-color-step>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}
.sgp-print-color-step>header small{display:block;color:#0874e7;font-size:8px;font-weight:900;letter-spacing:.11em}.sgp-print-color-step>header strong{display:block;margin-top:4px;color:#153b61;font-size:17px}.sgp-print-color-step>header p{margin:4px 0 0;color:#6a8198;font-size:10px}.sgp-print-color-step>header output{flex:none;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #bed8f1;border-radius:9px;background:#fff;color:#0d64bc;font-size:10px;font-weight:850}.sgp-print-color-step>header output:before{content:"";display:block;width:18px;height:18px;border:1px solid rgba(12,43,72,.16);border-radius:6px;background:var(--selected-color,#fff);box-shadow:inset 0 1px rgba(255,255,255,.35)}
.sgp-modal-color-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sgp-modal-color-palette[hidden]{display:none!important}.sgp-modal-color-palette.is-pantone{grid-template-columns:repeat(8,minmax(0,1fr))}
.sgp-modal-color-palette button{grid-template-columns:32px minmax(0,1fr);align-items:center;justify-items:start;gap:7px;min-height:48px;padding:7px;text-align:left}.sgp-modal-color-palette i{width:32px;height:32px}.sgp-modal-color-palette span{min-width:0;max-width:100%;overflow:hidden;font-size:8px;font-weight:850;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.sgp-modal-color-palette:not(.is-pantone) i{background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 43%,rgba(0,0,0,.15)),var(--swatch)}
.sgp-modal-color-palette.is-pantone button{grid-template-columns:minmax(0,1fr);grid-template-rows:30px minmax(20px,auto);justify-items:stretch;gap:6px;min-height:66px;padding:7px}.sgp-modal-color-palette.is-pantone i{width:100%;height:30px}.sgp-modal-color-palette.is-pantone span{display:-webkit-box;width:100%;font-size:7.2px;line-height:1.25;text-align:center;text-overflow:clip;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sgp-print-color-confirm{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px;padding-top:14px;border-top:1px solid #d5e5f4}.sgp-print-color-confirm>span{display:flex;align-items:center;gap:8px;color:#647e98}.sgp-print-color-confirm svg{flex:none;width:16px;height:16px;color:#0874e7}.sgp-print-color-confirm em{font-size:9px;font-style:normal;line-height:1.4}.sgp-print-color-confirm button{flex:none;max-width:310px;min-height:42px;height:auto;padding:10px 17px;border:0;border-radius:10px;background:#0874e7;color:#fff;font-size:10px;font-weight:900;line-height:1.25;cursor:pointer;box-shadow:0 8px 20px rgba(8,116,231,.2)}
.sgp-type-effects.is-production-disabled{position:relative;opacity:.48;pointer-events:none}
.sgp-type-effects.is-production-disabled:after{content:"Non disponibile con stampa a tinta unica";display:block;padding:7px;color:#836000;font-size:9px}
.sgp-pro-field.is-production-locked{position:relative;opacity:.55}.sgp-pro-field.is-production-locked:after{content:"Tinta tecnica bloccata";position:absolute;right:5px;top:0;color:#9a7200;font-size:7px;font-weight:850}
.sgp-pro-rail button.is-method-limited{opacity:.42}
.sgp-pro-rail button.is-method-limited:after{content:"1 tinta";position:absolute;right:4px;top:4px;padding:2px 4px;border-radius:5px;background:#fff3bf;color:#7a5700;font-size:6px;font-weight:900}
@media (max-width:1500px){.sgp-print-method-chip{min-width:170px;max-width:200px}.sgp-print-method-chip span{display:none}.sgp-print-method-chip small,.sgp-print-method-chip b{grid-column:1/3}.sgp-print-method-dialog{width:min(940px,calc(100vw - 36px))}}
@media (max-width:1050px){.sgp-print-method-chip{min-width:44px;width:44px;height:40px;padding:6px}.sgp-print-method-chip small,.sgp-print-method-chip span{display:none}.sgp-print-method-chip b{font-size:0;white-space:normal}.sgp-print-method-chip b:before{content:"ST";display:grid;place-items:center;font-size:9px}.sgp-print-method-grid{grid-template-columns:1fr}.sgp-print-method-grid>button{grid-template-columns:58px 1fr auto;grid-template-rows:auto;min-height:0}.sgp-print-method-grid>button>b{align-self:center;padding:0 0 0 14px;border-top:0;border-left:1px solid #e8eff6}.sgp-print-method-grid p{min-height:0}.sgp-modal-color-palette.is-pantone{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:680px){.sgp-print-method-modal{padding:10px}.sgp-print-method-dialog{width:100%;max-height:calc(100vh - 20px);border-radius:20px}.sgp-print-method-dialog>header{grid-template-columns:44px 1fr 36px;gap:11px;padding:18px}.sgp-print-method-dialog>header>span{width:44px;height:44px;border-radius:13px}.sgp-print-method-dialog>header strong{font-size:20px}.sgp-print-method-dialog>header p{font-size:11px}.sgp-print-method-dialog>header>button{width:36px;height:36px}.sgp-print-method-grid{gap:10px;padding:14px 18px}.sgp-print-method-grid>button{grid-template-columns:44px 1fr;gap:11px;padding:15px}.sgp-print-method-grid i{width:44px;height:44px}.sgp-print-method-grid>button>b{grid-column:2;padding:9px 0 0;border-left:0;border-top:1px solid #e8eff6}.sgp-print-method-dialog>footer{margin:0 18px 18px}.sgp-print-method-grid strong{font-size:17px}.sgp-print-color-step{margin:0 18px 14px;padding:14px}.sgp-print-color-step>header{display:grid}.sgp-print-color-step>header output{justify-self:start}.sgp-modal-color-palette,.sgp-modal-color-palette.is-pantone{grid-template-columns:repeat(2,minmax(0,1fr))}.sgp-print-color-confirm{display:grid}.sgp-print-color-confirm button{width:100%}}
html body #fcApp .sgp-proof-button:hover{
border-color:#6ba5e4 !important;
box-shadow:0 6px 18px rgba(26,91,165,.11) !important;
transform:translateY(-1px) !important;
}
html body #fcApp .sgp-proof-button.has-graphic{
border-color:#8bcba2 !important;
background:linear-gradient(180deg,#fff 0%,#f3fbf6 100%) !important;
color:#17633a !important;
}
html body #fcApp .sgp-proof-icon{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:38px !important;
height:38px !important;
border-radius:9px !important;
background:#eaf3ff !important;
color:#1766c1 !important;
}
html body #fcApp .sgp-proof-button.has-graphic .sgp-proof-icon{
background:#e3f5e9 !important;
color:#168044 !important;
}
html body #fcApp .sgp-proof-icon svg{
width:20px !important;
height:20px !important;
fill:none !important;
stroke:currentColor !important;
stroke-width:1.8 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
}
html body #fcApp .sgp-proof-copy{
min-width:0 !important;
display:grid !important;
gap:2px !important;
}
html body #fcApp .sgp-proof-label{
font-size:11.5px !important;
font-weight:850 !important;
line-height:1.2 !important;
letter-spacing:.015em !important;
}
html body #fcApp .sgp-proof-sublabel{
overflow:hidden !important;
color:#728197 !important;
font-size:9.5px !important;
font-weight:650 !important;
line-height:1.2 !important;
white-space:nowrap !important;
text-overflow:ellipsis !important;
}
html body #fcApp .sgp-proof-chevron{
color:#7c93ad !important;
font-size:22px !important;
font-weight:400 !important;
line-height:1 !important;
}
html body #fcApp .sgp-proof-status{
display:block !important;
width:100% !important;
margin:-2px 0 2px !important;
padding:0 4px !important;
color:#74849a !important;
font-size:9.5px !important;
font-weight:650 !important;
line-height:1.35 !important;
}
html body #fcApp .sgp-proof-status.is-error{color:#b42318 !important;}
html body .fc-three-wrap .sgp-editor{
--sgp-blue:#1269d3;
--sgp-blue-dark:#0c55ad;
--sgp-ink:#17263b;
--sgp-muted:#6b7b91;
position:absolute;
left:20px;
bottom:20px;
z-index:80;
width:376px;
max-width:calc(100% - 40px);
border:1px solid rgba(151,172,201,.75);
border-radius:15px;
background:rgba(255,255,255,.975);
color:var(--sgp-ink);
overflow:hidden;
box-shadow:0 24px 70px rgba(13,31,56,.23),0 3px 10px rgba(13,31,56,.09);
font-family:inherit;
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
touch-action:none;
user-select:none;
-webkit-user-select:none;
}
.sgp-editor *{box-sizing:border-box;}
.sgp-editor button,.sgp-editor input{font:inherit;}
.sgp-editor svg{
width:18px;
height:18px;
fill:none;
stroke:currentColor;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}
.sgp-editor-head{
min-height:64px;
padding:10px 10px 10px 13px;
display:grid;
grid-template-columns:37px minmax(0,1fr) auto;
align-items:center;
gap:10px;
border-bottom:1px solid #e4ebf3;
background:linear-gradient(180deg,#fff 0%,#f8fbfe 100%);
}
.sgp-head-icon{
display:flex;
align-items:center;
justify-content:center;
width:37px;
height:37px;
border-radius:10px;
background:#eaf3ff;
color:#1269d3;
}
.sgp-head-icon svg{width:20px;height:20px;}
.sgp-head-copy{min-width:0;display:grid;gap:1px;}
.sgp-head-copy small{
color:#1269d3;
font-size:8.5px;
font-weight:900;
letter-spacing:.1em;
line-height:1.2;
}
.sgp-head-copy strong{
overflow:hidden;
color:#17263b;
font-size:12px;
font-weight:850;
line-height:1.25;
white-space:nowrap;
text-overflow:ellipsis;
}
.sgp-head-copy span{
min-height:12px;
color:#7b899c;
font-size:8.5px;
font-weight:650;
line-height:1.2;
}
.sgp-head-copy span.is-low-quality{color:#b54708;font-weight:800;}
.sgp-head-tools{display:flex;align-items:center;gap:4px;}
.sgp-icon-button{
display:flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
padding:0;
border:1px solid #d8e2ee;
border-radius:8px;
background:#fff;
color:#46617f;
cursor:pointer;
transition:.15s ease;
}
.sgp-icon-button:hover:not(:disabled){border-color:#8ab5e6;background:#f3f8fe;color:#0b60bd;}
.sgp-icon-button:disabled{opacity:.35;cursor:default;}
.sgp-icon-button svg{width:15px;height:15px;}
.sgp-editor-close{font-size:19px;font-weight:500;line-height:1;}
.sgp-editor-content{
display:none;
max-height:min(730px,calc(100vh - 125px));
overflow:auto;
padding:12px;
scrollbar-width:thin;
scrollbar-color:#cbd7e5 transparent;
}
.sgp-editor.is-open .sgp-editor-content{display:block;}
.sgp-workspace-shell{
padding:9px;
border:1px solid #dbe5f0;
border-radius:11px;
background:#f3f7fb;
}
.sgp-surface-caption{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin:0 1px 7px;
color:#52667e;
font-size:8.5px;
font-weight:750;
}
.sgp-surface-caption span:last-child{display:flex;align-items:center;gap:4px;color:#8290a2;font-weight:650;}
.sgp-surface-caption i{
display:inline-block;
width:9px;
height:7px;
border:1px dashed #2781df;
border-radius:1px;
}
.sgp-workspace{
--safe-x:4%;
--safe-y:4%;
position:relative;
width:100%;
max-height:280px;
margin:auto;
overflow:hidden;
border:1px solid #aebfd2;
border-radius:5px;
outline:none;
background-color:#fff;
background-image:
linear-gradient(45deg,#edf2f6 25%,transparent 25%),
linear-gradient(-45deg,#edf2f6 25%,transparent 25%),
linear-gradient(45deg,transparent 75%,#edf2f6 75%),
linear-gradient(-45deg,transparent 75%,#edf2f6 75%);
background-size:16px 16px;
background-position:0 0,0 8px,8px -8px,-8px 0;
box-shadow:0 4px 14px rgba(19,43,73,.08);
touch-action:none;
}
.sgp-workspace:focus-visible{box-shadow:0 0 0 3px rgba(18,105,211,.18),0 4px 14px rgba(19,43,73,.08);}
.sgp-workspace.is-empty{cursor:pointer;background-color:#fbfdff;}
.sgp-workspace.is-empty:after{
content:"+ Aggiungi grafica a questa superficie";
position:absolute;
inset:14px;
display:flex;
align-items:center;
justify-content:center;
border:1.5px dashed #8db8e8;
border-radius:8px;
color:#176dcc;
background:rgba(238,247,255,.76);
font-size:11px;
font-weight:850;
letter-spacing:.01em;
}
.sgp-workspace.is-file-over:after{
content:"Rilascia qui la nuova grafica";
position:absolute;
inset:7px;
z-index:10;
display:flex;
align-items:center;
justify-content:center;
border:2px dashed #1269d3;
border-radius:6px;
background:rgba(235,245,255,.94);
color:#0e5cb8;
font-size:11px;
font-weight:850;
}
.sgp-safe-area{
position:absolute;
left:var(--safe-x);
right:var(--safe-x);
top:var(--safe-y);
bottom:var(--safe-y);
border:1px dashed rgba(28,117,212,.58);
border-radius:2px;
pointer-events:none;
}
.sgp-safe-area:before,.sgp-safe-area:after{
content:"";
position:absolute;
background:rgba(28,117,212,.13);
pointer-events:none;
}
.sgp-safe-area:before{left:50%;top:0;bottom:0;width:1px;transform:translateX(-.5px);}
.sgp-safe-area:after{top:50%;left:0;right:0;height:1px;transform:translateY(-.5px);}
.sgp-guide{
position:absolute;
z-index:3;
display:none;
background:#f03e77;
pointer-events:none;
box-shadow:0 0 0 1px rgba(255,255,255,.75);
}
.sgp-guide-x{left:50%;top:0;bottom:0;width:1px;}
.sgp-guide-y{top:50%;left:0;right:0;height:1px;}
.sgp-editor.show-guide-x .sgp-guide-x,.sgp-editor.show-guide-y .sgp-guide-y{display:block;}
.sgp-object{
position:absolute;
z-index:4;
box-sizing:border-box;
border:1.5px solid #0878ea;
outline:1px solid rgba(255,255,255,.68);
cursor:grab;
transform-origin:center;
touch-action:none;
}
.sgp-editor.is-interacting .sgp-object{cursor:grabbing;}
.sgp-object img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;}
.sgp-object-size{
position:absolute;
left:50%;
bottom:-25px;
transform:translateX(-50%);
padding:3px 6px;
border-radius:5px;
background:rgba(16,39,68,.88);
color:#fff;
font-size:8px;
font-weight:750;
line-height:1;
white-space:nowrap;
opacity:0;
pointer-events:none;
transition:opacity .15s ease;
}
.sgp-object:hover .sgp-object-size,.sgp-editor.is-interacting .sgp-object-size{opacity:1;}
/* V4 — selettore multi-superficie compatto e leggibile */
.sgp-surface-picker{
margin:0 0 12px;
padding:13px;
border:1px solid #d9e5f1;
border-radius:14px;
background:linear-gradient(145deg,#fff 0%,#f7faff 100%);
box-shadow:0 5px 18px rgba(20,55,92,.055);
}
.sgp-surface-picker-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:11px;
}
.sgp-surface-picker-head div{display:grid;gap:2px;min-width:0;}
.sgp-surface-picker-head small{color:#1670d8;font-size:8px;font-weight:900;letter-spacing:.12em;}
.sgp-surface-picker-head strong{color:#243f60;font-size:11px;font-weight:850;}
.sgp-surface-picker-head>span{
flex:none;padding:5px 8px;border-radius:99px;background:#edf5ff;color:#1766bd;
font-size:8px;font-weight:850;
}
.sgp-surface-layout{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:6px;
}
.sgp-surface-layout button{
position:relative;
min-width:0;
min-height:62px;
padding:8px 3px 7px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:5px;
border:1px solid #d7e2ee;
border-radius:10px;
background:#fff;
color:#60748b;
cursor:pointer;
transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.sgp-surface-layout button:hover{transform:translateY(-1px);border-color:#94bee9;color:#1767bd;}
.sgp-surface-layout button.is-active{
border-color:#5da2ed;background:#eef6ff;color:#0965c9;
box-shadow:0 0 0 2px rgba(44,132,229,.1);
}
.sgp-surface-layout button span{overflow:hidden;max-width:100%;font-size:7.5px;font-weight:850;text-overflow:ellipsis;white-space:nowrap;}
.sgp-surface-layout button i{
display:block;width:25px;height:17px;border:1.5px solid currentColor;border-radius:3px;opacity:.78;
}
.sgp-surface-layout button:not(.is-main) i{height:9px;margin:4px 0;}
.sgp-surface-layout button em{
position:absolute;right:5px;top:5px;width:7px;height:7px;border:1px solid #b7c7d8;border-radius:50%;background:#fff;
}
.sgp-surface-layout button.has-graphic em{border-color:#21a56f;background:#21a56f;box-shadow:0 0 0 2px #e6f7f0;}
.sgp-handle{
position:absolute;
width:12px;
height:12px;
padding:0;
border:2px solid #fff;
border-radius:50%;
background:#0878ea;
box-shadow:0 1px 5px rgba(4,44,93,.38);
cursor:nwse-resize;
}
.sgp-handle-nw{left:-7px;top:-7px}
.sgp-handle-ne{right:-7px;top:-7px}
.sgp-handle-sw{left:-7px;bottom:-7px}
.sgp-handle-se{right:-7px;bottom:-7px}
.sgp-handle-ne,.sgp-handle-sw{cursor:nesw-resize;}
.sgp-rotate-handle{
position:absolute;
left:50%;
top:-35px;
width:19px;
height:19px;
padding:0;
transform:translateX(-50%);
border:2px solid #fff;
border-radius:50%;
background:#0878ea;
box-shadow:0 1px 5px rgba(4,44,93,.38);
cursor:grab;
}
.sgp-rotate-handle:before{
content:"";
position:absolute;
left:50%;
top:17px;
width:1px;
height:16px;
background:#0878ea;
}
.sgp-rotate-handle span{
position:absolute;
inset:4px;
border:1px solid rgba(255,255,255,.95);
border-left-color:transparent;
border-radius:50%;
}
.sgp-workspace-hint{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin:7px 1px 0;
color:#7b899b;
font-size:8px;
font-weight:650;
}
.sgp-smartbar{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:6px;
margin:10px 0;
}
.sgp-smartbar button{
min-width:0;
min-height:52px;
padding:6px 3px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
border:1px solid #d8e2ed;
border-radius:9px;
background:#fff;
color:#46617e;
font-size:8.5px;
font-weight:800;
cursor:pointer;
transition:.15s ease;
}
.sgp-smartbar button:hover{border-color:#86b4e7;background:#f5f9fe;color:#0d60bd;}
.sgp-smartbar button.is-active{border-color:#9bc1ea;background:#eef6ff;color:#0b61c2;}
.sgp-smartbar svg{width:17px;height:17px;}
.sgp-control-group{
margin-top:8px;
padding:10px 11px;
border:1px solid #e0e7f0;
border-radius:10px;
background:#fbfcfe;
}
.sgp-control-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:8px;
}
.sgp-control-head label{
color:#40546d;
font-size:10px;
font-weight:800;
}
.sgp-control-head output{
max-width:190px;
overflow:hidden;
padding:4px 7px;
border:1px solid #d6e2ef;
border-radius:6px;
background:#fff;
color:#183e69;
font-size:9px;
font-weight:800;
white-space:nowrap;
text-overflow:ellipsis;
}
.sgp-angle-field{
display:flex;
align-items:center;
height:27px;
border:1px solid #d6e2ef;
border-radius:6px;
background:#fff;
overflow:hidden;
}
.sgp-angle-field input{
width:55px;
height:100%;
padding:0 4px 0 8px;
border:0;
outline:0;
background:transparent;
color:#183e69;
font-size:10px;
font-weight:800;
text-align:right;
}
.sgp-angle-field span{padding-right:7px;color:#6c7f94;font-size:10px;font-weight:750;}
.sgp-range{
--fill:50%;
width:100%;
height:5px;
margin:2px 0;
border:0;
border-radius:99px;
outline:none;
background:linear-gradient(90deg,#1670d8 0%,#1670d8 var(--fill),#dce5ef var(--fill),#dce5ef 100%);
appearance:none;
-webkit-appearance:none;
cursor:pointer;
}
.sgp-range::-webkit-slider-thumb{
width:17px;
height:17px;
border:3px solid #fff;
border-radius:50%;
background:#1269d3;
box-shadow:0 1px 5px rgba(5,54,110,.35);
appearance:none;
-webkit-appearance:none;
}
.sgp-range::-moz-range-thumb{
width:12px;
height:12px;
border:3px solid #fff;
border-radius:50%;
background:#1269d3;
box-shadow:0 1px 5px rgba(5,54,110,.35);
}
.sgp-precision{
margin-top:9px;
border:1px solid #dfe7f0;
border-radius:10px;
background:#fff;
overflow:hidden;
}
.sgp-precision summary{
min-height:42px;
padding:9px 11px;
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
color:#40546d;
font-size:9.5px;
font-weight:800;
cursor:pointer;
list-style:none;
}
.sgp-precision summary::-webkit-details-marker{display:none;}
.sgp-precision summary:after{
content:"⌄";
color:#75869a;
font-size:15px;
line-height:1;
transition:transform .18s ease;
}
.sgp-precision[open] summary:after{transform:rotate(180deg);}
.sgp-precision summary b{
margin-left:auto;
color:#75869a;
font-size:8.5px;
font-weight:700;
}
.sgp-precision-body{
padding:10px;
border-top:1px solid #e7edf4;
background:#f9fbfd;
}
.sgp-align-block{
display:grid;
grid-template-columns:1fr auto;
align-items:center;
gap:12px;
}
.sgp-field-label{color:#607187;font-size:9px;font-weight:750;}
.sgp-align-grid{
display:grid;
grid-template-columns:repeat(3,18px);
grid-template-rows:repeat(3,18px);
gap:2px;
padding:5px;
border:1px solid #d5e0ec;
border-radius:7px;
background:#fff;
}
.sgp-align-grid button{
position:relative;
width:18px;
height:18px;
padding:0;
border:0;
border-radius:3px;
background:transparent;
cursor:pointer;
}
.sgp-align-grid button:after{
content:"";
position:absolute;
left:50%;
top:50%;
width:4px;
height:4px;
transform:translate(-50%,-50%);
border-radius:50%;
background:#8497ad;
}
.sgp-align-grid button:hover,.sgp-align-grid button.is-center{background:#e8f2fe;}
.sgp-align-grid button:hover:after,.sgp-align-grid button.is-center:after{background:#1269d3;}
.sgp-number-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:7px;
margin-top:10px;
}
.sgp-number-grid label{display:grid;gap:4px;color:#607187;font-size:8.5px;font-weight:750;}
.sgp-number-grid label>div{
height:32px;
display:flex;
align-items:center;
border:1px solid #d7e1ec;
border-radius:7px;
background:#fff;
overflow:hidden;
}
.sgp-number-grid input{
min-width:0;
width:100%;
height:100%;
padding:0 4px 0 8px;
border:0;
outline:0;
background:transparent;
color:#203a59;
font-size:10px;
font-weight:800;
}
.sgp-number-grid input:disabled{background:#f2f5f8;color:#9aa6b4;}
.sgp-number-grid em{
padding-right:8px;
color:#8391a2;
font-size:8.5px;
font-style:normal;
font-weight:700;
}
.sgp-keyboard-tip{
margin:9px 1px 0;
color:#8592a3;
font-size:8px;
font-weight:600;
line-height:1.4;
}
.sgp-editor-footer{
display:grid;
grid-template-columns:36px 1fr 1.18fr;
gap:7px;
margin-top:10px;
}
.sgp-editor-footer button{
min-height:38px;
display:flex;
align-items:center;
justify-content:center;
gap:6px;
border-radius:8px;
font-size:9.5px;
font-weight:850;
cursor:pointer;
transition:.15s ease;
}
.sgp-footer-icon{
padding:0;
border:1px solid #ead0ce;
background:#fff;
color:#b0443c;
}
.sgp-footer-icon:hover{border-color:#e59b96;background:#fff6f5;}
.sgp-footer-secondary{
border:1px solid #cfdceb;
background:#fff;
color:#315373;
}
.sgp-footer-secondary:hover{border-color:#86b3e3;background:#f5f9fe;color:#0d5fb9;}
.sgp-footer-primary{
border:1px solid #1269d3;
background:linear-gradient(180deg,#1877e4,#1165cb);
color:#fff;
box-shadow:0 4px 12px rgba(18,105,211,.22);
}
.sgp-footer-primary:hover{border-color:#0c58b3;background:#0f5fbe;transform:translateY(-1px);}
.sgp-editor-footer svg{width:15px;height:15px;}
.sgp-announcement{
position:absolute;
left:50%;
bottom:15px;
z-index:20;
max-width:calc(100% - 30px);
padding:7px 10px;
transform:translate(-50%,10px);
border-radius:7px;
background:rgba(19,39,65,.94);
color:#fff;
font-size:9px;
font-weight:750;
white-space:nowrap;
opacity:0;
pointer-events:none;
transition:.18s ease;
}
.sgp-announcement.is-visible{transform:translate(-50%,0);opacity:1;}
/* V3.2 — layout più grande, moderno e guidato */
html body .fc-three-wrap .sgp-editor{
left:24px;
bottom:24px;
width:470px;
max-width:calc(100% - 48px);
border-color:rgba(139,164,196,.72);
border-radius:20px;
box-shadow:0 30px 90px rgba(9,29,54,.26),0 4px 14px rgba(9,29,54,.10);
}
.sgp-editor-head{
min-height:76px;
padding:13px 14px 13px 16px;
grid-template-columns:44px minmax(0,1fr) auto;
gap:12px;
}
.sgp-head-icon{width:44px;height:44px;border-radius:13px;}
.sgp-head-icon svg{width:23px;height:23px;}
.sgp-head-copy{gap:2px;}
.sgp-head-copy small{font-size:9.5px;letter-spacing:.11em;}
.sgp-head-copy strong{font-size:14px;line-height:1.3;}
.sgp-head-copy span{min-height:13px;font-size:9.5px;}
.sgp-head-tools{gap:6px;}
.sgp-icon-button{width:36px;height:36px;border-radius:10px;}
.sgp-icon-button svg{width:17px;height:17px;}
.sgp-help-button{border-color:#b9d3f2;background:#f1f7ff;color:#1165c6;}
.sgp-editor-close{font-size:21px;}
.sgp-editor-content{
max-height:min(840px,calc(100vh - 118px));
padding:16px;
scrollbar-color:#b9cadc transparent;
}
.sgp-context-guide{
max-height:0;
margin:0;
padding:0 14px;
display:grid;
grid-template-columns:38px minmax(0,1fr) 28px;
align-items:start;
gap:11px;
overflow:hidden;
border:0 solid #bcd9fb;
border-radius:13px;
background:linear-gradient(135deg,#f3f8ff 0%,#eaf4ff 100%);
color:#153d69;
opacity:0;
transform:translateY(-6px);
transition:max-height .24s ease,padding .24s ease,margin .24s ease,opacity .2s ease,transform .2s ease,border-width .2s ease;
}
.sgp-context-guide.is-open{
max-height:120px;
margin:0 0 13px;
padding:12px 12px;
border-width:1px;
opacity:1;
transform:translateY(0);
}
.sgp-guide-icon{
display:flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
border-radius:11px;
background:#fff;
color:#1269d3;
box-shadow:0 3px 10px rgba(17,92,176,.12);
}
.sgp-guide-icon svg{width:19px;height:19px;}
.sgp-guide-copy{min-width:0;display:grid;gap:2px;}
.sgp-guide-copy small{color:#2271c7;font-size:8px;font-weight:900;letter-spacing:.1em;}
.sgp-guide-copy strong{color:#183d66;font-size:11.5px;font-weight:850;line-height:1.25;}
.sgp-guide-copy p{margin:1px 0 0;color:#607790;font-size:9.5px;font-weight:650;line-height:1.38;}
#sgpGuideClose{
width:28px;
height:28px;
padding:0;
border:0;
border-radius:8px;
background:rgba(255,255,255,.72);
color:#66809d;
font-size:18px;
line-height:1;
cursor:pointer;
}
#sgpGuideClose:hover{background:#fff;color:#174f91;}
.sgp-workspace-shell{padding:12px;border-radius:15px;}
.sgp-surface-caption{margin:0 2px 9px;font-size:9.5px;}
.sgp-workspace{max-height:340px;border-radius:7px;}
.sgp-workspace-hint{margin-top:9px;font-size:9px;}
.sgp-smartbar{gap:9px;margin:13px 0;}
.sgp-smartbar button{
min-height:68px;
padding:9px 5px;
gap:6px;
border-radius:13px;
font-size:10px;
}
.sgp-smartbar button:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(24,89,164,.10);}
.sgp-smartbar svg{width:21px;height:21px;}
.sgp-main-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.sgp-control-group{margin-top:0;padding:13px 14px;border-radius:13px;}
.sgp-control-head{margin-bottom:12px;}
.sgp-control-head label{font-size:11px;}
.sgp-control-head output{max-width:145px;padding:5px 8px;border-radius:7px;font-size:9.5px;}
.sgp-angle-field{height:30px;border-radius:7px;}
.sgp-angle-field input{width:58px;font-size:10.5px;}
.sgp-range{height:6px;margin:3px 0;}
.sgp-range::-webkit-slider-thumb{width:20px;height:20px;}
.sgp-range::-moz-range-thumb{width:14px;height:14px;}
.sgp-precision{margin-top:12px;border-radius:13px;}
.sgp-precision summary{min-height:50px;padding:11px 14px;font-size:10.5px;}
.sgp-precision summary b{font-size:9.5px;}
.sgp-precision-body{padding:14px;}
.sgp-align-block{gap:15px;}
.sgp-field-label{font-size:10px;}
.sgp-align-grid{grid-template-columns:repeat(3,22px);grid-template-rows:repeat(3,22px);gap:3px;padding:6px;border-radius:9px;}
.sgp-align-grid button{width:22px;height:22px;border-radius:4px;}
.sgp-align-grid button:after{width:5px;height:5px;}
.sgp-number-grid{gap:10px;margin-top:13px;}
.sgp-number-grid label{gap:5px;font-size:9.5px;}
.sgp-number-grid label>div{height:39px;border-radius:9px;}
.sgp-number-grid input{padding-left:10px;font-size:11px;}
.sgp-number-grid em{font-size:9px;}
.sgp-keyboard-tip{margin-top:11px;font-size:8.5px;}
.sgp-editor-footer{grid-template-columns:44px 1fr 1.22fr;gap:9px;margin-top:13px;}
.sgp-editor-footer button{min-height:47px;border-radius:11px;font-size:10.5px;}
.sgp-editor-footer svg{width:17px;height:17px;}
.sgp-footer-primary{box-shadow:0 7px 18px rgba(18,105,211,.24);}
/* V3.3 — scala visiva più ampia e pulizia finale */
html body .fc-three-wrap .sgp-editor{
width:530px;
max-width:calc(100% - 52px);
border-radius:22px;
}
.sgp-editor-head{
min-height:84px;
padding:15px 16px 15px 18px;
grid-template-columns:48px minmax(0,1fr) auto;
gap:14px;
}
.sgp-head-icon{width:48px;height:48px;border-radius:14px;}
.sgp-head-icon svg{width:25px;height:25px;}
.sgp-head-copy small{font-size:10px;}
.sgp-head-copy strong{font-size:15px;}
.sgp-head-copy span{font-size:10px;}
.sgp-icon-button{width:39px;height:39px;border-radius:11px;}
.sgp-editor-content{padding:18px;max-height:min(880px,calc(100vh - 115px));}
.sgp-context-guide.is-open{padding:14px;margin-bottom:15px;}
.sgp-guide-copy strong{font-size:12.5px;}
.sgp-guide-copy p{font-size:10.5px;}
.sgp-workspace-shell{padding:14px;border-radius:16px;}
.sgp-surface-caption{font-size:10px;}
.sgp-workspace{max-height:390px;}
.sgp-workspace-hint{font-size:9.5px;}
.sgp-smartbar{gap:10px;margin:15px 0;}
.sgp-smartbar button{min-height:76px;border-radius:14px;font-size:10.5px;}
.sgp-smartbar svg{width:23px;height:23px;}
.sgp-main-controls{gap:12px;}
.sgp-control-group{padding:15px 16px;border-radius:14px;}
.sgp-control-head label{font-size:11.5px;}
.sgp-control-head output{font-size:10px;}
.sgp-range{height:7px;}
.sgp-overflow-toggle{
width:100%;
min-height:31px;
margin-top:12px;
padding:5px 8px;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
border:1px solid #d7e2ee;
border-radius:8px;
background:#fff;
color:#60758c;
font-size:9px;
font-weight:800;
cursor:pointer;
}
.sgp-overflow-toggle span{
width:8px;
height:8px;
border:2px solid #8aa0b8;
border-radius:50%;
}
.sgp-overflow-toggle b{font:inherit;}
.sgp-overflow-toggle:hover{border-color:#84b2e2;background:#f4f9ff;color:#155fae;}
.sgp-overflow-toggle.is-active{border-color:#f0b26b;background:#fff7ed;color:#a14b00;}
.sgp-overflow-toggle.is-active span{border-color:#e57917;background:#e57917;box-shadow:0 0 0 3px #ffead5;}
.sgp-precision summary{min-height:54px;font-size:11px;}
.sgp-number-grid label>div{height:42px;}
.sgp-editor-footer button{min-height:51px;font-size:11px;}
.sgp-pdf-pager{
min-height:48px;
margin:0 0 14px;
padding:7px 9px 7px 11px;
display:grid;
grid-template-columns:auto minmax(0,1fr) auto auto;
align-items:center;
gap:10px;
border:1px solid #d9e5f2;
border-radius:12px;
background:#f8fafc;
}
.sgp-pdf-pager[hidden]{display:none;}
.sgp-pdf-pager.is-review{
border-color:#e9c77f;
background:#fffaf0;
box-shadow:0 0 0 3px rgba(222,158,39,.08);
}
.sgp-pdf-badge{
padding:5px 7px;
border-radius:6px;
background:#e5484d;
color:#fff;
font-size:8px;
font-weight:900;
letter-spacing:.08em;
}
.sgp-pdf-pager.is-review .sgp-pdf-badge{
background:#c87b08;
white-space:nowrap;
}
.sgp-pdf-pager strong{color:#38536f;font-size:10px;font-weight:800;}
.sgp-pdf-pager>div{display:flex;gap:5px;}
.sgp-pdf-pager>div[hidden]{display:none;}
.sgp-pdf-pager button{
width:32px;
height:32px;
padding:0;
border:1px solid #cbd9e8;
border-radius:8px;
background:#fff;
color:#185fae;
font-size:20px;
line-height:1;
cursor:pointer;
}
.sgp-pdf-pager button:hover:not(:disabled){border-color:#76a9df;background:#edf6ff;}
.sgp-pdf-pager button:disabled{opacity:.35;cursor:default;}
.sgp-pdf-pager button.sgp-pdf-trim{
width:auto;
min-width:118px;
height:32px;
padding:0 10px;
border-color:#cad8e7;
color:#536b84;
font-size:8.5px;
font-weight:850;
white-space:nowrap;
}
.sgp-pdf-pager button.sgp-pdf-trim.is-active{
border-color:#8fc3a3;
background:#eff9f3;
color:#16713c;
}
.fc-three-wrap.sgp-drop-active:after{
content:"Rilascia qui la grafica";
position:absolute;
inset:18px;
z-index:75;
display:flex;
align-items:center;
justify-content:center;
border:2px dashed #1874dd;
border-radius:13px;
background:rgba(238,247,255,.92);
color:#0f5fb9;
font-size:13px;
font-weight:850;
pointer-events:none;
}
@media(max-width:700px){
html body .fc-three-wrap .sgp-editor{
position:absolute;
left:8px;
right:8px;
bottom:8px;
width:auto;
max-width:none;
border-radius:14px;
}
.sgp-editor-head{min-height:57px;padding:8px 8px 8px 10px;grid-template-columns:34px minmax(0,1fr) auto;}
.sgp-head-icon{width:34px;height:34px;}
.sgp-icon-button{width:29px;height:29px;}
.sgp-editor-content{max-height:calc(100vh - 135px);padding:9px;}
.sgp-workspace{max-height:230px;}
.sgp-smartbar button{min-height:46px;}
.sgp-workspace-hint span:last-child{display:none;}
}
@media(max-width:390px){
.sgp-head-tools .sgp-icon-button:nth-child(-n+2){display:none;}
.sgp-smartbar{gap:4px;}
.sgp-smartbar button{font-size:7.8px;}
.sgp-number-grid{grid-template-columns:1fr;}
}
@media(max-width:520px){
.sgp-main-controls{grid-template-columns:1fr;}
.sgp-pdf-pager{grid-template-columns:auto minmax(0,1fr) auto;}
.sgp-pdf-pager button.sgp-pdf-trim{grid-column:1/-1;grid-row:2;width:100%;}
#sgpPdfNavigation{grid-column:3;grid-row:1;}
.sgp-context-guide{grid-template-columns:34px minmax(0,1fr) 26px;gap:8px;}
.sgp-guide-icon{width:34px;height:34px;}
.sgp-guide-copy p{font-size:9px;}
}
@media(prefers-reduced-motion:reduce){
.sgp-editor *{scroll-behavior:auto !important;transition:none !important;}
}
/* V5 PRO — editor esclusivamente a schermo intero */
html.sgp-editor-open,html.sgp-editor-open body{overflow:hidden!important;}
.sgp-editor.sgp-pro-fullscreen{position:fixed!important;inset:0!important;z-index:2147483000!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#f5f8fc!important;box-shadow:none!important;display:none!important;overflow:hidden!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;}
.sgp-editor.sgp-pro-fullscreen.is-open{display:grid!important;grid-template-rows:64px minmax(0,1fr)!important;}
.sgp-pro-fullscreen .sgp-editor-head{position:relative!important;min-height:64px!important;padding:0 24px!important;display:grid!important;grid-template-columns:auto minmax(200px,1fr) auto!important;align-items:center!important;border:0!important;border-bottom:1px solid #dde6f0!important;border-radius:0!important;background:#fff!important;}
.sgp-pro-brand{display:flex;align-items:center;gap:10px;min-width:230px}.sgp-pro-brand>b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#0b6fe8;color:#fff;font-size:20px;font-style:italic}.sgp-pro-brand>span{display:grid;gap:1px}.sgp-pro-brand strong{color:#122d4c;font-size:12px;font-weight:900}.sgp-pro-brand small{color:#0b6fe8;font-size:8px;font-weight:850;letter-spacing:.11em}
.sgp-pro-fullscreen .sgp-head-icon{display:none!important}.sgp-pro-fullscreen .sgp-head-copy{justify-self:center;max-width:440px;text-align:center}.sgp-pro-fullscreen .sgp-head-copy small{color:#7d8da0;font-size:8px;letter-spacing:.1em}.sgp-pro-fullscreen .sgp-head-copy strong{display:block;max-width:420px;color:#132e4d;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sgp-pro-fullscreen .sgp-head-copy span{display:none}
.sgp-pro-fullscreen .sgp-head-tools{display:flex!important;align-items:center;gap:8px}.sgp-pro-fullscreen .sgp-icon-button{width:38px;height:38px;border-color:#dce5ef;border-radius:9px;background:#fff}.sgp-pro-fullscreen .sgp-editor-close{order:20;width:auto!important;padding:0 15px!important;color:#425b76!important;font-size:0!important}.sgp-pro-fullscreen .sgp-editor-close:after{content:"Chiudi";font-size:10px;font-weight:800}.sgp-pro-preview{height:38px;padding:0 14px;border:1px solid #cedceb;border-radius:9px;background:#fff;color:#294765;font-size:10px;font-weight:850;cursor:pointer}
.sgp-pro-fullscreen .sgp-editor-content{display:grid!important;grid-template-columns:82px minmax(0,1fr) 310px!important;width:100%!important;height:100%!important;max-height:none!important;padding:0!important;overflow:hidden!important;background:#f4f7fb!important}
.sgp-pro-rail{grid-column:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 10px;border-right:1px solid #dde6f0;background:#fff}.sgp-pro-rail button{width:60px;min-height:58px;padding:6px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:10px;background:transparent;color:#526a84;cursor:pointer}.sgp-pro-rail button b{font-size:18px;font-weight:500;line-height:1}.sgp-pro-rail button span{font-size:8px;font-weight:800}.sgp-pro-rail button:hover{background:#f3f7fc;color:#0b67ce}.sgp-pro-rail button.is-active{border-color:#c9def6;background:#eef6ff;color:#0769dc}
.sgp-pro-stage{grid-column:2;position:relative;min-width:0;min-height:0;padding:72px 22px 22px;overflow:hidden}.sgp-pro-properties{grid-column:3;min-width:0;padding:18px;border-left:1px solid #dde6f0;background:#fff;overflow:auto;scrollbar-width:thin}.sgp-pro-properties-head{display:grid;gap:2px;margin-bottom:15px;padding-bottom:13px;border-bottom:1px solid #e4ebf3}.sgp-pro-properties-head small{color:#0c70df;font-size:8px;font-weight:900;letter-spacing:.12em}.sgp-pro-properties-head strong{color:#173653;font-size:16px;font-weight:850}.sgp-property-section[hidden]{display:none!important}
.sgp-pro-fullscreen .sgp-surface-picker{position:absolute;left:50%;top:16px;z-index:20;width:min(760px,calc(100% - 80px));margin:0;padding:0;border:1px solid #dce6f1;border-radius:10px;background:#fff;box-shadow:0 3px 12px rgba(18,49,83,.045);transform:translateX(-50%)}.sgp-pro-fullscreen .sgp-surface-picker-head{display:none}.sgp-pro-fullscreen .sgp-surface-layout{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.sgp-pro-fullscreen .sgp-surface-layout button{min-height:38px;padding:0 8px;border:0;border-right:1px solid #edf1f6;border-radius:0;background:transparent;flex-direction:row;gap:7px}.sgp-pro-fullscreen .sgp-surface-layout button:last-child{border-right:0}.sgp-pro-fullscreen .sgp-surface-layout button i{display:none}.sgp-pro-fullscreen .sgp-surface-layout button span{font-size:9px}.sgp-pro-fullscreen .sgp-surface-layout button em{position:static;width:6px;height:6px;order:2}.sgp-pro-fullscreen .sgp-surface-layout button.is-active{box-shadow:inset 0 -2px #0b70e8;background:#f5f9ff}
.sgp-pro-fullscreen .sgp-workspace-shell{position:relative;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}.sgp-pro-fullscreen .sgp-surface-caption{position:absolute;left:16px;top:12px;z-index:15;margin:0;padding:6px 9px;border:1px solid #dce6f1;border-radius:7px;background:rgba(255,255,255,.92);font-size:8px}.sgp-pro-fullscreen .sgp-workspace-hint{display:none}
.sgp-die-region{position:absolute;z-index:1;box-sizing:border-box;border:1.5px solid #6f9ed2;background:rgba(255,255,255,.9);cursor:pointer;transition:.16s ease}.sgp-die-region:hover{background:#f7fbff;border-color:#2c7fd8}.sgp-die-region.is-active{background:#fff;border-color:#0b70e8;box-shadow:0 0 0 3px rgba(11,112,232,.1)}.sgp-die-region.has-content:not(.is-active){background:#f4fbf7}.sgp-die-region.has-content:before{content:"";position:absolute;right:6px;top:6px;width:7px;height:7px;border-radius:50%;background:#20aa70}.sgp-die-region span{position:absolute;left:7px;top:6px;color:#7a8da2;font-size:7px;font-weight:800;text-transform:uppercase;pointer-events:none}
.sgp-pro-fullscreen .sgp-workspace{position:absolute!important;z-index:5!important;margin:0!important;border:1px solid #0b70e8!important;border-radius:0!important;box-shadow:none!important;background-size:14px 14px!important;overflow:hidden!important}.sgp-pro-fullscreen .sgp-safe-area{border-color:rgba(11,112,232,.46)}.sgp-pro-fullscreen .sgp-smartbar{position:absolute;left:50%;top:64px;z-index:30;display:flex;margin:0;padding:5px;border:1px solid #dce5ef;border-radius:9px;background:#fff;box-shadow:0 5px 18px rgba(18,50,84,.1);transform:translateX(-50%)}.sgp-pro-fullscreen .sgp-smartbar button{width:38px;min-height:34px;padding:0;border:0;border-radius:6px}.sgp-pro-fullscreen .sgp-smartbar button span{display:none}.sgp-pro-fullscreen .sgp-smartbar svg{width:15px;height:15px}
.sgp-pro-fullscreen .sgp-pdf-pager{margin:0 0 12px;padding:9px;border-radius:9px}.sgp-pro-fullscreen .sgp-main-controls{display:grid;grid-template-columns:1fr;gap:0}.sgp-pro-fullscreen .sgp-control-group{margin:0 0 10px;padding:12px;border-radius:9px}.sgp-pro-fullscreen .sgp-precision{margin-top:0;border-radius:9px}.sgp-pro-fullscreen .sgp-context-guide{position:static;margin-top:14px;max-height:none;opacity:1;transform:none}
.sgp-pro-fullscreen .sgp-editor-footer{display:flex!important;gap:8px!important;margin:14px 0 0!important;padding:0!important;border:0!important;background:transparent!important}.sgp-pro-fullscreen .sgp-editor-footer button{height:40px!important;min-height:40px!important}.sgp-pro-fullscreen .sgp-editor-footer .sgp-footer-primary{flex:1;border-radius:9px!important}.sgp-pro-fullscreen .sgp-editor-footer .sgp-footer-secondary{flex:1}.sgp-pro-fullscreen .sgp-editor-footer .sgp-footer-icon{width:40px!important;flex:none}
.sgp-add-text{width:100%;height:42px;margin-bottom:16px;border:1px solid #83b5ed;border-radius:9px;background:#f4f9ff;color:#0769d5;font-size:10px;font-weight:850;cursor:pointer}.sgp-pro-field{display:grid;gap:6px;margin-bottom:12px;color:#4e647b;font-size:9px;font-weight:800}.sgp-pro-field>div{display:flex;height:37px;border:1px solid #d8e3ee;border-radius:8px;background:#fff;overflow:hidden}.sgp-pro-field input:not([type="range"]):not([type="color"]),.sgp-pro-field select,.sgp-pro-field textarea{width:100%;box-sizing:border-box;border:1px solid #d8e3ee;border-radius:8px;background:#fff;color:#173653;font:600 11px Inter,"Segoe UI",sans-serif;outline:none}.sgp-pro-field input:not([type="range"]):not([type="color"]),.sgp-pro-field select{height:37px;padding:0 10px}.sgp-pro-field textarea{padding:10px;resize:vertical}.sgp-pro-field input[type="color"]{width:100%;height:38px;padding:3px;border:1px solid #d8e3ee;border-radius:8px;background:#fff}.sgp-pro-field>div input{border:0!important;border-radius:0!important}.sgp-pro-field>div em{display:grid;place-items:center;padding:0 9px;color:#8190a2;font-size:9px;font-style:normal}.sgp-pro-field input[type="range"]{width:100%;accent-color:#0b70e8}.sgp-pro-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.sgp-delete-text{height:37px;margin-bottom:12px;border:1px solid #f1c6cc;border-radius:8px;background:#fff8f9;color:#b83b4b;font-size:9px;font-weight:800;cursor:pointer}.sgp-coming{padding:18px;border:1px dashed #cad8e7;border-radius:10px;background:#f8fbfe;color:#526a83}.sgp-coming b{font-size:11px}.sgp-coming p{margin:6px 0 0;font-size:9px;line-height:1.5}
.sgp-text-layer-preview{position:absolute;z-index:7;max-width:95%;padding:2px 4px;white-space:pre-wrap;text-align:center;line-height:1.18;cursor:move;user-select:none;transform-origin:center}.sgp-text-layer-preview.is-selected{outline:1px solid #0b70e8;box-shadow:0 0 0 2px rgba(11,112,232,.12)}.sgp-pro-fullscreen .sgp-announcement{position:fixed;left:50%;bottom:22px;transform:translateX(-50%)}
@media(max-width:1050px){.sgp-editor.sgp-pro-fullscreen.is-open{grid-template-rows:58px minmax(0,1fr)!important}.sgp-pro-fullscreen .sgp-editor-head{min-height:58px!important;padding:0 12px!important}.sgp-pro-brand{min-width:160px}.sgp-pro-fullscreen .sgp-editor-content{grid-template-columns:70px minmax(0,1fr) 270px!important}.sgp-pro-rail{padding:12px 5px}.sgp-pro-rail button{width:54px}.sgp-pro-properties{padding:13px}.sgp-pro-fullscreen .sgp-head-copy{display:none}}
/* V6 — scala UI più leggibile e azioni avanzate progressive */
.sgp-editor.sgp-pro-fullscreen.is-open{grid-template-rows:74px minmax(0,1fr)!important}
.sgp-pro-fullscreen .sgp-editor-head{min-height:74px!important;padding:0 28px!important}.sgp-pro-brand>b{width:42px;height:42px;font-size:23px}.sgp-pro-brand strong{font-size:14px}.sgp-pro-brand small{font-size:9px}.sgp-pro-fullscreen .sgp-head-copy strong{font-size:15px}.sgp-pro-fullscreen .sgp-icon-button,.sgp-pro-preview{height:44px}.sgp-pro-fullscreen .sgp-icon-button{width:44px}.sgp-pro-preview{padding:0 18px;font-size:11px}
.sgp-pro-fullscreen .sgp-editor-content{grid-template-columns:100px minmax(0,1fr) 370px!important}.sgp-pro-rail{padding:24px 12px;gap:12px}.sgp-pro-rail button{width:72px;min-height:72px;border-radius:13px}.sgp-pro-rail button b{font-size:23px}.sgp-pro-rail button span{font-size:10px}.sgp-pro-properties{padding:24px}.sgp-pro-properties-head small{font-size:9px}.sgp-pro-properties-head strong{font-size:20px}.sgp-pro-field{font-size:10.5px}.sgp-pro-field input:not([type="range"]):not([type="color"]),.sgp-pro-field select,.sgp-pro-field textarea{font-size:12px}.sgp-control-head label{font-size:11px}.sgp-pro-fullscreen .sgp-control-group{padding:15px}.sgp-pro-fullscreen .sgp-surface-layout button{min-height:46px}.sgp-pro-fullscreen .sgp-surface-layout button span{font-size:10px}.sgp-pro-fullscreen .sgp-surface-picker{top:18px}.sgp-pro-stage{padding-top:82px}
.sgp-view-controls{position:absolute;right:26px;bottom:22px;z-index:35;display:flex;padding:5px;border:1px solid #d7e2ee;border-radius:11px;background:#fff;box-shadow:0 6px 20px rgba(18,50,84,.09)}.sgp-view-controls button{height:38px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#62778d;font-size:9.5px;font-weight:850;cursor:pointer}.sgp-view-controls button.is-active{background:#eaf4ff;color:#0869d5}
.sgp-quick-actions{margin-bottom:14px;padding:14px;border:1px solid #dce6f0;border-radius:11px;background:#f9fbfd}.sgp-quick-actions>strong{display:block;margin-bottom:10px;color:#28445f;font-size:11px}.sgp-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sgp-quick-grid button{min-height:52px;padding:7px;border:1px solid #d7e2ed;border-radius:9px;background:#fff;color:#1769c6;font-size:16px;cursor:pointer}.sgp-quick-grid button span{display:block;margin-top:3px;color:#506981;font-size:8.5px;font-weight:800}.sgp-quick-actions>label{display:grid;gap:6px;margin-top:12px;color:#5c7085;font-size:9px;font-weight:800}.sgp-quick-actions>label>div{display:flex;gap:6px}.sgp-quick-actions select{min-width:0;flex:1;height:38px;padding:0 8px;border:1px solid #d7e2ed;border-radius:8px;background:#fff;color:#294661;font-size:10px}.sgp-quick-actions>label button{height:38px;padding:0 12px;border:0;border-radius:8px;background:#0c70df;color:#fff;font-size:9px;font-weight:850;cursor:pointer}
.sgp-text-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:-7px 0 15px}.sgp-text-presets button{height:34px;border:1px solid #d5e2ef;border-radius:8px;background:#fff;color:#48637e;font-size:8.5px;font-weight:800;cursor:pointer}.sgp-text-presets button:hover{border-color:#82b4eb;background:#f2f8ff;color:#0869d4}
@media(max-width:1350px){.sgp-pro-fullscreen .sgp-editor-content{grid-template-columns:82px minmax(0,1fr) 320px!important}.sgp-pro-rail{padding:17px 7px}.sgp-pro-rail button{width:64px;min-height:64px}.sgp-pro-properties{padding:17px}}
/* V7 — toolbar completa, forme, sfondi, modelli e livelli */
.sgp-pro-rail{overflow-y:auto;scrollbar-width:none;align-content:center}.sgp-pro-rail::-webkit-scrollbar{display:none}.sgp-pro-rail>small{width:66px;margin:7px 0 -4px;color:#9aa8b8;font-size:7px;font-weight:900;letter-spacing:.14em;text-align:center}.sgp-pro-rail>small:first-child{margin-top:0}.sgp-pro-rail button{position:relative}.sgp-pro-rail button.is-active:after{content:"";position:absolute;right:-13px;top:50%;width:3px;height:28px;border-radius:3px;background:#0b70e8;transform:translateY(-50%)}
.sgp-shape-library{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.sgp-shape-library button{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #d7e3ef;border-radius:11px;background:#fff;color:#35536f;cursor:pointer}.sgp-shape-library button:hover{border-color:#7fb1e8;background:#f4f9ff;color:#096bd6}.sgp-shape-library i{font-size:27px;font-style:normal;line-height:1}.sgp-shape-library span{font-size:9px;font-weight:850}.sgp-shape-fields{padding-top:14px;border-top:1px solid #e3eaf2}
.sgp-shape-layer-preview{position:absolute;z-index:6;box-sizing:border-box;border:2px solid #0b70e8;cursor:move;transform-origin:center}.sgp-shape-layer-preview.is-line{height:0!important;background:transparent!important;border-width:2px 0 0!important}.sgp-shape-layer-preview.is-selected{outline:1px solid #fff;box-shadow:0 0 0 3px rgba(11,112,232,.18)}
.sgp-bg-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.sgp-bg-presets button{position:relative;min-height:52px;padding:0 10px 0 34px;border:1px solid #d8e3ed;border-radius:9px;background:#fff;color:#425d77;font-size:9px;font-weight:800;text-align:left;cursor:pointer}.sgp-bg-presets button:before{content:"";position:absolute;left:10px;top:50%;width:15px;height:15px;border:1px solid #cbd7e3;border-radius:5px;background:var(--c,repeating-linear-gradient(45deg,#edf1f5 0 4px,#fff 4px 8px));transform:translateY(-50%)}.sgp-bg-presets button:hover{border-color:#88b6e7;background:#f7fbff}
.sgp-template-list{display:grid;gap:10px}.sgp-template-list button{padding:15px;border:1px solid #d8e3ed;border-radius:11px;background:#fff;text-align:left;cursor:pointer}.sgp-template-list button:hover{border-color:#7fb1e8;background:#f5faff}.sgp-template-list b{display:block;color:#193a59;font-size:11px}.sgp-template-list span{display:block;margin-top:4px;color:#74869a;font-size:9px;line-height:1.4}
.sgp-layer-list{display:grid;gap:7px}.sgp-layer-row{width:100%;min-height:52px;padding:8px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:8px;border:1px solid #dce5ee;border-radius:9px;background:#fff;text-align:left;cursor:pointer}.sgp-layer-row:hover,.sgp-layer-row.is-active{border-color:#86b5e8;background:#f3f8ff}.sgp-layer-row>i{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#edf5ff;color:#0a6bd6;font-size:15px;font-style:normal}.sgp-layer-row>span{min-width:0}.sgp-layer-row b{display:block;overflow:hidden;color:#294762;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sgp-layer-row small{display:block;margin-top:2px;color:#8a99aa;font-size:7.5px;text-transform:uppercase}.sgp-layer-row em{color:#9babbc;font-style:normal}
.sgp-workspace.hide-grid{background-image:none!important}.sgp-workspace.hide-grid .sgp-safe-area:before,.sgp-workspace.hide-grid .sgp-safe-area:after{display:none}
@media(max-height:850px){.sgp-pro-rail{gap:5px;padding-top:10px}.sgp-pro-rail button{min-height:54px}.sgp-pro-rail>small{margin-top:3px}.sgp-pro-fullscreen .sgp-editor-head{min-height:64px!important}.sgp-editor.sgp-pro-fullscreen.is-open{grid-template-rows:64px minmax(0,1fr)!important}}
/* V8 — fustella tecnica reale + anteprima 2D laterale sincronizzata */
.sgp-pro-preview-2d{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.sgp-pro-preview-2d em{padding:3px 5px;border-radius:5px;background:#edf3f8;color:#7b8da0;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.08em}
.sgp-pro-preview-2d.is-active{border-color:#8dbbea;background:#f0f7ff;color:#0869d4;box-shadow:0 0 0 2px rgba(11,112,232,.07)}
.sgp-pro-preview-2d.is-active em{background:#dff6ec;color:#13835a}
.sgp-dieline-outline{position:absolute;z-index:4;display:block;overflow:visible;pointer-events:none}
.sgp-dieline-outline path{fill:none;vector-effect:non-scaling-stroke}
.sgp-dieline-cut-path{stroke:#086bd6;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.sgp-dieline-fold-path{stroke:#8798aa;stroke-width:1;stroke-dasharray:6 5}
.sgp-die-lip{position:absolute;z-index:3;box-sizing:border-box;border:0;background:transparent;pointer-events:none}
.sgp-die-lip.is-active{background:rgba(11,112,232,.025)}
.sgp-dieline-drawer{
position:absolute;
top:88px;
right:18px;
z-index:48;
width:320px;
max-width:calc(100% - 36px);
border:1px solid #d8e4ef;
border-radius:16px;
background:rgba(255,255,255,.98);
box-shadow:0 18px 52px rgba(18,49,83,.16),0 3px 12px rgba(18,49,83,.08);
overflow:hidden;
opacity:0;
pointer-events:none;
transform:translateX(calc(100% + 28px)) scale(.98);
transform-origin:right top;
transition:transform .24s ease,opacity .18s ease;
backdrop-filter:blur(14px);
}
.sgp-dieline-drawer.is-open{opacity:1;pointer-events:auto;transform:translateX(0) scale(1)}
.sgp-dieline-head{min-height:62px;padding:13px 14px 12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e5edf5;background:linear-gradient(180deg,#fff,#fbfdff)}
.sgp-dieline-head>div{display:grid;gap:2px;min-width:0}
.sgp-dieline-head small{color:#0b70df;font-size:7.5px;font-weight:900;letter-spacing:.12em}
.sgp-dieline-head strong{color:#173653;font-size:13px;font-weight:900}
.sgp-dieline-head button{width:32px;height:32px;flex:none;border:1px solid #dce6ef;border-radius:9px;background:#fff;color:#61758a;font-size:20px;line-height:1;cursor:pointer}
.sgp-dieline-head button:hover{border-color:#9ebfe1;background:#f4f9ff;color:#0a69cd}
.sgp-dieline-canvas-wrap{position:relative;height:258px;margin:12px 12px 0;border:1px solid #e0e9f2;border-radius:12px;background:#f8fbff;overflow:hidden}
.sgp-dieline-canvas-wrap canvas{display:block;width:100%;height:100%;cursor:pointer}
.sgp-dieline-canvas-wrap canvas:hover{background:#f4f9ff}
.sgp-dieline-live{position:absolute;left:9px;top:9px;display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #dce8f2;border-radius:7px;background:rgba(255,255,255,.92);color:#567087;font-size:7.5px;font-weight:850;pointer-events:none}
.sgp-dieline-live i{width:6px;height:6px;border-radius:50%;background:#24a871;box-shadow:0 0 0 3px rgba(36,168,113,.12)}
.sgp-dieline-current{margin:11px 14px 0;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dbe7f2;border-radius:10px;background:#f5f9ff}
.sgp-dieline-current small{color:#7890a7;font-size:7px;font-weight:900;letter-spacing:.1em}
.sgp-dieline-current strong{overflow:hidden;color:#0a66c8;font-size:10px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.sgp-dieline-stats{margin:9px 14px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sgp-dieline-stats>div{min-width:0;padding:9px 10px;border:1px solid #e1eaf3;border-radius:9px;background:#fff}
.sgp-dieline-stats small{display:block;margin-bottom:3px;color:#8a9aab;font-size:6.8px;font-weight:900;letter-spacing:.09em}
.sgp-dieline-stats strong{display:block;overflow:hidden;color:#314e69;font-size:8.5px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.sgp-dieline-legend{margin:10px 14px 0;display:flex;align-items:center;justify-content:space-between;gap:7px;color:#72869a;font-size:7.2px;font-weight:800}
.sgp-dieline-legend span{display:flex;align-items:center;gap:4px;white-space:nowrap}
.sgp-dieline-legend i{display:block;width:15px;height:0;border-top:2px solid #126fd0}
.sgp-dieline-legend i.is-fold{border-top:1px dashed #7b8da1}
.sgp-dieline-legend i.is-active{width:10px;height:7px;border:2px solid #075fc4;border-radius:2px;background:#eef6ff}
.sgp-dieline-actions{padding:12px 14px 14px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px}
.sgp-dieline-actions button{height:38px;border:1px solid #d7e3ee;border-radius:9px;background:#fff;color:#4c657e;font-size:8.5px;font-weight:850;cursor:pointer}
.sgp-dieline-actions button:hover,.sgp-dieline-actions button.is-active{border-color:#8ab7e7;background:#f0f7ff;color:#0869d4}
.sgp-dieline-actions #sgpDielineOpenFull{border-color:#0b70df;background:#0b70df;color:#fff}
.sgp-dieline-actions #sgpDielineOpenFull:hover{border-color:#075dbb;background:#075fbe}
.sgp-pro-stage.has-dieline-preview .sgp-view-controls{right:352px}
@media(max-width:1350px){
.sgp-dieline-drawer{right:12px;width:286px}
.sgp-dieline-canvas-wrap{height:224px}
.sgp-pro-stage.has-dieline-preview .sgp-view-controls{right:318px}
.sgp-dieline-stats{grid-template-columns:1fr}
.sgp-dieline-stats>div:last-child{display:none}
}
@media(max-width:1050px){
.sgp-pro-preview-2d em{display:none}
.sgp-dieline-drawer{top:76px;width:300px}
.sgp-pro-stage.has-dieline-preview .sgp-view-controls{right:26px}
}
@media(max-height:850px){
.sgp-dieline-drawer{top:72px;width:286px}
.sgp-dieline-canvas-wrap{height:190px}
.sgp-dieline-head{min-height:52px;padding-top:9px;padding-bottom:9px}
.sgp-dieline-current{margin-top:8px;padding:7px 9px}
.sgp-dieline-stats{display:none}
.sgp-dieline-actions{padding-top:9px}
}
/* V10 — anteprima tecnica realmente grande e pulsante 3D evidente */
.sgp-dieline-drawer{
top:88px !important;
right:22px !important;
width:min(460px,calc(100% - 44px)) !important;
max-height:calc(100% - 108px) !important;
border-radius:20px !important;
overflow-x:hidden !important;
overflow-y:auto !important;
scrollbar-width:thin;
}
.sgp-dieline-head{
position:sticky;
top:0;
z-index:3;
min-height:74px !important;
padding:16px 18px !important;
}
.sgp-dieline-head small{font-size:8.5px !important}
.sgp-dieline-head strong{font-size:16px !important}
.sgp-dieline-head button{
width:42px !important;
height:42px !important;
border-radius:12px !important;
font-size:22px !important;
}
.sgp-dieline-canvas-wrap{
height:clamp(280px,42vh,390px) !important;
margin:16px 16px 0 !important;
border-radius:15px !important;
}
.sgp-dieline-live{
left:12px !important;
top:12px !important;
padding:6px 9px !important;
font-size:8.5px !important;
}
.sgp-dieline-current{
margin:14px 18px 0 !important;
padding:13px 14px !important;
border-radius:12px !important;
}
.sgp-dieline-current small{font-size:8px !important}
.sgp-dieline-current strong{font-size:12px !important}
.sgp-dieline-stats{
display:grid !important;
grid-template-columns:1fr 1fr !important;
margin:11px 18px 0 !important;
gap:10px !important;
}
.sgp-dieline-stats>div{
display:block !important;
padding:12px !important;
border-radius:11px !important;
}
.sgp-dieline-stats small{font-size:7.5px !important}
.sgp-dieline-stats strong{font-size:10px !important}
.sgp-dieline-legend{
margin:13px 18px 0 !important;
font-size:8.5px !important;
}
.sgp-dieline-actions{
grid-template-columns:96px minmax(0,1fr) !important;
gap:10px !important;
padding:15px 18px 18px !important;
}
.sgp-dieline-actions button{
height:46px !important;
border-radius:11px !important;
font-size:10px !important;
}
.sgp-pro-stage.has-dieline-preview .sgp-view-controls{right:506px !important}
#sgpPreview3D{
border-color:#8dbbea !important;
background:#eef6ff !important;
color:#0768cf !important;
}
#sgpPreview3D:hover{
border-color:#0b70df !important;
background:#0b70df !important;
color:#fff !important;
}
@media(max-width:1500px){
.sgp-dieline-drawer{width:min(410px,calc(100% - 32px)) !important;right:16px !important}
.sgp-dieline-canvas-wrap{height:clamp(270px,38vh,340px) !important}
.sgp-pro-stage.has-dieline-preview .sgp-view-controls{right:450px !important}
}
@media(max-width:1150px){
.sgp-dieline-drawer{width:min(380px,calc(100% - 24px)) !important;right:12px !important}
.sgp-dieline-canvas-wrap{height:clamp(250px,36vh,310px) !important}
.sgp-pro-stage.has-dieline-preview .sgp-view-controls{right:26px !important}
}
@media(max-width:720px){
.sgp-dieline-drawer{top:70px !important;width:calc(100% - 16px) !important;right:8px !important;max-height:calc(100% - 78px) !important}
.sgp-dieline-head{min-height:64px !important;padding:11px 13px !important}
.sgp-dieline-canvas-wrap{height:clamp(240px,40vh,300px) !important;margin:10px 10px 0 !important}
.sgp-dieline-current{margin:10px 12px 0 !important}
.sgp-dieline-stats{margin:9px 12px 0 !important}
.sgp-dieline-legend{margin:10px 12px 0 !important}
.sgp-dieline-actions{padding:12px !important}
}
/* V11 — workspace professionale, icone SVG coerenti e responsive reale */
.sgp-editor.sgp-pro-fullscreen{
--sgp-blue:#0b6fe8;
--sgp-blue-dark:#0759ba;
--sgp-ink:#142f4d;
--sgp-muted:#647b92;
--sgp-line:#dbe5ef;
--sgp-soft:#f3f7fb;
--sgp-card:#fff;
color:var(--sgp-ink);
}
.sgp-editor.sgp-pro-fullscreen.is-open{
grid-template-rows:78px minmax(0,1fr)!important;
}
.sgp-pro-fullscreen .sgp-editor-head{
min-height:78px!important;
padding:0 24px!important;
gap:18px;
box-shadow:0 1px 0 rgba(20,47,77,.03);
}
.sgp-pro-brand{min-width:218px;gap:12px}
.sgp-pro-brand>b{
width:44px!important;
height:44px!important;
border-radius:12px!important;
font-size:23px!important;
box-shadow:0 8px 18px rgba(11,111,232,.20);
}
.sgp-pro-brand strong{font-size:14px!important;letter-spacing:-.015em}
.sgp-pro-brand small{font-size:9px!important;letter-spacing:.13em}
.sgp-pro-fullscreen .sgp-head-copy small{font-size:9px!important}
.sgp-pro-fullscreen .sgp-head-copy strong{font-size:16px!important;line-height:1.25}
.sgp-pro-fullscreen .sgp-head-tools{gap:8px!important;white-space:nowrap}
.sgp-pro-fullscreen .sgp-icon-button,
.sgp-pro-preview{
height:44px!important;
border-radius:11px!important;
}
.sgp-pro-fullscreen .sgp-icon-button{width:44px!important}
.sgp-pro-fullscreen .sgp-icon-button svg,
.sgp-pro-preview svg{
width:18px;
height:18px;
fill:none;
stroke:currentColor;
stroke-width:1.75;
stroke-linecap:round;
stroke-linejoin:round;
}
.sgp-pro-preview{
display:inline-flex!important;
align-items:center;
justify-content:center;
gap:8px;
padding:0 15px!important;
font-size:11px!important;
letter-spacing:.01em;
}
.sgp-pro-preview-2d em{font-size:7.5px!important}
.sgp-pro-fullscreen .sgp-editor-close{min-width:72px}
.sgp-pro-fullscreen .sgp-editor-close:after{font-size:10px!important;letter-spacing:.02em}
.sgp-pro-fullscreen .sgp-editor-content{
grid-template-columns:96px minmax(0,1fr) 380px!important;
background:#f1f5f9!important;
}
.sgp-pro-rail{
padding:18px 10px!important;
gap:7px!important;
border-color:var(--sgp-line)!important;
box-shadow:4px 0 18px rgba(20,47,77,.025);
}
.sgp-pro-rail>small{
width:70px!important;
margin:9px 0 0!important;
font-size:7.5px!important;
letter-spacing:.16em!important;
}
.sgp-pro-rail>small:first-child{margin-top:0!important}
.sgp-pro-rail button{
width:72px!important;
min-height:64px!important;
gap:7px!important;
padding:7px 4px!important;
border-radius:13px!important;
}
.sgp-pro-rail button b{
display:grid;
place-items:center;
width:24px;
height:24px;
font-size:0!important;
}
.sgp-pro-rail button b svg{
width:23px;
height:23px;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
.sgp-pro-rail button span{font-size:9px!important;letter-spacing:.01em}
.sgp-pro-rail button.is-active{
border-color:#b9d5f3!important;
background:linear-gradient(180deg,#f1f8ff,#eaf4ff)!important;
box-shadow:0 5px 15px rgba(11,111,232,.08);
}
.sgp-pro-rail button.is-active:after{right:-12px!important;height:32px!important}
.sgp-pro-stage{
padding:88px 24px 24px!important;
background:
radial-gradient(circle at 50% 42%,rgba(255,255,255,.92) 0,rgba(255,255,255,.42) 32%,rgba(235,241,247,.18) 67%),
#f1f5f9;
}
.sgp-pro-fullscreen .sgp-workspace-shell{
border-radius:18px!important;
background:rgba(255,255,255,.24)!important;
}
.sgp-pro-fullscreen .sgp-surface-picker{
top:18px!important;
width:min(820px,calc(100% - 64px))!important;
border-radius:12px!important;
box-shadow:0 8px 24px rgba(20,47,77,.07)!important;
}
.sgp-pro-fullscreen .sgp-surface-layout button{
min-height:50px!important;
padding:0 12px!important;
}
.sgp-pro-fullscreen .sgp-surface-layout button span{font-size:10px!important}
.sgp-pro-fullscreen .sgp-smartbar{
top:76px!important;
padding:6px!important;
border-radius:12px!important;
box-shadow:0 10px 28px rgba(20,47,77,.12)!important;
}
.sgp-pro-fullscreen .sgp-smartbar button{
width:42px!important;
min-height:38px!important;
border-radius:8px!important;
}
.sgp-pro-fullscreen .sgp-smartbar svg{width:17px!important;height:17px!important}
.sgp-pro-fullscreen .sgp-surface-caption{
left:18px!important;
top:16px!important;
padding:8px 11px!important;
border-radius:9px!important;
font-size:9px!important;
box-shadow:0 5px 18px rgba(20,47,77,.06);
}
.sgp-focus-extreme .sgp-workspace{
box-shadow:0 18px 44px rgba(22,65,110,.10)!important;
}
.sgp-view-controls{
right:26px!important;
bottom:24px!important;
padding:6px!important;
border-radius:13px!important;
}
.sgp-view-controls button{height:42px!important;padding:0 16px!important;font-size:9.5px!important}
.sgp-pro-properties{
padding:22px!important;
border-color:var(--sgp-line)!important;
box-shadow:-5px 0 22px rgba(20,47,77,.025);
}
.sgp-pro-properties-head{
margin-bottom:18px!important;
padding-bottom:16px!important;
}
.sgp-pro-properties-head small{font-size:9px!important}
.sgp-pro-properties-head strong{font-size:21px!important;letter-spacing:-.02em}
.sgp-quick-actions,
.sgp-pro-fullscreen .sgp-control-group,
.sgp-pro-fullscreen .sgp-precision{
border-color:#dce6f0!important;
border-radius:13px!important;
}
.sgp-quick-actions{padding:15px!important;background:#f8fafc!important}
.sgp-quick-actions>strong{font-size:11px!important}
.sgp-quick-grid{gap:8px!important}
.sgp-quick-grid button{
min-height:56px!important;
display:flex!important;
align-items:center;
justify-content:center;
gap:8px;
padding:8px!important;
font-size:0!important;
}
.sgp-quick-grid button svg{
width:18px;
height:18px;
flex:none;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
.sgp-quick-grid button span{
margin:0!important;
font-size:8.5px!important;
line-height:1.25;
text-align:left;
}
.sgp-shape-library i svg,
.sgp-layer-row>i svg{
width:24px;
height:24px;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
.sgp-layer-row>i svg{width:18px;height:18px}
.sgp-quick-actions>label{font-size:9px!important}
.sgp-quick-actions select,.sgp-quick-actions>label button{height:42px!important;font-size:10px!important}
.sgp-pro-fullscreen .sgp-control-group{padding:15px!important}
.sgp-control-head label,.sgp-pro-field{font-size:10.5px!important}
.sgp-pro-field input:not([type="range"]):not([type="color"]),
.sgp-pro-field select,.sgp-pro-field textarea{font-size:12px!important}
.sgp-pro-fullscreen .sgp-editor-footer button{height:44px!important;min-height:44px!important}
.sgp-dieline-drawer{
width:min(460px,calc(100% - 44px))!important;
border-color:#d5e1ec!important;
box-shadow:0 24px 64px rgba(17,48,81,.18),0 4px 14px rgba(17,48,81,.08)!important;
}
.sgp-dieline-head strong{font-size:17px!important}
.sgp-dieline-canvas-wrap{background:#f7faff!important}
/* Desktop ampi e 4K: la UI cresce davvero invece di disperdersi nello spazio. */
@media(min-width:1800px){
.sgp-editor.sgp-pro-fullscreen.is-open{grid-template-rows:88px minmax(0,1fr)!important}
.sgp-pro-fullscreen .sgp-editor-head{min-height:88px!important;padding:0 32px!important}
.sgp-pro-brand{min-width:260px}
.sgp-pro-brand>b{width:48px!important;height:48px!important}
.sgp-pro-brand strong{font-size:15px!important}.sgp-pro-brand small{font-size:10px!important}
.sgp-pro-fullscreen .sgp-head-copy small{font-size:10px!important}.sgp-pro-fullscreen .sgp-head-copy strong{font-size:18px!important}
.sgp-pro-fullscreen .sgp-icon-button,.sgp-pro-preview{height:48px!important}
.sgp-pro-fullscreen .sgp-icon-button{width:48px!important}
.sgp-pro-preview{padding:0 18px!important;font-size:12px!important}
.sgp-pro-fullscreen .sgp-editor-content{grid-template-columns:112px minmax(0,1fr) 440px!important}
.sgp-pro-rail{padding:22px 14px!important;gap:9px!important}
.sgp-pro-rail button{width:82px!important;min-height:72px!important}
.sgp-pro-rail button b svg{width:26px;height:26px}.sgp-pro-rail button span{font-size:10px!important}
.sgp-pro-rail>small{font-size:8px!important}
.sgp-pro-stage{padding:98px 30px 30px!important}
.sgp-pro-fullscreen .sgp-surface-picker{width:min(900px,calc(100% - 80px))!important}
.sgp-pro-fullscreen .sgp-surface-layout button{min-height:56px!important}.sgp-pro-fullscreen .sgp-surface-layout button span{font-size:11px!important}
.sgp-pro-fullscreen .sgp-smartbar{top:86px!important}.sgp-pro-fullscreen .sgp-smartbar button{width:46px!important;min-height:42px!important}
.sgp-pro-properties{padding:28px!important}.sgp-pro-properties-head strong{font-size:24px!important}
.sgp-quick-actions>strong,.sgp-control-head label{font-size:12px!important}
.sgp-quick-grid button span{font-size:9.5px!important}
.sgp-dieline-drawer{top:104px!important;right:28px!important;width:min(500px,calc(100% - 56px))!important}
.sgp-dieline-canvas-wrap{height:clamp(320px,42vh,430px)!important}
.sgp-pro-stage.has-dieline-preview .sgp-view-controls{right:552px!important}
}
/* Notebook e desktop compatti. */
@media(max-width:1279px){
.sgp-editor.sgp-pro-fullscreen.is-open{grid-template-rows:68px minmax(0,1fr)!important}
.sgp-pro-fullscreen .sgp-editor-head{min-height:68px!important;padding:0 14px!important;gap:10px}
.sgp-pro-brand{min-width:170px}.sgp-pro-brand>b{width:38px!important;height:38px!important;font-size:20px!important}
.sgp-pro-brand strong{font-size:12px!important}.sgp-pro-brand small{font-size:7.5px!important}
.sgp-pro-fullscreen .sgp-head-copy{display:none!important}
.sgp-pro-fullscreen .sgp-editor-content{grid-template-columns:76px minmax(0,1fr) 320px!important}
.sgp-pro-rail{padding:12px 5px!important;gap:5px!important}.sgp-pro-rail>small{display:none}
.sgp-pro-rail button{width:60px!important;min-height:55px!important}.sgp-pro-rail button span{font-size:8px!important}
.sgp-pro-rail button.is-active:after{right:-9px!important}
.sgp-pro-stage{padding:78px 14px 16px!important}
.sgp-pro-fullscreen .sgp-surface-picker{top:12px!important;width:min(720px,calc(100% - 28px))!important}
.sgp-pro-fullscreen .sgp-surface-layout button{min-height:44px!important;padding:0 5px!important}.sgp-pro-fullscreen .sgp-surface-layout button span{font-size:8.5px!important}
.sgp-pro-fullscreen .sgp-smartbar{top:61px!important}
.sgp-pro-properties{padding:16px!important}.sgp-pro-properties-head strong{font-size:18px!important}
.sgp-dieline-drawer{top:78px!important}
}
/* Tablet orizzontale: proprietà compatte, strumenti ancora sempre accessibili. */
@media(min-width:761px) and (max-width:980px){
.sgp-pro-brand>span,.sgp-pro-preview-2d em{display:none}
.sgp-pro-brand{min-width:42px}
.sgp-pro-preview{padding:0 10px!important}.sgp-pro-preview span{font-size:9px}
.sgp-pro-fullscreen .sgp-editor-content{grid-template-columns:68px minmax(0,1fr) 286px!important}
.sgp-pro-rail button{width:54px!important;min-height:50px!important}
.sgp-pro-rail button b svg{width:20px;height:20px}.sgp-pro-rail button span{font-size:7.5px!important}
.sgp-pro-properties{padding:12px!important}
.sgp-dieline-drawer{width:min(360px,calc(100% - 20px))!important;right:10px!important}
}
/* Mobile/tablet verticale: stage, proprietà e toolbar diventano tre fasce. */
@media(max-width:760px){
.sgp-editor.sgp-pro-fullscreen.is-open{grid-template-rows:60px minmax(0,1fr)!important}
.sgp-pro-fullscreen .sgp-editor-head{
min-height:60px!important;
padding:0 8px!important;
grid-template-columns:auto minmax(0,1fr)!important;
}
.sgp-pro-brand{min-width:38px}.sgp-pro-brand>span{display:none}.sgp-pro-brand>b{width:36px!important;height:36px!important;border-radius:10px!important}
.sgp-pro-fullscreen .sgp-head-copy{display:none!important}
.sgp-pro-fullscreen .sgp-head-tools{justify-self:end;gap:5px!important;min-width:0;overflow-x:auto;scrollbar-width:none}
.sgp-pro-fullscreen .sgp-head-tools::-webkit-scrollbar{display:none}
.sgp-pro-fullscreen .sgp-icon-button{display:none!important}
.sgp-pro-preview{height:38px!important;padding:0 9px!important;gap:5px!important}.sgp-pro-preview svg{width:16px;height:16px}.sgp-pro-preview span{font-size:8.5px}.sgp-pro-preview-2d em{display:none}
.sgp-pro-fullscreen .sgp-editor-close{display:inline-flex!important;min-width:50px!important;padding:0 9px!important}
.sgp-pro-fullscreen .sgp-editor-content{
grid-template-columns:minmax(0,1fr)!important;
grid-template-rows:minmax(300px,1fr) minmax(210px,36vh) 68px!important;
}
.sgp-pro-stage{grid-column:1!important;grid-row:1!important;padding:68px 8px 10px!important}
.sgp-pro-properties{grid-column:1!important;grid-row:2!important;padding:14px 16px!important;border-top:1px solid var(--sgp-line)!important;border-left:0!important;box-shadow:0 -8px 24px rgba(20,47,77,.05)}
.sgp-pro-properties-head{position:sticky;top:-14px;z-index:4;margin-bottom:12px!important;padding:12px 0!important;background:#fff}.sgp-pro-properties-head strong{font-size:18px!important}
.sgp-pro-rail{grid-column:1!important;grid-row:3!important;flex-direction:row!important;justify-content:flex-start!important;gap:4px!important;padding:7px 8px!important;border-top:1px solid var(--sgp-line)!important;border-right:0!important;overflow-x:auto!important;overflow-y:hidden!important}
.sgp-pro-rail>small{display:none!important}.sgp-pro-rail button{width:60px!important;min-width:60px!important;min-height:52px!important;padding:4px!important;gap:3px!important}.sgp-pro-rail button b svg{width:19px;height:19px}.sgp-pro-rail button span{font-size:7px!important}.sgp-pro-rail button.is-active:after{left:50%!important;right:auto!important;top:auto!important;bottom:-7px!important;width:28px!important;height:3px!important;transform:translateX(-50%)!important}
.sgp-pro-fullscreen .sgp-surface-picker{top:8px!important;width:calc(100% - 12px)!important;overflow-x:auto!important}.sgp-pro-fullscreen .sgp-surface-layout{min-width:500px}.sgp-pro-fullscreen .sgp-surface-layout button{min-height:42px!important}
.sgp-pro-fullscreen .sgp-smartbar{top:53px!important}.sgp-pro-fullscreen .sgp-smartbar button{width:36px!important;min-height:34px!important}
.sgp-pro-fullscreen .sgp-surface-caption{left:8px!important;top:8px!important}
.sgp-view-controls{right:8px!important;bottom:8px!important}.sgp-view-controls button{height:36px!important;padding:0 9px!important;font-size:8px!important}
.sgp-dieline-drawer{top:6px!important;right:6px!important;width:calc(100% - 12px)!important;max-height:calc(100% - 12px)!important;border-radius:16px!important}
.sgp-dieline-canvas-wrap{height:clamp(230px,34vh,300px)!important}
.sgp-pro-stage.has-dieline-preview .sgp-view-controls{right:8px!important}
}
@media(max-width:430px){
.sgp-pro-preview span{display:none}
.sgp-pro-preview{width:38px!important;padding:0!important}
.sgp-pro-fullscreen .sgp-editor-content{grid-template-rows:minmax(270px,1fr) minmax(220px,39vh) 64px!important}
.sgp-pro-stage{padding-top:62px!important}
.sgp-pro-fullscreen .sgp-smartbar{top:49px!important}
.sgp-quick-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-height:720px) and (min-width:761px){
.sgp-editor.sgp-pro-fullscreen.is-open{grid-template-rows:60px minmax(0,1fr)!important}
.sgp-pro-fullscreen .sgp-editor-head{min-height:60px!important}
.sgp-pro-rail{padding-top:7px!important;gap:3px!important}.sgp-pro-rail button{min-height:48px!important}
.sgp-pro-stage{padding-top:70px!important}
.sgp-pro-fullscreen .sgp-surface-picker{top:9px!important}.sgp-pro-fullscreen .sgp-surface-layout button{min-height:42px!important}
.sgp-pro-fullscreen .sgp-smartbar{top:54px!important}
.sgp-dieline-drawer{top:68px!important;max-height:calc(100% - 76px)!important}
}
/* V12 — finestra 2D mobile nello spazio + rail professionale esteso */
.sgp-pro-fullscreen .sgp-editor-content{
grid-template-columns:116px minmax(0,1fr) 390px!important;
}
.sgp-pro-rail{
padding:20px 12px!important;
gap:8px!important;
background:linear-gradient(180deg,#fff 0,#fbfdff 100%)!important;
}
.sgp-pro-rail>small{
width:86px!important;
margin:12px 0 1px!important;
color:#8fa0b3!important;
font-size:8px!important;
}
.sgp-pro-rail button{
width:88px!important;
min-height:68px!important;
border-radius:15px!important;
}
.sgp-pro-rail button b{width:27px!important;height:27px!important}
.sgp-pro-rail button b svg{width:26px!important;height:26px!important;stroke-width:1.65}
.sgp-pro-rail button span{
max-width:100%;
font-size:9.5px!important;
line-height:1.18;
text-align:center;
}
.sgp-pro-rail .sgp-rail-action{
border-color:#e1e9f2;
background:rgba(247,250,253,.72);
}
.sgp-pro-rail .sgp-rail-action:hover{
border-color:#b9d3ef;
background:#eef6ff;
}
.sgp-pro-rail .sgp-rail-action:disabled{opacity:.38;filter:grayscale(.4);cursor:not-allowed;box-shadow:none!important}
.sgp-dieline-drawer{
width:min(var(--sgp-drawer-width,460px),calc(100% - 44px))!important;
will-change:left,top,width;
}
.sgp-dieline-drawer.is-user-positioned{
left:var(--sgp-drawer-left,18px)!important;
top:var(--sgp-drawer-top,88px)!important;
right:auto!important;
}
.sgp-dieline-drawer.is-dragging,
.sgp-dieline-drawer.is-resizing{
transition:none!important;
box-shadow:0 30px 76px rgba(12,43,77,.24),0 4px 16px rgba(12,43,77,.12)!important;
}
.sgp-dieline-head{
cursor:grab;
user-select:none;
touch-action:none;
}
.sgp-dieline-drawer.is-dragging .sgp-dieline-head{cursor:grabbing}
.sgp-dieline-head>div:first-child{display:grid;gap:2px;min-width:0}
.sgp-dieline-drag-hint{
display:flex;
align-items:center;
gap:5px;
margin-top:4px;
color:#8294a7;
font-size:8px;
font-weight:750;
}
.sgp-dieline-drag-hint svg{
width:12px;
height:12px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.sgp-dieline-window-tools{
display:flex!important;
align-items:center;
justify-content:flex-end!important;
gap:6px!important;
flex:none;
cursor:default;
}
.sgp-dieline-window-tools button{
display:grid;
place-items:center;
width:36px!important;
height:36px!important;
padding:0!important;
border-radius:10px!important;
font-size:0!important;
}
.sgp-dieline-window-tools button svg{
width:16px;
height:16px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
#sgpDielineSizeUp{
border-color:#9fc4eb!important;
background:#eff7ff!important;
color:#0968ca!important;
}
#sgpDielineClose{margin-left:2px;color:#64788c!important}
.sgp-dieline-canvas-wrap{
height:clamp(240px,var(--sgp-drawer-canvas-height,390px),560px)!important;
}
.sgp-dieline-resize-handle{
position:absolute;
right:3px;
bottom:3px;
z-index:8;
width:30px;
height:30px;
padding:0;
border:0;
border-radius:8px 0 16px 0;
background:linear-gradient(135deg,transparent 0 48%,rgba(11,111,232,.16) 49% 60%,transparent 61% 67%,rgba(11,111,232,.30) 68% 76%,transparent 77%);
cursor:nwse-resize;
touch-action:none;
}
.sgp-dieline-resize-handle:hover{background-color:#eef6ff}
.sgp-pro-stage.has-floating-dieline .sgp-view-controls{right:26px!important}
/* Da 1600 px il menu diventa un vero pannello a due colonne. */
@media(min-width:1600px){
.sgp-pro-fullscreen .sgp-editor-content{
grid-template-columns:232px minmax(0,1fr) 440px!important;
}
.sgp-pro-rail{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr));
grid-auto-rows:max-content;
align-content:start!important;
justify-items:center;
gap:10px 8px!important;
padding:24px 14px!important;
}
.sgp-pro-rail>small{
grid-column:1/-1;
width:100%!important;
margin:13px 0 0!important;
padding:0 8px;
text-align:left!important;
}
.sgp-pro-rail>small:first-child{margin-top:0!important}
.sgp-pro-rail button{
width:96px!important;
min-height:76px!important;
gap:8px!important;
border-radius:16px!important;
}
.sgp-pro-rail button b svg{width:28px!important;height:28px!important}
.sgp-pro-rail button span{font-size:10px!important}
.sgp-pro-rail button.is-active:after{display:none!important}
.sgp-pro-rail button.is-active{box-shadow:0 8px 22px rgba(11,111,232,.12),inset 0 0 0 1px rgba(11,111,232,.05)}
.sgp-dieline-drawer{
width:min(var(--sgp-drawer-width,520px),calc(100% - 56px))!important;
}
.sgp-dieline-canvas-wrap{height:clamp(260px,var(--sgp-drawer-canvas-height,430px),560px)!important}
}
@media(min-width:2300px){
.sgp-pro-fullscreen .sgp-editor-content{grid-template-columns:252px minmax(0,1fr) 470px!important}
.sgp-pro-rail button{width:105px!important;min-height:82px!important}
.sgp-pro-rail button b svg{width:30px!important;height:30px!important}
.sgp-pro-rail button span{font-size:11px!important}
.sgp-pro-rail>small{font-size:9px!important}
}
@media(max-width:1279px){
.sgp-pro-fullscreen .sgp-editor-content{grid-template-columns:82px minmax(0,1fr) 320px!important}
.sgp-pro-rail{padding:12px 6px!important;gap:5px!important}
.sgp-pro-rail>small{display:none!important}
.sgp-pro-rail button{width:64px!important;min-height:54px!important;border-radius:12px!important}
.sgp-pro-rail button b{width:22px!important;height:22px!important}.sgp-pro-rail button b svg{width:21px!important;height:21px!important}
.sgp-pro-rail button span{font-size:8px!important}
}
@media(min-width:761px) and (max-width:980px){
.sgp-pro-fullscreen .sgp-editor-content{grid-template-columns:70px minmax(0,1fr) 286px!important}
.sgp-pro-rail button{width:56px!important;min-height:50px!important}
}
@media(max-width:760px){
.sgp-pro-fullscreen .sgp-editor-content{
grid-template-columns:minmax(0,1fr)!important;
grid-template-rows:minmax(300px,1fr) minmax(210px,36vh) 70px!important;
}
.sgp-pro-rail{
display:flex!important;
flex-direction:row!important;
padding:8px!important;
gap:5px!important;
}
.sgp-pro-rail button{width:62px!important;min-width:62px!important;min-height:54px!important}
.sgp-dieline-drawer,
.sgp-dieline-drawer.is-user-positioned{
left:auto!important;
right:6px!important;
top:6px!important;
width:calc(100% - 12px)!important;
}
.sgp-dieline-head{cursor:default;touch-action:auto}
.sgp-dieline-drag-hint,.sgp-dieline-resize-handle{display:none!important}
.sgp-dieline-window-tools button{width:34px!important;height:34px!important}
#sgpDielineSizeDown,#sgpDielineSizeUp,#sgpDielineResetWindow{display:none!important}
.sgp-dieline-canvas-wrap{height:clamp(230px,34vh,300px)!important}
}
@media(max-height:820px) and (min-width:761px) and (max-width:1599px){
.sgp-pro-rail button{min-height:48px!important;gap:3px!important}
.sgp-pro-rail button b svg{width:19px!important;height:19px!important}
.sgp-pro-rail button span{font-size:7.5px!important}
}
/* V13 — percorso guidato, preflight e autosalvataggio professionale */
.sgp-save-status{
display:flex;
align-items:center;
gap:5px;
margin-top:3px;
color:#758a9f;
font-size:7.5px;
font-weight:750;
white-space:nowrap;
}
.sgp-save-status svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sgp-save-status em{font-style:normal}
.sgp-save-status.is-saving{color:#7b8795}.sgp-save-status.is-saving svg{animation:sgp-save-pulse 1s infinite}
.sgp-save-status.is-saved{color:#17825b}.sgp-save-status.is-error{color:#b84050}
@keyframes sgp-save-pulse{50%{opacity:.35}}
.sgp-pro-fullscreen .sgp-head-copy{
justify-self:center!important;
width:min(650px,100%)!important;
max-width:650px!important;
}
.sgp-pro-fullscreen .sgp-head-copy>small,
.sgp-pro-fullscreen .sgp-head-copy>strong,
.sgp-pro-fullscreen .sgp-head-copy>#sgpFileMeta{display:none!important}
.sgp-workflow{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
width:100%;
padding:4px;
border:1px solid #dce6f0;
border-radius:13px;
background:#f7f9fc;
box-shadow:inset 0 1px 2px rgba(16,46,78,.025);
}
.sgp-workflow button{
position:relative;
min-width:0;
height:52px;
padding:0 11px;
display:flex;
align-items:center;
gap:8px;
border:0;
border-radius:10px;
background:transparent;
color:#6b8095;
text-align:left;
cursor:pointer;
}
.sgp-workflow button:not(:last-child):after{content:"";position:absolute;right:-1px;top:14px;width:1px;height:24px;background:#e2e8ef}
.sgp-workflow button i{display:grid;place-items:center;width:24px;height:24px;flex:none;border:1px solid #cdd9e5;border-radius:50%;background:#fff;color:#7890a7;font-size:9px;font-style:normal;font-weight:900}
.sgp-workflow button span{display:grid;gap:1px;min-width:0}.sgp-workflow button small{font-size:7px;font-weight:900;letter-spacing:.1em}.sgp-workflow button b{overflow:hidden;font-size:9.5px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.sgp-workflow button.is-active{background:#eaf4ff;color:#0968ce;box-shadow:0 4px 12px rgba(11,111,232,.08)}
.sgp-workflow button.is-active i{border-color:#0b70e8;background:#0b70e8;color:#fff}
.sgp-workflow button.is-done:not(.is-active) i{border-color:#8ad0b5;background:#e9f8f2;color:#16815a;font-size:0}
.sgp-workflow button.is-done:not(.is-active) i:after{content:"✓";font-size:11px}
.sgp-surface-picker.is-attention{animation:sgp-surface-attention .9s ease}
@keyframes sgp-surface-attention{0%,100%{box-shadow:0 8px 24px rgba(20,47,77,.07)}50%{box-shadow:0 0 0 5px rgba(11,112,232,.18),0 12px 30px rgba(11,112,232,.15)}}
.sgp-empty-state{
position:absolute;
left:50%;
top:50%;
z-index:12;
display:none;
width:min(520px,calc(100% - 80px));
padding:30px;
border:1px solid #d6e3ef;
border-radius:22px;
background:rgba(255,255,255,.96);
box-shadow:0 22px 60px rgba(17,49,83,.13);
text-align:center;
transform:translate(-50%,-50%);
backdrop-filter:blur(12px);
}
.sgp-workspace.is-empty + .sgp-empty-state{display:block}
.sgp-empty-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 13px;border-radius:17px;background:#eaf4ff;color:#0a6bd7}
.sgp-empty-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sgp-empty-state>small{color:#0a6bd7;font-size:8px;font-weight:900;letter-spacing:.13em}
.sgp-empty-state>strong{display:block;margin-top:4px;color:#153653;font-size:22px;font-weight:900;letter-spacing:-.025em}
.sgp-empty-state>p{margin:7px 0 18px;color:#71859a;font-size:11px}
.sgp-empty-state>div{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:8px}
.sgp-empty-state button{min-height:50px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d5e2ee;border-radius:11px;background:#fff;color:#42617f;font-size:9px;font-weight:850;cursor:pointer}
.sgp-empty-state button:first-child{border-color:#0b70df;background:#0b70df;color:#fff}.sgp-empty-state button:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,74,135,.11)}
.sgp-empty-state button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sgp-empty-state>em{display:block;margin-top:13px;color:#91a0af;font-size:8px;font-style:normal}
.sgp-preflight[hidden]{display:none!important}
.sgp-preflight{position:fixed;inset:0;z-index:2147483640;display:grid;place-items:center;padding:24px}
.sgp-preflight-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(12,31,52,.54);backdrop-filter:blur(5px);cursor:default}
.sgp-preflight-card{position:relative;width:min(760px,calc(100vw - 36px));max-height:min(820px,calc(100vh - 36px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border:1px solid rgba(255,255,255,.6);border-radius:24px;background:#fff;box-shadow:0 36px 110px rgba(5,23,43,.33);overflow:hidden}
.sgp-preflight-card>header{min-height:86px;padding:18px 22px;display:grid;grid-template-columns:48px minmax(0,1fr) 42px;align-items:center;gap:13px;border-bottom:1px solid #e2eaf2;background:linear-gradient(180deg,#fff,#fbfdff)}
.sgp-preflight-shield{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eaf4ff;color:#0a6bd6}.sgp-preflight-shield svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sgp-preflight-card>header>div{display:grid;gap:3px}.sgp-preflight-card>header small{color:#0b70df;font-size:8px;font-weight:900;letter-spacing:.12em}.sgp-preflight-card>header strong{color:#173653;font-size:20px;font-weight:900}
.sgp-preflight-card>header>button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dce5ee;border-radius:11px;background:#fff;color:#63788d;cursor:pointer}.sgp-preflight-card>header>button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.sgp-preflight-score{padding:18px 22px;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:18px;border-bottom:1px solid #e5ecf3;background:#f7faff}
.sgp-preflight-score>div{min-height:76px;display:grid;place-items:center;align-content:center;border:1px solid #dce7f1;border-radius:15px;background:#fff}.sgp-preflight-score span{font-size:26px;font-weight:950;letter-spacing:-.04em}.sgp-preflight-score small{margin-top:2px;color:#8192a4;font-size:7px;font-weight:900;letter-spacing:.1em}.sgp-preflight-score .is-ok span{color:#16845b}.sgp-preflight-score .is-warn span{color:#b46e0b}.sgp-preflight-score .is-error span{color:#bd3d4e}.sgp-preflight-score p{margin:0;color:#536b82;font-size:12px;font-weight:700;line-height:1.5}
.sgp-preflight-results{padding:17px 22px;display:grid;gap:9px;overflow:auto;background:#fff}
.sgp-preflight-results article{min-height:65px;padding:11px 12px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #e1e9f1;border-radius:12px;background:#fbfdff}.sgp-preflight-results article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px}.sgp-preflight-results article>span svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sgp-preflight-results article strong{display:block;color:#274763;font-size:11px}.sgp-preflight-results article p{margin:3px 0 0;color:#75889b;font-size:9.5px;line-height:1.4}.sgp-preflight-results article>button{height:34px;padding:0 11px;border:1px solid #ceddeb;border-radius:8px;background:#fff;color:#1769c6;font-size:8px;font-weight:850;cursor:pointer}
.sgp-preflight-results article.is-ok>span{background:#e8f7f1;color:#16815a}.sgp-preflight-results article.is-warn>span{background:#fff4df;color:#b36a08}.sgp-preflight-results article.is-error{border-color:#f0cbd1;background:#fff9fa}.sgp-preflight-results article.is-error>span{background:#fdecef;color:#bb3d4d}.sgp-preflight-results article.is-info>span{background:#edf5ff;color:#176bca}
.sgp-preflight-card>footer{padding:17px 22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1.2fr);gap:10px;border-top:1px solid #e1e9f1;background:#f8fafc}.sgp-preflight-card>footer button{height:50px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;font-size:10px;font-weight:900;cursor:pointer}.sgp-preflight-card>footer button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sgp-preflight-fix{border:1px solid #bbd5ef;background:#fff;color:#1267bb}.sgp-preflight-continue{border:1px solid #0b70df;background:#0b70df;color:#fff;box-shadow:0 9px 22px rgba(11,112,223,.18)}.sgp-preflight-continue:disabled{border-color:#cbd7e2;background:#dfe6ed;color:#8b9aaa;box-shadow:none;cursor:not-allowed}
.sgp-dieline-zoom{position:absolute;right:10px;bottom:10px;z-index:4;display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #d8e4ef;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(22,55,89,.09)}
.sgp-dieline-zoom button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:#37617f;cursor:pointer}.sgp-dieline-zoom button:hover{background:#eaf4ff;color:#0868cc}.sgp-dieline-zoom button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.sgp-dieline-zoom output{min-width:42px;color:#61778c;font-size:8px;font-weight:850;text-align:center}
#sgpDielineCanvas.is-panning{cursor:grabbing!important}
.sgp-dieline-drawer.is-minimized{width:min(330px,calc(100% - 44px))!important;max-height:82px!important;overflow:hidden!important}
.sgp-dieline-drawer.is-minimized>:not(.sgp-dieline-head){display:none!important}.sgp-dieline-drawer.is-minimized .sgp-dieline-head{border-bottom:0!important}.sgp-dieline-drawer.is-minimized #sgpDielineSizeDown,.sgp-dieline-drawer.is-minimized #sgpDielineSizeUp,.sgp-dieline-drawer.is-minimized #sgpDielineResetWindow{display:none!important}
@media(max-width:1500px){
.sgp-pro-fullscreen .sgp-head-copy{max-width:500px!important}.sgp-workflow button{padding:0 7px}.sgp-workflow button b{font-size:8.5px}.sgp-workflow button small{font-size:6.5px}
.sgp-preflight-launch span{max-width:110px;white-space:normal;line-height:1.15;text-align:left}
}
@media(max-width:1279px){
.sgp-pro-fullscreen .sgp-head-copy{display:none!important}.sgp-save-status{display:none}
}
@media(max-width:760px){
.sgp-empty-state{width:calc(100% - 28px);padding:20px 16px;border-radius:17px}.sgp-empty-state>strong{font-size:18px}.sgp-empty-state>div{grid-template-columns:1fr}.sgp-empty-state button{min-height:44px}
.sgp-preflight{padding:8px}.sgp-preflight-card{width:100%;max-height:calc(100vh - 16px);border-radius:17px}.sgp-preflight-card>header{min-height:70px;padding:12px;grid-template-columns:40px minmax(0,1fr) 36px}.sgp-preflight-shield{width:40px;height:40px}.sgp-preflight-card>header strong{font-size:16px}.sgp-preflight-score{padding:12px;grid-template-columns:88px minmax(0,1fr);gap:10px}.sgp-preflight-score>div{min-height:64px}.sgp-preflight-score span{font-size:22px}.sgp-preflight-score p{font-size:10px}.sgp-preflight-results{padding:10px}.sgp-preflight-results article{grid-template-columns:30px minmax(0,1fr)}.sgp-preflight-results article>button{grid-column:2;justify-self:start}.sgp-preflight-card>footer{padding:10px;grid-template-columns:1fr}.sgp-preflight-card>footer button{height:46px}
.sgp-dieline-zoom{right:6px;bottom:6px}.sgp-dieline-zoom button{width:28px;height:28px}
}
/* V14 — guida rapida contestuale, persistente e responsive */
.sgp-pro-fullscreen .sgp-context-guide{
position:fixed!important;
left:252px!important;
right:auto!important;
bottom:24px!important;
top:auto!important;
z-index:2147483300!important;
width:min(440px,calc(100vw - 720px))!important;
min-width:360px!important;
max-width:440px!important;
max-height:none!important;
margin:0!important;
padding:0!important;
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
gap:0!important;
overflow:hidden!important;
border:1px solid rgba(170,199,228,.9)!important;
border-radius:18px!important;
background:rgba(255,255,255,.98)!important;
color:#173a5d!important;
box-shadow:0 22px 62px rgba(13,45,78,.22),0 4px 14px rgba(13,45,78,.08)!important;
opacity:0!important;
visibility:hidden!important;
transform:translateY(18px) scale(.975)!important;
transform-origin:bottom left!important;
pointer-events:none!important;
backdrop-filter:blur(18px)!important;
transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s linear .26s!important;
}
.sgp-pro-fullscreen .sgp-context-guide.is-open{
opacity:1!important;
visibility:visible!important;
transform:translateY(0) scale(1)!important;
pointer-events:auto!important;
transition-delay:0s!important;
}
.sgp-guide-head{
min-height:66px;
padding:12px 12px 11px 14px;
display:grid;
grid-template-columns:42px minmax(0,1fr) 36px;
align-items:center;
gap:11px;
border-bottom:1px solid #e4edf6;
background:linear-gradient(135deg,#f5faff 0%,#eef6ff 62%,#f9fcff 100%);
}
.sgp-guide-head .sgp-guide-icon{
width:42px;
height:42px;
border-radius:13px;
background:#0b70df;
color:#fff;
box-shadow:0 8px 18px rgba(11,112,223,.22);
}
.sgp-guide-head .sgp-guide-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sgp-guide-head>div{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}
.sgp-guide-head small{color:#0a69ce;font-size:8.5px;font-weight:950;letter-spacing:.12em}
.sgp-guide-head>div>span{padding:5px 8px;border:1px solid #cfe1f3;border-radius:999px;background:#fff;color:#658099;font-size:7.5px;font-weight:850;white-space:nowrap}
.sgp-guide-head #sgpGuideClose{
width:36px!important;
height:36px!important;
padding:0!important;
display:grid!important;
place-items:center!important;
border:1px solid #d5e3f0!important;
border-radius:10px!important;
background:#fff!important;
color:#607990!important;
cursor:pointer!important;
}
.sgp-guide-head #sgpGuideClose:hover{border-color:#aac8e6!important;background:#f7fbff!important;color:#0a69ce!important}
.sgp-guide-head #sgpGuideClose svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sgp-pro-fullscreen .sgp-context-guide .sgp-guide-copy{padding:16px 18px 14px;display:grid;gap:6px}
.sgp-pro-fullscreen .sgp-context-guide .sgp-guide-copy strong{color:#173a5d;font-size:15px;font-weight:900;line-height:1.25;letter-spacing:-.015em}
.sgp-pro-fullscreen .sgp-context-guide .sgp-guide-copy p{margin:0;color:#5e758b;font-size:11.5px;font-weight:650;line-height:1.52}
.sgp-context-guide>footer{
min-height:48px;
padding:9px 12px 9px 18px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
border-top:1px solid #e8eef5;
background:#fbfdff;
}
.sgp-context-guide>footer>span{display:flex;align-items:center;gap:7px;color:#72869a;font-size:8px;font-weight:750;line-height:1.3}
.sgp-context-guide>footer>span i{width:8px;height:8px;flex:none;border:2px solid #b7ead6;border-radius:50%;background:#19ad78;box-shadow:0 0 0 3px #e7f8f1}
#sgpGuideDismiss{height:30px;padding:0 11px;border:1px solid #d3e1ee;border-radius:8px;background:#fff;color:#37627f;font-size:8px;font-weight:850;white-space:nowrap;cursor:pointer}
#sgpGuideDismiss:hover{border-color:#a9c8e7;background:#f3f9ff;color:#0869cf}
.sgp-context-guide.is-updated .sgp-guide-icon{animation:sgp-guide-icon-pulse .52s ease}
.sgp-context-guide.is-updated{animation:sgp-guide-card-pulse .52s ease}
@keyframes sgp-guide-icon-pulse{0%,100%{transform:scale(1)}45%{transform:scale(1.12);box-shadow:0 0 0 8px rgba(11,112,223,.11),0 8px 18px rgba(11,112,223,.22)}}
@keyframes sgp-guide-card-pulse{0%,100%{border-color:rgba(170,199,228,.9)}45%{border-color:#5ba0e5}}
@media(min-width:2300px){
.sgp-pro-fullscreen .sgp-context-guide{left:276px!important;bottom:32px!important;width:470px!important;max-width:470px!important}
.sgp-pro-fullscreen .sgp-context-guide .sgp-guide-copy strong{font-size:16px}.sgp-pro-fullscreen .sgp-context-guide .sgp-guide-copy p{font-size:12.5px}
}
@media(min-width:1280px) and (max-width:1599px){
.sgp-pro-fullscreen .sgp-context-guide{left:100px!important;width:400px!important;min-width:340px!important;max-width:400px!important}
}
@media(min-width:761px) and (max-width:1279px){
.sgp-pro-fullscreen .sgp-context-guide{left:90px!important;bottom:18px!important;width:min(390px,calc(100vw - 430px))!important;min-width:310px!important}
}
@media(max-width:760px){
.sgp-pro-fullscreen .sgp-context-guide{
left:10px!important;
right:10px!important;
bottom:80px!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
border-radius:15px!important;
transform-origin:bottom center!important;
}
.sgp-guide-head{min-height:58px;padding:9px 9px 9px 11px;grid-template-columns:38px minmax(0,1fr) 34px;gap:8px}.sgp-guide-head .sgp-guide-icon{width:38px;height:38px;border-radius:11px}
.sgp-guide-head>div{display:grid;justify-content:start;gap:2px}.sgp-guide-head>div>span{padding:0;border:0;background:transparent;font-size:7px}
.sgp-pro-fullscreen .sgp-context-guide .sgp-guide-copy{padding:13px 14px 12px}.sgp-pro-fullscreen .sgp-context-guide .sgp-guide-copy strong{font-size:13px}.sgp-pro-fullscreen .sgp-context-guide .sgp-guide-copy p{font-size:10px;line-height:1.45}
.sgp-context-guide>footer{min-height:42px;padding:7px 9px 7px 14px}.sgp-context-guide>footer>span{font-size:7px}
}
@media(max-height:720px) and (min-width:761px){
.sgp-pro-fullscreen .sgp-context-guide{bottom:12px!important}.sgp-guide-head{min-height:56px;padding-top:8px;padding-bottom:8px}.sgp-pro-fullscreen .sgp-context-guide .sgp-guide-copy{padding-top:11px;padding-bottom:10px}.sgp-context-guide>footer{min-height:42px;padding-top:6px;padding-bottom:6px}
}
@media(prefers-reduced-motion:reduce){.sgp-context-guide,.sgp-context-guide *{animation:none!important;transition:none!important}}
/* V15 — navigazione canvas, livelli avanzati e guide produttive */
.sgp-canvas-nav{
position:absolute;
left:50%;
bottom:24px;
z-index:42;
min-height:48px;
padding:5px;
display:flex;
align-items:center;
gap:3px;
border:1px solid #d5e2ee;
border-radius:14px;
background:rgba(255,255,255,.96);
box-shadow:0 10px 30px rgba(15,48,82,.13);
transform:translateX(-50%);
backdrop-filter:blur(14px);
}
.sgp-canvas-nav button{height:38px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:9px;background:transparent;color:#4c6a85;font-size:8px;font-weight:850;white-space:nowrap;cursor:pointer}
.sgp-canvas-nav button:hover,.sgp-canvas-nav button.is-active{background:#eaf4ff;color:#086bd4}.sgp-canvas-nav button.is-active{box-shadow:inset 0 0 0 1px #c4ddf5}
.sgp-canvas-nav button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sgp-canvas-nav>i{width:1px;height:24px;margin:0 2px;background:#dfe7ef}
.sgp-canvas-nav output{min-width:44px;color:#48647e;font-size:8px;font-weight:900;text-align:center}
#sgpStageZoomOut,#sgpStageZoomIn{width:34px;padding:0}.sgp-workspace-shell.is-pan-tool,.sgp-workspace-shell.is-space-pan{cursor:grab}.sgp-workspace-shell.is-panning{cursor:grabbing!important}.sgp-workspace-shell.is-pan-tool *,.sgp-workspace-shell.is-space-pan *{cursor:inherit!important}
.sgp-bleed-zone{
position:absolute;
z-index:3;
border:1px dashed #27a9cf;
background:repeating-linear-gradient(135deg,rgba(35,179,214,.09) 0 7px,rgba(35,179,214,.025) 7px 14px);
pointer-events:none;
}
.sgp-bleed-zone>span{position:absolute;left:8px;top:7px;padding:4px 7px;border:1px solid #b9e5ef;border-radius:6px;background:rgba(245,253,255,.94);color:#1683a4;font-size:7px;font-weight:950;letter-spacing:.08em;white-space:nowrap}
.sgp-pro-fullscreen .sgp-workspace.show-cut-guide{border:2px solid #0870e7!important;box-shadow:0 0 0 1px rgba(255,255,255,.85),0 8px 26px rgba(16,75,139,.08)!important}
.sgp-pro-fullscreen .sgp-safe-area{display:block;border:1px dashed #dd8a17!important;background:rgba(255,175,47,.025)}
.sgp-pro-fullscreen .sgp-workspace.hide-safe-area .sgp-safe-area{display:none!important}
.sgp-safe-area>em{position:absolute;right:5px;top:5px;padding:3px 5px;border-radius:5px;background:rgba(255,249,237,.92);color:#aa6710;font-size:6.5px;font-style:normal;font-weight:900;letter-spacing:.07em;white-space:nowrap}
.sgp-production-summary{padding:13px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;border:1px solid #d8e6f2;border-radius:13px;background:linear-gradient(145deg,#f5faff,#fbfdff)}
.sgp-production-summary>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e7f3ff;color:#096bd5}.sgp-production-summary svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sgp-production-summary>div{display:grid;gap:2px}.sgp-production-summary small{color:#0a6bd4;font-size:7px;font-weight:950;letter-spacing:.12em}.sgp-production-summary strong{color:#244562;font-size:13px;font-weight:900}.sgp-production-summary p{margin:2px 0 0;color:#718599;font-size:8.5px;line-height:1.4}
.sgp-production-toggle{min-height:58px;margin-top:10px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dfe8f1;border-radius:11px;background:#fff;cursor:pointer}
.sgp-production-toggle>span{display:grid;grid-template-columns:12px minmax(0,1fr);column-gap:8px;align-items:center}.sgp-production-toggle i{grid-row:1/3;width:10px;height:10px;border-radius:3px}.sgp-production-toggle i.is-bleed{border:1px dashed #229dc1;background:#e2f7fb}.sgp-production-toggle i.is-cut{border:2px solid #0870e7;background:#fff}.sgp-production-toggle i.is-safe{border:1px dashed #dd8a17;background:#fff5e5}.sgp-production-toggle b{color:#36536e;font-size:9.5px}.sgp-production-toggle small{color:#8999a9;font-size:7.5px}.sgp-production-toggle input{width:17px;height:17px;accent-color:#0a70df}
.sgp-production-toggle+.sgp-pro-field{margin:7px 0 2px;padding:10px 11px;border:1px solid #e1e9f1;border-radius:10px;background:#f9fbfd}
.sgp-production-tip{margin-top:12px;padding:11px;display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;border:1px solid #cfe2f5;border-radius:11px;background:#eef7ff;color:#47718f}.sgp-production-tip svg{width:19px;height:19px;fill:none;stroke:#0a6ed8;stroke-width:1.8}.sgp-production-tip p{margin:0;font-size:8.5px;line-height:1.45}.sgp-production-tip b{color:#245171}
.sgp-layer-list{gap:9px!important}.sgp-layer-row{position:relative;width:100%;min-height:92px;padding:8px!important;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;grid-template-rows:auto auto;align-items:center;gap:6px 7px!important;border:1px solid #dce6ef!important;border-radius:12px!important;background:#fff!important;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease}
.sgp-layer-row:hover,.sgp-layer-row.is-active{border-color:#8cb9e8!important;background:#f8fbff!important}.sgp-layer-row.is-active{box-shadow:0 6px 18px rgba(12,95,180,.08)}.sgp-layer-row.is-hidden{opacity:.58}.sgp-layer-row.is-locked:after{content:"BLOCCATO";position:absolute;right:8px;top:7px;color:#8b6b2a;font-size:5.5px;font-weight:950;letter-spacing:.09em}.sgp-layer-row.is-dragging{opacity:.35}.sgp-layer-row.is-drop-target{border-color:#0870df!important;box-shadow:0 0 0 3px rgba(8,112,223,.11)!important}
.sgp-layer-drag{grid-column:1;grid-row:1;width:24px;height:42px;padding:0;border:0;border-radius:7px;background:transparent;color:#9aabbc;font-size:12px;letter-spacing:-3px;cursor:grab}.sgp-layer-drag:active{cursor:grabbing}.sgp-layer-select{grid-column:2;grid-row:1;min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;border-radius:8px;cursor:pointer;outline:none}.sgp-layer-select:focus-visible{box-shadow:0 0 0 2px #8fc1ef}
.sgp-layer-select>i{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#edf5ff;color:#0a6bd6}.sgp-layer-select>i svg{width:18px!important;height:18px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sgp-layer-select>span{min-width:0;display:grid;gap:2px}.sgp-layer-name{width:100%;height:23px;padding:0 5px;border:1px solid transparent;border-radius:5px;background:transparent;color:#294762;font:800 9.5px/1.2 Inter,"Segoe UI",Arial,sans-serif;text-overflow:ellipsis}.sgp-layer-name:hover,.sgp-layer-name:focus{border-color:#c9ddf0;background:#fff;outline:none}.sgp-layer-select small{padding-left:5px;color:#899aab;font-size:6.5px;font-weight:850;letter-spacing:.08em}
.sgp-layer-actions{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.sgp-layer-actions button{height:30px;padding:0;display:grid;place-items:center;border:1px solid #e0e8f0;border-radius:7px;background:#fff;color:#58738c;cursor:pointer}.sgp-layer-actions button:hover{border-color:#aed0ef;background:#edf6ff;color:#0869d1}.sgp-layer-actions button:last-child:hover{border-color:#f0bfc6;background:#fff1f3;color:#c13e50}.sgp-layer-actions button:disabled{opacity:.3;cursor:not-allowed}.sgp-layer-actions svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sgp-object.is-locked,.sgp-text-layer-preview.is-locked,.sgp-shape-layer-preview.is-locked{cursor:not-allowed!important}.sgp-object.is-locked .sgp-handle{display:none!important}
@media(min-width:2300px){.sgp-canvas-nav{bottom:32px;min-height:54px;padding:6px}.sgp-canvas-nav button{height:42px;font-size:9px}.sgp-canvas-nav button svg{width:18px;height:18px}.sgp-layer-row{min-height:100px;padding:10px!important}.sgp-layer-actions button{height:34px}}
@media(max-width:1279px){.sgp-canvas-nav button span{display:none}.sgp-canvas-nav button{width:36px;padding:0}.sgp-canvas-nav{bottom:18px}.sgp-canvas-nav output{min-width:38px}.sgp-pro-rail button[data-sgp-tool="production"] span{font-size:7px!important}}
@media(max-width:760px){
.sgp-canvas-nav{left:50%;bottom:8px;max-width:calc(100% - 16px);min-height:44px;padding:4px;border-radius:12px}.sgp-canvas-nav button{width:31px;height:34px}.sgp-canvas-nav button svg{width:14px;height:14px}.sgp-canvas-nav output{min-width:32px;font-size:7px}.sgp-canvas-nav>i{height:20px;margin:0}
.sgp-view-controls{bottom:58px!important}.sgp-pro-fullscreen .sgp-context-guide{bottom:108px!important}
.sgp-bleed-zone>span,.sgp-safe-area>em{display:none}.sgp-production-summary{grid-template-columns:36px minmax(0,1fr)}.sgp-production-summary>span{width:36px;height:36px}
}
@media(max-height:720px) and (min-width:761px){.sgp-canvas-nav{bottom:10px}.sgp-view-controls{bottom:10px!important}}
/* V16 — immagini multiple, tipografia pro e selezione diretta dal 3D */
.sgp-add-image-layer{width:100%;min-height:42px;margin:0 0 11px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #a9cff3;border-radius:11px;background:linear-gradient(180deg,#f8fcff,#edf6ff);color:#086bd5;font:900 9px/1 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}.sgp-add-image-layer:hover{border-color:#6eafe9;background:#e5f2ff}.sgp-add-image-layer svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.sgp-image-layer-preview{position:absolute;display:block;max-width:none!important;object-fit:fill;cursor:pointer;user-select:none;transform-origin:center;filter:drop-shadow(0 2px 3px rgba(15,45,76,.08))}.sgp-image-layer-preview:hover{outline:2px solid rgba(8,112,231,.72);outline-offset:2px}
/* V18 — finiture produttive realistiche e vista pulita */
.sgp-clean-preview{gap:7px!important}.sgp-clean-preview.is-active{border-color:#84b9ec!important;background:linear-gradient(180deg,#eff7ff,#e4f1ff)!important;color:#0869d4!important;box-shadow:0 0 0 2px rgba(8,112,231,.08)!important}.sgp-clean-preview.is-active svg{filter:drop-shadow(0 2px 4px rgba(8,105,212,.18))}
.sgp-finish-simulation{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;margin:12px 0;padding:13px;border:1px solid #d6e5f3;border-radius:13px;background:linear-gradient(145deg,#fbfdff,#f1f7fd)}.sgp-finish-simulation>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#fff3c4,#f5cf56);color:#806000;box-shadow:inset 0 1px rgba(255,255,255,.7)}.sgp-finish-simulation svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sgp-finish-simulation>div{min-width:0}.sgp-finish-simulation small{display:block;color:#0870da;font-size:7px;font-weight:950;letter-spacing:.11em}.sgp-finish-simulation strong{display:block;margin-top:3px;color:#173d60;font-size:12px;font-weight:900}.sgp-finish-simulation p{margin:4px 0 0;color:#6f8499;font-size:8px;line-height:1.45}
#fcThreeWrap{position:relative}.sgp-3d-finish-badge{position:absolute;left:18px;top:18px;z-index:34;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;max-width:min(340px,calc(100% - 36px));padding:10px 13px;border:1px solid rgba(160,191,218,.78);border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 12px 34px rgba(19,48,78,.13);backdrop-filter:blur(12px);pointer-events:none;animation:sgpFinishBadgeIn .28s ease both}.sgp-3d-finish-badge[hidden]{display:none!important}.sgp-3d-finish-badge>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e9f4ff;color:#0870dd;font-size:17px;font-weight:900}.sgp-3d-finish-badge small{display:block;color:#0870dc;font-size:7px;font-weight:950;letter-spacing:.12em}.sgp-3d-finish-badge strong{display:block;margin-top:2px;color:#183c5e;font-size:12px;font-weight:900}.sgp-3d-finish-badge p{margin:2px 0 0;color:#667e94;font-size:8px;line-height:1.35}.sgp-3d-finish-badge.is-hotfoil-metal>span{background:linear-gradient(145deg,#fff5c7,#e2b43b);color:#725000;box-shadow:inset 0 1px rgba(255,255,255,.8),0 5px 13px rgba(174,127,20,.2)}.sgp-3d-finish-badge.is-hotfoil-black>span{background:linear-gradient(145deg,#474b53,#111318);color:#fff}.sgp-3d-finish-badge.is-screen>span{background:linear-gradient(145deg,#eaf4ff,#d8eaff);color:#0870dd}.sgp-3d-finish-badge.is-offset>span{background:linear-gradient(145deg,#f4efff,#e4dcff);color:#6546da}@keyframes sgpFinishBadgeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.sgp-pro-fullscreen.is-clean-preview .sgp-editor-content{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}.sgp-pro-fullscreen.is-clean-preview .sgp-pro-rail,.sgp-pro-fullscreen.is-clean-preview .sgp-pro-properties,.sgp-pro-fullscreen.is-clean-preview .sgp-surface-picker,.sgp-pro-fullscreen.is-clean-preview .sgp-smartbar,.sgp-pro-fullscreen.is-clean-preview .sgp-canvas-nav,.sgp-pro-fullscreen.is-clean-preview .sgp-view-controls,.sgp-pro-fullscreen.is-clean-preview .sgp-dieline-drawer,.sgp-pro-fullscreen.is-clean-preview .sgp-dieline-outline,.sgp-pro-fullscreen.is-clean-preview .sgp-die-region,.sgp-pro-fullscreen.is-clean-preview .sgp-die-lip,.sgp-pro-fullscreen.is-clean-preview .sgp-bleed-zone,.sgp-pro-fullscreen.is-clean-preview .sgp-context-guide,.sgp-pro-fullscreen.is-clean-preview .sgp-workspace-hint,.sgp-pro-fullscreen.is-clean-preview .sgp-surface-caption,.sgp-pro-fullscreen.is-clean-preview .sgp-safe-area,.sgp-pro-fullscreen.is-clean-preview .sgp-guide,.sgp-pro-fullscreen.is-clean-preview .sgp-object-size,.sgp-pro-fullscreen.is-clean-preview .sgp-handle,.sgp-pro-fullscreen.is-clean-preview .sgp-rotate-handle{display:none!important}.sgp-pro-fullscreen.is-clean-preview .sgp-pro-stage{grid-column:1!important;grid-row:1!important;padding:18px!important;background:radial-gradient(circle at 50% 42%,#fff 0,#f6f9fc 55%,#eef3f8 100%)!important}.sgp-pro-fullscreen.is-clean-preview .sgp-workspace-shell{grid-column:1!important;width:100%!important;height:100%!important}.sgp-pro-fullscreen.is-clean-preview .sgp-workspace{background-image:none!important;border-color:rgba(158,178,198,.5)!important;box-shadow:0 18px 50px rgba(31,57,84,.12)!important}.sgp-pro-fullscreen.is-clean-preview .sgp-object,.sgp-pro-fullscreen.is-clean-preview .sgp-image-layer-preview,.sgp-pro-fullscreen.is-clean-preview .sgp-text-layer-preview,.sgp-pro-fullscreen.is-clean-preview .sgp-shape-layer-preview{cursor:default!important;pointer-events:none!important;outline:none!important}.sgp-pro-fullscreen.is-clean-preview .is-selected{outline:none!important;box-shadow:none!important}
@media(max-width:760px){.sgp-3d-finish-badge{left:10px;top:10px;grid-template-columns:32px minmax(0,1fr);max-width:calc(100% - 20px);padding:8px 10px;border-radius:11px}.sgp-3d-finish-badge>span{width:32px;height:32px}.sgp-3d-finish-badge small{font-size:6px}.sgp-3d-finish-badge strong{font-size:10px}.sgp-3d-finish-badge p{font-size:7px}.sgp-pro-fullscreen.is-clean-preview .sgp-pro-stage{padding:8px!important}}
/* V18.1 — preflight produttivo avanzato */
.sgp-preflight-score{grid-template-rows:auto auto}.sgp-preflight-rules{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:3px;padding:10px 12px;border:1px solid #dbe7f2;border-radius:11px;background:#fff}.sgp-preflight-rules>span{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.sgp-preflight-rules small{margin:0 4px 0 0;color:#1671cf;font-size:7px;font-weight:950;letter-spacing:.1em}.sgp-preflight-rules b{padding:5px 7px;border-radius:7px;background:#eef6ff;color:#285c89;font-size:7.5px;font-weight:850;white-space:nowrap}.sgp-preflight-rules em{max-width:230px;color:#7a8da0;font-size:7px;font-style:normal;line-height:1.35;text-align:right}
.sgp-preflight-filters{position:sticky;top:-17px;z-index:3;display:flex;align-items:center;gap:6px;margin:-17px -22px 3px;padding:11px 22px;border-bottom:1px solid #e2eaf2;background:rgba(255,255,255,.96);backdrop-filter:blur(9px)}.sgp-preflight-filters button{height:31px;padding:0 9px;border:1px solid #d7e3ee;border-radius:8px;background:#fff;color:#617990;font-size:7.5px;font-weight:850;cursor:pointer;white-space:nowrap}.sgp-preflight-filters button b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 4px;border-radius:6px;background:#edf3f8;color:#46657f;font-size:7px}.sgp-preflight-filters button.is-active{border-color:#91bee9;background:#edf6ff;color:#096bd4;box-shadow:0 0 0 2px rgba(9,107,212,.06)}.sgp-preflight-filters button.is-active b{background:#0b70df;color:#fff}
.sgp-preflight-results article[hidden]{display:none!important}.sgp-preflight-results article>div{min-width:0}.sgp-preflight-results article>div>em{display:inline-block;margin-top:6px;padding:3px 6px;border-radius:5px;background:#edf3f8;color:#698096;font-size:6.5px;font-style:normal;font-weight:850;letter-spacing:.06em}.sgp-preflight-results article.is-error>div>em{background:#fdecef;color:#ae3c4b}.sgp-preflight-results article.is-warn>div>em{background:#fff4df;color:#9c630d}.sgp-preflight-results article>button{min-width:82px}.sgp-preflight-results article>button:hover{border-color:#7eafe1;background:#edf6ff}
@media(max-width:760px){.sgp-preflight-rules{grid-template-columns:1fr;gap:7px}.sgp-preflight-rules em{max-width:none;text-align:left}.sgp-preflight-filters{top:-10px;margin:-10px -10px 2px;padding:8px 10px;overflow-x:auto;scrollbar-width:none}.sgp-preflight-filters::-webkit-scrollbar{display:none}.sgp-preflight-filters button{flex:none}.sgp-preflight-results article>button{min-width:0}.sgp-preflight-rules b{font-size:7px}}
/* V18.2 — riepilogo cinque facce e approvazione avvisi */
.sgp-preflight-card{width:min(980px,calc(100vw - 36px));grid-template-rows:auto auto auto minmax(0,1fr) auto}.sgp-preflight-score .is-accepted span{color:#0870d8}
.sgp-preflight-faces{padding:13px 22px;border-bottom:1px solid #e2eaf2;background:#fbfdff}.sgp-preflight-faces>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:9px}.sgp-preflight-faces>header div{display:grid;gap:1px}.sgp-preflight-faces>header small{color:#0a70dc;font-size:7px;font-weight:950;letter-spacing:.11em}.sgp-preflight-faces>header strong{color:#244562;font-size:12px;font-weight:900}.sgp-preflight-faces>header>span{color:#7b8ea1;font-size:7px}.sgp-preflight-faces>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.sgp-preflight-faces button{position:relative;min-width:0;min-height:62px;padding:9px 8px;display:grid;grid-template-columns:9px minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;border:1px solid #dce6ef;border-radius:10px;background:#fff;text-align:left;cursor:pointer;transition:.16s ease}.sgp-preflight-faces button:hover{border-color:#86b5e4;transform:translateY(-1px);box-shadow:0 6px 14px rgba(23,75,126,.08)}.sgp-preflight-faces button>i{grid-row:1/3;align-self:start;width:8px;height:8px;margin-top:3px;border-radius:50%;background:#9eacb9;box-shadow:0 0 0 3px #eef2f5}.sgp-preflight-faces button>span{min-width:0}.sgp-preflight-faces button strong{display:block;overflow:hidden;color:#294863;font-size:8px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.sgp-preflight-faces button small{display:block;margin-top:3px;overflow:hidden;color:#7c8fa1;font-size:6.7px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.sgp-preflight-faces button>em{grid-column:2;justify-self:start;margin-top:5px;padding:3px 5px;border-radius:5px;background:#edf2f6;color:#73879a;font-size:6px;font-style:normal;font-weight:900;text-transform:uppercase}.sgp-preflight-faces button.is-ready>i{background:#18a06d;box-shadow:0 0 0 3px #e4f6ef}.sgp-preflight-faces button.is-ready>em{background:#e4f6ef;color:#14805a}.sgp-preflight-faces button.is-warn{border-color:#eddaa9;background:#fffdfa}.sgp-preflight-faces button.is-warn>i{background:#d68a13;box-shadow:0 0 0 3px #fff1d8}.sgp-preflight-faces button.is-warn>em{background:#fff0d4;color:#9a620c}.sgp-preflight-faces button.is-error{border-color:#edc8cf;background:#fffafb}.sgp-preflight-faces button.is-error>i{background:#c94353;box-shadow:0 0 0 3px #fce9ed}.sgp-preflight-faces button.is-error>em{background:#fce8ec;color:#aa3545}.sgp-preflight-faces button.is-accepted>i{background:#0873df;box-shadow:0 0 0 3px #e4f1ff}.sgp-preflight-faces button.is-accepted>em{background:#e7f3ff;color:#0969c8}.sgp-preflight-faces button.is-empty{opacity:.78}
.sgp-preflight-result-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.sgp-preflight-result-actions>button{height:34px;padding:0 10px;border:1px solid #ceddeb;border-radius:8px;background:#fff;color:#1769c6;font-size:8px;font-weight:850;cursor:pointer;white-space:nowrap}.sgp-warning-accept{height:34px;padding:0 9px;display:flex;align-items:center;gap:6px;border:1px solid #e5c888;border-radius:8px;background:#fffaf0;color:#8b5d11;font-size:7.5px;font-weight:850;cursor:pointer;white-space:nowrap}.sgp-warning-accept input{width:14px;height:14px;margin:0;accent-color:#0870dd}.sgp-warning-accept.is-accepted{border-color:#9dcaac;background:#edf9f2;color:#187044}.sgp-preflight-results article.is-accepted{border-color:#b7d8c3;background:#f7fcf9}.sgp-preflight-results article.is-accepted>span{background:#e4f5eb;color:#16815a}.sgp-preflight-accept-all{margin-left:auto!important;display:flex!important;align-items:center!important;gap:5px!important;border-color:#8bb9e7!important;background:#edf6ff!important;color:#096bd2!important}.sgp-preflight-accept-all svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}.sgp-preflight-accept-all:disabled{border-color:#bdd8c7!important;background:#eef8f2!important;color:#32805a!important;cursor:default!important}
@media(max-width:760px){.sgp-preflight-card{width:100%}.sgp-preflight-faces{padding:10px 10px 11px}.sgp-preflight-faces>header>span{display:none}.sgp-preflight-faces>div{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(155px,72%);overflow-x:auto;padding:1px 1px 5px;scroll-snap-type:x proximity;scrollbar-width:thin}.sgp-preflight-faces button{scroll-snap-align:start}.sgp-preflight-results article{grid-template-columns:30px minmax(0,1fr)!important}.sgp-preflight-result-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.sgp-preflight-accept-all{margin-left:0!important}}
.sgp-text-style-toggles{display:grid;grid-template-columns:1fr 1fr;gap:5px;align-self:end}.sgp-text-style-toggles label{min-width:0}.sgp-text-style-toggles input{position:absolute;opacity:0;pointer-events:none}.sgp-text-style-toggles span{height:36px;padding:0 5px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dce7f0;border-radius:8px;background:#fff;color:#5c748a;font-size:7.5px;font-weight:850;cursor:pointer}.sgp-text-style-toggles input:checked+span{border-color:#8abcea;background:#eaf4ff;color:#086bd5}.sgp-text-style-toggles i{font-family:Georgia,serif;font-size:12px}.sgp-type-effects{margin:9px 0;padding:0;border:1px solid #dfe8f1;border-radius:10px;background:#fbfdff}.sgp-type-effects summary{padding:11px;color:#385570;font-size:8.5px;font-weight:900;cursor:pointer}.sgp-type-effects[open] summary{border-bottom:1px solid #e4ebf2}.sgp-type-effects>.sgp-pro-grid2{padding:8px 10px 0}.sgp-type-effects>.sgp-pro-grid2:last-child{padding-bottom:10px}
.sgp-3d-face-hint{position:absolute;left:50%;bottom:22px;z-index:50;width:min(560px,calc(100% - 36px));min-height:104px;padding:15px 17px;display:grid;grid-template-columns:52px minmax(0,1fr) 58px;align-items:center;gap:14px;border:2px solid #8fc3f1;border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 18px 48px rgba(10,54,96,.22),0 0 0 5px rgba(214,235,253,.34);color:#244867;transform:translateX(-50%);pointer-events:none;backdrop-filter:blur(16px);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.sgp-3d-face-icon{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#0879eb,#075dc2);color:#fff;box-shadow:0 8px 22px rgba(7,107,215,.28)}.sgp-3d-face-icon:after{content:"";position:absolute;inset:-6px;border:2px solid rgba(20,128,235,.22);border-radius:20px;animation:sgpFacePulse 2.2s ease-out infinite}.sgp-3d-face-hint svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9}.sgp-3d-face-copy{min-width:0;display:grid;gap:3px}.sgp-3d-face-copy>em{color:#0871dc;font-size:8px;font-style:normal;font-weight:950;letter-spacing:.13em}.sgp-3d-face-copy>b{color:#173c5c;font-size:15px;line-height:1.2}.sgp-3d-face-copy>small{max-width:390px;color:#5f788e;font-size:9.5px;line-height:1.42}.sgp-3d-face-copy>div{margin-top:4px;display:flex;flex-wrap:wrap;gap:3px}.sgp-3d-face-copy i{padding:3px 5px;border:1px solid #cfe2f3;border-radius:5px;background:#f5faff;color:#53718b;font-size:5.8px;font-style:normal;font-weight:950;letter-spacing:.06em}.sgp-3d-face-hint>strong{align-self:start;padding:6px 7px;border-radius:8px;background:#e6f4ff;color:#0870db;font-size:7px;line-height:1;text-align:center;letter-spacing:.08em}.sgp-3d-face-hint.is-face-ready{border-color:#0b79e7;box-shadow:0 20px 54px rgba(8,91,176,.27),0 0 0 6px rgba(24,132,238,.14);transform:translateX(-50%) translateY(-3px)}.sgp-3d-face-hint.is-face-ready .sgp-3d-face-copy>b{color:#0768ca}.sgp-face-hover{cursor:pointer!important}@keyframes sgpFacePulse{0%{opacity:.8;transform:scale(.88)}72%,100%{opacity:0;transform:scale(1.22)}}
@media(min-width:1900px){.sgp-3d-face-hint{bottom:32px;width:650px;min-height:122px;padding:18px 21px;grid-template-columns:62px minmax(0,1fr) 66px;gap:17px;border-radius:20px}.sgp-3d-face-icon{width:62px;height:62px;border-radius:18px}.sgp-3d-face-copy>b{font-size:18px}.sgp-3d-face-copy>small{font-size:11px}.sgp-3d-face-copy>em{font-size:9px}.sgp-3d-face-copy i{font-size:6.5px;padding:4px 6px}}
@media(max-width:760px){.sgp-3d-face-hint{width:calc(100% - 20px);bottom:10px;min-height:90px;padding:11px 12px;grid-template-columns:42px minmax(0,1fr);gap:10px;border-radius:14px}.sgp-3d-face-icon{width:42px;height:42px;border-radius:12px}.sgp-3d-face-hint>strong,.sgp-3d-face-copy>div{display:none}.sgp-3d-face-copy>b{font-size:12px}.sgp-3d-face-copy>small{font-size:8px}.sgp-3d-face-copy>em{font-size:6.5px}.sgp-type-effects>.sgp-pro-grid2{grid-template-columns:1fr 1fr!important}}
/* V16.2 — conferma visiva della faccia 3D selezionata */
.sgp-3d-face-copy>output{width:max-content;max-width:100%;margin-top:3px;padding:5px 8px;border:1px solid #8ec4f1;border-radius:7px;background:linear-gradient(180deg,#eef8ff,#e2f2ff);color:#0769cb;font-size:7px;font-weight:950;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.sgp-3d-face-hint{min-height:96px}.sgp-3d-face-copy>output{font-size:6px;padding:4px 6px}}
/* V16.3 — overlay 3D elegante e visibile esclusivamente al passaggio del mouse */
.sgp-3d-face-copy>output{border-color:#b8d8f2;background:rgba(242,249,255,.9);color:#39729f}
/* V16.4 — card 3D compatta in basso a sinistra e hover soft */
.sgp-3d-face-hint{left:18px;right:auto;bottom:18px;width:min(430px,calc(100% - 36px));min-height:118px;padding:14px 14px 13px 16px;grid-template-columns:44px minmax(0,1fr) 52px;gap:11px;border:1px solid rgba(139,184,221,.72);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,250,255,.88));box-shadow:0 16px 42px rgba(17,54,86,.15),inset 0 1px 0 rgba(255,255,255,.9);transform:none;backdrop-filter:blur(20px) saturate(1.12);overflow:hidden}
.sgp-3d-face-hint:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#4aa7ed,#0874d8);opacity:.8}
.sgp-3d-face-icon{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#1785e8,#0967c8);box-shadow:0 9px 22px rgba(8,102,196,.22)}
.sgp-3d-face-icon:after{inset:-4px;border-width:1px;border-radius:17px;animation-duration:2.8s}
.sgp-3d-face-hint svg{width:21px;height:21px}.sgp-3d-face-copy{gap:2px}.sgp-3d-face-copy>em{font-size:7px;letter-spacing:.14em}.sgp-3d-face-copy>b{font-size:13px;letter-spacing:-.015em}.sgp-3d-face-copy>small{font-size:8.5px;line-height:1.38}.sgp-3d-face-copy>output{margin-top:4px;padding:4px 7px;border-color:rgba(145,191,227,.7);border-radius:6px;background:rgba(235,246,255,.72);color:#276993;font-size:6.4px}.sgp-3d-face-copy>div{margin-top:3px;gap:2px}.sgp-3d-face-copy i{padding:2px 4px;border-color:rgba(183,211,233,.72);background:rgba(250,253,255,.72);color:#698196;font-size:5px}.sgp-3d-face-hint>strong{padding:5px 6px;border-radius:7px;background:rgba(226,242,255,.78);color:#3579ad;font-size:6px}
.sgp-3d-face-hint.is-face-ready{border-color:rgba(72,150,214,.78);box-shadow:0 18px 46px rgba(14,75,126,.18),inset 0 1px 0 rgba(255,255,255,.92);transform:translateY(-2px)}
.sgp-3d-face-hint.is-face-ready .sgp-3d-face-icon{background:linear-gradient(145deg,#2494ed,#0870d4)}
@media(min-width:1900px){.sgp-3d-face-hint{left:26px;bottom:26px;width:480px;min-height:130px;padding:16px 17px 15px 19px;grid-template-columns:50px minmax(0,1fr) 58px;gap:13px;border-radius:18px}.sgp-3d-face-icon{width:50px;height:50px;border-radius:14px}.sgp-3d-face-copy>b{font-size:15px}.sgp-3d-face-copy>small{font-size:9.5px}.sgp-3d-face-copy>em{font-size:7.5px}.sgp-3d-face-copy>output{font-size:7px}}
@media(max-width:760px){.sgp-3d-face-hint{left:10px;right:10px;bottom:10px;width:auto;min-height:92px;padding:11px 12px 10px 14px;grid-template-columns:38px minmax(0,1fr);gap:9px;border-radius:14px}.sgp-3d-face-icon{width:38px;height:38px;border-radius:11px}.sgp-3d-face-hint:before{top:14px;bottom:14px}.sgp-3d-face-copy>b{font-size:11.5px}.sgp-3d-face-copy>small{font-size:7.6px}.sgp-3d-face-copy>output{font-size:5.8px}.sgp-3d-face-hint.is-face-ready{transform:translateY(-1px)}}
/* V16.5 — contrasto hover calibrato per cartone chiaro */
/* V18.3 — controllo finale semplice, progressivo e orientato all'azione */
.sgp-preflight-card{width:min(900px,calc(100vw - 36px));grid-template-rows:auto auto auto minmax(0,1fr) auto}
.sgp-preflight-score{grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto;gap:16px;padding:16px 22px;background:linear-gradient(135deg,#f7faff,#f2f8ff)}
.sgp-preflight-score-badge{min-height:74px!important;display:grid!important;place-items:center!important;align-content:center!important;border:1px solid #d8e5f1!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 18px rgba(31,71,108,.06)}
.sgp-preflight-score-badge.is-ok span{color:#16845b}.sgp-preflight-score-badge.is-warn span{color:#b46e0b}.sgp-preflight-score-badge.is-error span{color:#bd3d4e}.sgp-preflight-score-badge.is-accepted span{color:#0870d8}
.sgp-preflight-outcome{min-width:0;display:grid;align-content:center;gap:3px}.sgp-preflight-outcome>small{color:#0870d8;font-size:7.5px;font-weight:950;letter-spacing:.13em}.sgp-preflight-outcome>strong{color:#173d60;font-size:21px;font-weight:950;letter-spacing:-.025em}.sgp-preflight-outcome>p{margin:0!important;color:#5e768d!important;font-size:10.5px!important;font-weight:650!important}
.sgp-preflight-technical{width:max-content;max-width:100%;margin-top:5px}.sgp-preflight-technical>summary{display:flex;align-items:center;gap:5px;color:#637d94;font-size:7.5px;font-weight:850;cursor:pointer;list-style:none}.sgp-preflight-technical>summary::-webkit-details-marker{display:none}.sgp-preflight-technical>summary svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .18s}.sgp-preflight-technical[open]>summary svg{transform:rotate(180deg)}
.sgp-preflight-rules{position:absolute;z-index:9;width:min(700px,calc(100vw - 70px));grid-template-columns:minmax(0,1fr) auto;margin:7px 0 0;padding:10px 11px;box-shadow:0 14px 34px rgba(20,57,91,.15)}
.sgp-preflight-faces{padding:0 22px;border-bottom:1px solid #e2eaf2;background:#fff}.sgp-preflight-face-details>summary{min-height:49px;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:10px;cursor:pointer;list-style:none}.sgp-preflight-face-details>summary::-webkit-details-marker{display:none}.sgp-preflight-face-details>summary>span{display:grid;gap:1px}.sgp-preflight-face-details>summary small{color:#0870d8;font-size:6.5px;font-weight:950;letter-spacing:.11em}.sgp-preflight-face-details>summary strong{color:#294966;font-size:10px;font-weight:900}.sgp-preflight-face-details>summary>em{padding:5px 8px;border-radius:7px;background:#eef6ff;color:#1469bb;font-size:7px;font-style:normal;font-weight:900}.sgp-preflight-face-details>summary>svg{width:14px;height:14px;fill:none;stroke:#698096;stroke-width:2;transition:transform .18s}.sgp-preflight-face-details[open]>summary>svg{transform:rotate(180deg)}
.sgp-preflight-face-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:0 0 12px}.sgp-preflight-face-grid button{position:relative;min-width:0;min-height:60px;padding:9px 8px;display:grid;grid-template-columns:9px minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;border:1px solid #dce6ef;border-radius:10px;background:#fff;text-align:left;cursor:pointer;transition:.16s ease}.sgp-preflight-face-grid button:hover{border-color:#86b5e4;transform:translateY(-1px);box-shadow:0 6px 14px rgba(23,75,126,.08)}.sgp-preflight-face-grid button>i{grid-row:1/3;align-self:start;width:8px;height:8px;margin-top:3px;border-radius:50%;background:#9eacb9;box-shadow:0 0 0 3px #eef2f5}.sgp-preflight-face-grid button>span{min-width:0}.sgp-preflight-face-grid button strong{display:block;overflow:hidden;color:#294863;font-size:8px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.sgp-preflight-face-grid button small{display:block;margin-top:3px;overflow:hidden;color:#7c8fa1;font-size:6.7px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.sgp-preflight-face-grid button>em{grid-column:2;justify-self:start;margin-top:5px;padding:3px 5px;border-radius:5px;background:#edf2f6;color:#73879a;font-size:6px;font-style:normal;font-weight:900;text-transform:uppercase}.sgp-preflight-face-grid button.is-ready>i{background:#18a06d;box-shadow:0 0 0 3px #e4f6ef}.sgp-preflight-face-grid button.is-ready>em{background:#e4f6ef;color:#14805a}.sgp-preflight-face-grid button.is-warn{border-color:#eddaa9;background:#fffdfa}.sgp-preflight-face-grid button.is-warn>i{background:#d68a13;box-shadow:0 0 0 3px #fff1d8}.sgp-preflight-face-grid button.is-warn>em{background:#fff0d4;color:#9a620c}.sgp-preflight-face-grid button.is-error{border-color:#edc8cf;background:#fffafb}.sgp-preflight-face-grid button.is-error>i{background:#c94353;box-shadow:0 0 0 3px #fce9ed}.sgp-preflight-face-grid button.is-error>em{background:#fce8ec;color:#aa3545}.sgp-preflight-face-grid button.is-accepted>i{background:#0873df;box-shadow:0 0 0 3px #e4f1ff}.sgp-preflight-face-grid button.is-accepted>em{background:#e7f3ff;color:#0969c8}.sgp-preflight-face-grid button.is-empty{opacity:.78}
.sgp-preflight-results{padding:14px 22px;display:block;overflow:auto;background:#fff}.sgp-preflight-priority{display:grid;gap:8px}.sgp-preflight-priority>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.sgp-preflight-priority>header>div{display:grid;gap:1px}.sgp-preflight-priority>header small{color:#0870d8;font-size:6.5px;font-weight:950;letter-spacing:.11em}.sgp-preflight-priority>header strong{color:#294864;font-size:11px;font-weight:900}.sgp-preflight-priority>article{border-width:1.5px}.sgp-preflight-ready{min-height:64px;padding:12px 14px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px;border:1px solid #bfe0ce;border-radius:13px;background:#f4fbf7}.sgp-preflight-ready>svg{width:20px;height:20px;padding:8px;border-radius:10px;background:#e1f5e9;color:#16815a;box-sizing:content-box;fill:none;stroke:currentColor;stroke-width:2}.sgp-preflight-ready strong{color:#216348;font-size:11px}.sgp-preflight-ready p{margin:3px 0 0;color:#648174;font-size:9px}
.sgp-preflight-accept-all{height:32px!important;margin:0!important;padding:0 10px!important;border:1px solid #8bb9e7!important;border-radius:8px!important;background:#edf6ff!important;color:#096bd2!important;font-size:7.5px!important;font-weight:900!important;cursor:pointer}.sgp-preflight-accept-all svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}
.sgp-preflight-details{margin-top:11px;border:1px solid #dfe8f1;border-radius:11px;background:#fbfdff;overflow:hidden}.sgp-preflight-details>summary{min-height:44px;padding:0 12px;display:grid;grid-template-columns:auto minmax(0,1fr) 16px;align-items:center;gap:8px;color:#4e687f;cursor:pointer;list-style:none}.sgp-preflight-details>summary::-webkit-details-marker{display:none}.sgp-preflight-details>summary span{font-size:9px;font-weight:900}.sgp-preflight-details>summary small{color:#8294a5;font-size:7.5px}.sgp-preflight-details>summary svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .18s}.sgp-preflight-details[open]>summary{border-bottom:1px solid #e2eaf2}.sgp-preflight-details[open]>summary svg{transform:rotate(180deg)}.sgp-preflight-details>div{padding:10px;background:#fff}.sgp-preflight-details .sgp-preflight-filters{position:static;margin:0 0 8px;padding:0;border:0;background:transparent;backdrop-filter:none}.sgp-preflight-detail-list{display:grid;gap:8px}.sgp-preflight-detail-list:empty:before{content:"Nessun altro controllo da mostrare";padding:12px;color:#7d90a2;font-size:8px;text-align:center}
.sgp-preflight-card>footer{padding:13px 22px}.sgp-preflight-card>footer button{height:47px}
@media(max-width:760px){.sgp-preflight-card{width:100%;grid-template-rows:auto auto auto minmax(0,1fr) auto}.sgp-preflight-score{grid-template-columns:72px minmax(0,1fr);padding:11px 12px;gap:10px}.sgp-preflight-score-badge{min-height:62px!important}.sgp-preflight-score-badge span{font-size:21px}.sgp-preflight-outcome>strong{font-size:17px}.sgp-preflight-outcome>p{font-size:9px!important}.sgp-preflight-rules{position:fixed;left:12px;right:12px;width:auto;grid-template-columns:1fr}.sgp-preflight-faces{padding:0 12px}.sgp-preflight-face-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(155px,72%);overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity}.sgp-preflight-face-grid button{scroll-snap-align:start}.sgp-preflight-results{padding:11px 12px}.sgp-preflight-priority>header{align-items:flex-start}.sgp-preflight-priority>article{grid-template-columns:30px minmax(0,1fr)!important}.sgp-preflight-details .sgp-preflight-filters{overflow-x:auto}.sgp-preflight-detail-list article{grid-template-columns:30px minmax(0,1fr)!important}.sgp-preflight-card>footer{padding:10px 12px}.sgp-preflight-card>footer button{height:45px}}
/* V19 — pacchetto produzione e profili fisici delle lamine */
.sgp-rail-package{border-color:#9ec7ed!important;background:linear-gradient(145deg,#f1f8ff,#e4f2ff)!important;color:#086bd4!important}.sgp-rail-package b{color:#0872dd!important}.sgp-production-package{width:100%;min-height:70px;margin-top:12px;padding:11px 12px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #8dbce8;border-radius:12px;background:linear-gradient(145deg,#f5fbff,#e7f4ff);color:#096dce;text-align:left;cursor:pointer;box-shadow:0 8px 20px rgba(16,91,158,.08)}.sgp-production-package:hover{border-color:#4b9be2;transform:translateY(-1px);box-shadow:0 12px 26px rgba(16,91,158,.13)}.sgp-production-package>svg{width:20px;height:20px;padding:9px;border-radius:10px;background:#0873df;color:#fff;box-sizing:content-box;fill:none;stroke:currentColor;stroke-width:1.8}.sgp-production-package>span{min-width:0;display:grid;gap:2px}.sgp-production-package small{color:#0871d8;font-size:6.5px;font-weight:950;letter-spacing:.12em}.sgp-production-package strong{color:#193f60;font-size:10px;font-weight:950}.sgp-production-package em{color:#6c8296;font-size:7px;font-style:normal}.sgp-foil-swatches button[data-foil-finish="gold"] i,.sgp-modal-color-palette button[data-foil-finish="gold"] i{background:linear-gradient(135deg,#76570d,#f4d765 43%,#fff2ad 53%,#b88717)}.sgp-foil-swatches button[data-foil-finish="silver"] i,.sgp-modal-color-palette button[data-foil-finish="silver"] i{background:linear-gradient(135deg,#707981,#eaf0f5 42%,#fff 53%,#9da7b0)}.sgp-foil-swatches button[data-foil-finish="bronze"] i,.sgp-modal-color-palette button[data-foil-finish="bronze"] i{background:linear-gradient(135deg,#674020,#d7935c 42%,#ffd0a0 53%,#8b522d)}.sgp-foil-swatches button[data-foil-finish="black"] i,.sgp-modal-color-palette button[data-foil-finish="black"] i{background:linear-gradient(135deg,#080a0d,#2f353c 44%,#626c76 51%,#11151a)}
@media(max-width:760px){.sgp-production-package{min-height:64px}.sgp-production-package strong{font-size:9px}}
/* V20 — scheda tecnica PDF professionale */
.sgp-rail-pdf{border-color:#b7c9dc!important;background:linear-gradient(145deg,#fff,#f2f6fa)!important;color:#244e73!important}.sgp-rail-pdf b{color:#245f91!important}.sgp-production-pdf{margin-top:8px;border-color:#b9cada;background:linear-gradient(145deg,#fff,#f1f6fa);box-shadow:0 8px 20px rgba(24,62,95,.07)}.sgp-production-pdf:hover{border-color:#6f9fc6;box-shadow:0 12px 26px rgba(24,62,95,.12)}.sgp-production-pdf>svg{background:linear-gradient(145deg,#244e73,#0b70e8)}.sgp-production-pdf small{color:#315f87}.sgp-production-pdf strong{color:#173b5e}.sgp-production-pdf em{color:#70869a}
@media(min-width:1900px){.sgp-production-package{min-height:78px;padding:13px 14px;grid-template-columns:44px minmax(0,1fr);gap:12px}.sgp-production-package>svg{width:22px;height:22px;padding:10px}.sgp-production-package strong{font-size:11px}.sgp-production-package em{font-size:7.5px}}
@media(max-height:760px) and (min-width:761px){.sgp-production-package{min-height:58px;padding:8px 9px;margin-top:7px}.sgp-production-package>svg{width:17px;height:17px;padding:7px}.sgp-production-package em{display:none}}
/* V20.4 — errore di caricamento esplicativo e sempre visibile */
.sgp-upload-error[hidden]{display:none!important}
.sgp-upload-error{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:22px}
.sgp-upload-error-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(9,25,42,.58);backdrop-filter:blur(8px);cursor:default}
.sgp-upload-error-dialog{position:relative;width:min(650px,calc(100vw - 40px));max-height:calc(100vh - 40px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid rgba(255,255,255,.78);border-radius:24px;background:#fff;box-shadow:0 36px 110px rgba(5,21,39,.35);overflow:hidden;animation:sgpUploadErrorIn .22s cubic-bezier(.2,.8,.2,1)}
@keyframes sgpUploadErrorIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.sgp-upload-error-dialog>header{min-height:96px;padding:20px 22px;display:grid;grid-template-columns:54px minmax(0,1fr) 40px;align-items:center;gap:14px;border-bottom:1px solid #eadfe0;background:linear-gradient(135deg,#fff,#fff9f9)}
.sgp-upload-error-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#ee5b62,#c93446);color:#fff;box-shadow:0 11px 26px rgba(190,49,66,.23)}
.sgp-upload-error-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sgp-upload-error-dialog>header>div{min-width:0}.sgp-upload-error-dialog>header small{display:block;color:#bc3545;font-size:8px;font-weight:950;letter-spacing:.13em}.sgp-upload-error-dialog>header strong{display:block;margin-top:4px;color:#213f5a;font-size:22px;font-weight:950;line-height:1.15;letter-spacing:-.02em}.sgp-upload-error-dialog>header p{margin:5px 0 0;color:#74889a;font-size:10px;font-weight:650}
.sgp-upload-error-dialog>header>button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e3d9db;border-radius:11px;background:#fff;color:#6d7e8e;cursor:pointer}.sgp-upload-error-dialog>header>button:hover{border-color:#d98c95;background:#fff5f6;color:#b53243}.sgp-upload-error-dialog>header>button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sgp-upload-error-body{padding:19px 22px;display:grid;gap:11px;overflow:auto;background:linear-gradient(180deg,#fff,#fbfdff)}
.sgp-upload-error-file{min-height:64px;padding:10px 12px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #dce6ef;border-radius:13px;background:#f8fbfd}
.sgp-upload-error-file>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf3fb;color:#37698f}.sgp-upload-error-file>span svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.sgp-upload-error-file>div{min-width:0}.sgp-upload-error-file small{display:block;color:#7d91a2;font-size:6.5px;font-weight:950;letter-spacing:.1em}.sgp-upload-error-file strong{display:block;margin-top:3px;overflow:hidden;color:#274761;font-size:10px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.sgp-upload-error-file em{display:block;margin-top:2px;color:#8294a4;font-size:7px;font-style:normal}.sgp-upload-error-file>b{padding:5px 7px;border-radius:7px;background:#fdebed;color:#b63343;font-size:6.5px;font-weight:950;letter-spacing:.08em}
.sgp-upload-error-reason{padding:14px 15px;border:1px solid #efcbd0;border-left:4px solid #ce3f50;border-radius:12px;background:#fff8f9}.sgp-upload-error-reason small,.sgp-upload-error-fix small{display:block;margin-bottom:5px;font-size:7px;font-weight:950;letter-spacing:.11em}.sgp-upload-error-reason small{color:#b73545}.sgp-upload-error-reason p,.sgp-upload-error-fix p{margin:0;color:#526c82;font-size:10.5px;font-weight:650;line-height:1.5}
.sgp-upload-error-fix{padding:14px 15px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:11px;border:1px solid #bcd9f1;border-radius:12px;background:#f2f8ff}.sgp-upload-error-fix>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#dceeff;color:#0870d8}.sgp-upload-error-fix>span svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.sgp-upload-error-fix small{color:#0870d8}
.sgp-upload-error-body>aside{padding:11px 12px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;border:1px solid #dce6ef;border-radius:11px;background:#fff}.sgp-upload-error-body>aside svg{width:17px;height:17px;fill:none;stroke:#567b9b;stroke-width:1.8}.sgp-upload-error-body>aside p{margin:0;color:#6a8094;font-size:8px;line-height:1.5}
.sgp-upload-error-dialog>footer{padding:14px 22px;display:grid;grid-template-columns:minmax(120px,.65fr) minmax(220px,1.35fr);gap:9px;border-top:1px solid #e1e9f0;background:#f8fafc}.sgp-upload-error-dialog>footer button{min-height:47px;border-radius:11px;font-size:9px;font-weight:950;cursor:pointer}.sgp-upload-error-dialog>footer button:first-child{border:1px solid #cfdce7;background:#fff;color:#536d83}.sgp-upload-error-dialog>footer button:first-child:hover{border-color:#9db9d1;background:#f5f9fc}.sgp-upload-error-dialog>footer button:last-child{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #0872df;background:#0872df;color:#fff;box-shadow:0 9px 22px rgba(8,114,223,.2)}.sgp-upload-error-dialog>footer button:last-child:hover{background:#0664c6}.sgp-upload-error-dialog>footer button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9}
@media(min-width:1900px){.sgp-upload-error-dialog{width:720px}.sgp-upload-error-dialog>header{min-height:108px;padding:23px 25px;grid-template-columns:60px minmax(0,1fr) 44px}.sgp-upload-error-icon{width:60px;height:60px}.sgp-upload-error-dialog>header strong{font-size:25px}.sgp-upload-error-body{padding:22px 25px;gap:13px}.sgp-upload-error-reason p,.sgp-upload-error-fix p{font-size:12px}.sgp-upload-error-body>aside p{font-size:9px}.sgp-upload-error-dialog>footer{padding:16px 25px}.sgp-upload-error-dialog>footer button{min-height:52px;font-size:10px}}
@media(max-width:680px){.sgp-upload-error{padding:8px}.sgp-upload-error-dialog{width:100%;max-height:calc(100vh - 16px);border-radius:18px}.sgp-upload-error-dialog>header{min-height:78px;padding:13px;grid-template-columns:42px minmax(0,1fr) 36px;gap:10px}.sgp-upload-error-icon{width:42px;height:42px;border-radius:12px}.sgp-upload-error-icon svg{width:21px;height:21px}.sgp-upload-error-dialog>header strong{font-size:17px}.sgp-upload-error-dialog>header p{font-size:8px}.sgp-upload-error-dialog>header>button{width:36px;height:36px}.sgp-upload-error-body{padding:12px;gap:9px}.sgp-upload-error-file{grid-template-columns:34px minmax(0,1fr);padding:9px}.sgp-upload-error-file>span{width:34px;height:34px}.sgp-upload-error-file>b{grid-column:2;justify-self:start}.sgp-upload-error-reason,.sgp-upload-error-fix{padding:12px}.sgp-upload-error-reason p,.sgp-upload-error-fix p{font-size:9px}.sgp-upload-error-dialog>footer{padding:10px 12px;grid-template-columns:1fr}.sgp-upload-error-dialog>footer button{min-height:44px}.sgp-upload-error-dialog>footer button:last-child{grid-row:1}.sgp-upload-error-body>aside p{font-size:7.5px}}
@media(prefers-reduced-motion:reduce){.sgp-upload-error-dialog{animation:none}}