@font-face{font-family:'SF Caveat';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/caveat-400.ttf') format('truetype');}
@font-face{font-family:'SF Caveat';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/caveat-700.ttf') format('truetype');}
@font-face{font-family:'SF Lora';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/lora-400.ttf') format('truetype');}
@font-face{font-family:'SF Lora';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/lora-700.ttf') format('truetype');}
@font-face{font-family:'SF Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/montserrat-400.ttf') format('truetype');}
@font-face{font-family:'SF Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/montserrat-700.ttf') format('truetype');}
@font-face{font-family:'SF Oswald';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/oswald-400.ttf') format('truetype');}
@font-face{font-family:'SF Oswald';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/oswald-700.ttf') format('truetype');}
@font-face{font-family:'SF Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/playfair-display-400.ttf') format('truetype');}
@font-face{font-family:'SF Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/playfair-display-700.ttf') format('truetype');}
@font-face{font-family:'SF Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-400.ttf') format('truetype');}
@font-face{font-family:'SF Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter-700.ttf') format('truetype');}
@font-face{font-family:'SF Roboto';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/roboto-400.ttf') format('truetype');}
@font-face{font-family:'SF Roboto';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/roboto-700.ttf') format('truetype');}
@font-face{font-family:'SF Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/open-sans-400.ttf') format('truetype');}
@font-face{font-family:'SF Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/open-sans-700.ttf') format('truetype');}
@font-face{font-family:'SF Raleway';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/raleway-400.ttf') format('truetype');}
@font-face{font-family:'SF Raleway';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/raleway-700.ttf') format('truetype');}
@font-face{font-family:'SF Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/nunito-sans-400.ttf') format('truetype');}
@font-face{font-family:'SF Nunito Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/nunito-sans-700.ttf') format('truetype');}
@font-face{font-family:'SF DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/dm-sans-400.ttf') format('truetype');}
@font-face{font-family:'SF DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/dm-sans-700.ttf') format('truetype');}
@font-face{font-family:'SF Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/manrope-400.ttf') format('truetype');}
@font-face{font-family:'SF Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/manrope-700.ttf') format('truetype');}
@font-face{font-family:'SF Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/work-sans-400.ttf') format('truetype');}
@font-face{font-family:'SF Work Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/work-sans-700.ttf') format('truetype');}
@font-face{font-family:'SF Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/source-sans-3-400.ttf') format('truetype');}
@font-face{font-family:'SF Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/source-sans-3-700.ttf') format('truetype');}
@font-face{font-family:'SF Merriweather';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/merriweather-400.ttf') format('truetype');}
@font-face{font-family:'SF Merriweather';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/merriweather-700.ttf') format('truetype');}
@font-face{font-family:'SF Libre Baskerville';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/libre-baskerville-400.ttf') format('truetype');}
@font-face{font-family:'SF Libre Baskerville';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/libre-baskerville-700.ttf') format('truetype');}
@font-face{font-family:'SF Crimson Pro';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/crimson-pro-400.ttf') format('truetype');}
@font-face{font-family:'SF Crimson Pro';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/crimson-pro-700.ttf') format('truetype');}
@font-face{font-family:'SF EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/eb-garamond-400.ttf') format('truetype');}
@font-face{font-family:'SF EB Garamond';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/eb-garamond-700.ttf') format('truetype');}
@font-face{font-family:'SF Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/cormorant-garamond-400.ttf') format('truetype');}
@font-face{font-family:'SF Cormorant Garamond';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/cormorant-garamond-700.ttf') format('truetype');}
@font-face{font-family:'SF Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/source-serif-4-400.ttf') format('truetype');}
@font-face{font-family:'SF Source Serif 4';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/source-serif-4-700.ttf') format('truetype');}
@font-face{font-family:'SF Bitter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/bitter-400.ttf') format('truetype');}
@font-face{font-family:'SF Bitter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/bitter-700.ttf') format('truetype');}
@font-face{font-family:'SF Anton';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/anton-400.ttf') format('truetype');}
@font-face{font-family:'SF Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/archivo-black-400.ttf') format('truetype');}
@font-face{font-family:'SF Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/barlow-condensed-400.ttf') format('truetype');}
@font-face{font-family:'SF Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/barlow-condensed-700.ttf') format('truetype');}
@font-face{font-family:'SF Cinzel';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/cinzel-400.ttf') format('truetype');}
@font-face{font-family:'SF Cinzel';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/cinzel-700.ttf') format('truetype');}
@font-face{font-family:'SF Abril Fatface';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/abril-fatface-400.ttf') format('truetype');}
@font-face{font-family:'SF Pacifico';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/pacifico-400.ttf') format('truetype');}
@font-face{font-family:'SF Dancing Script';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/dancing-script-400.ttf') format('truetype');}
@font-face{font-family:'SF Dancing Script';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/dancing-script-700.ttf') format('truetype');}
@font-face{font-family:'SF Great Vibes';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/great-vibes-400.ttf') format('truetype');}
@font-face{font-family:'SF Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/space-mono-400.ttf') format('truetype');}
@font-face{font-family:'SF Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/space-mono-700.ttf') format('truetype');}
/* Mockup Facile Studio, palette ScrivoFacile. */
#sfm.sfm-studio{--sfm-ink:#083d50;--sfm-accent:#083d50;--sfm-orange:#f87a11;--sfm-head:'SF Bebas Neue',sans-serif;--sfm-body:'SF Poppins',sans-serif;border:1px solid #dce4e8;border-radius:16px;overflow:hidden;scroll-margin-top:45px}
#sfm.sfm-studio [hidden]{display:none!important}
#sfm.sfm-studio .sfm-app{padding:22px}
#sfm.sfm-studio .sfm-top{display:grid;grid-template-columns:1fr auto;align-items:start;gap:14px;text-align:left}
#sfm.sfm-studio .sfm-brand-row{grid-column:1;grid-row:1}
#sfm.sfm-studio .sfm-logo{height:47px;margin:0 0 10px;max-width:100%;object-fit:contain}
#sfm.sfm-studio .sfm-tag{max-width:490px;font-size:11px;line-height:1.6}
#sfm.sfm-studio .sfm-mode{grid-column:2;grid-row:1;text-align:right}
#sfm .sfm-mode-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px;color:#476573}
#sfm .sfm-mode>div{display:flex;padding:4px;gap:3px;background:#fff;border:1px solid #d6e3e7;border-radius:10px}
#sfm .sfm-mode button{display:flex;align-items:center;gap:6px;border:0;border-radius:6px;padding:9px 11px;background:#fff;color:#083d50;font:600 11px 'SF Poppins',sans-serif;cursor:pointer}
#sfm .sfm-mode button[aria-pressed=true]{background:#083d50;color:#fff}
#sfm .sfm-mode-hint{grid-column:1/-1;font-size:12px;color:#476573;margin:0!important}
#sfm.sfm-studio .sfm-picker{grid-column:1/-1;justify-content:flex-start;gap:6px}
#sfm.sfm-studio .sfm-pill{display:flex;align-items:center;gap:7px;border-radius:8px;padding:10px;font-size:14px;line-height:1}
#sfm .sfm-format-icons{display:inline-flex;gap:3px}
#sfm .sfm-format-icons svg{width:17px;height:19px}
#sfm.sfm-studio .sfm-pill:focus-within{outline:3px solid #f87a11;outline-offset:2px}
#sfm .sfm-work-tabs{display:flex;gap:18px;margin:18px 0;border-bottom:1px solid #d6e3e7}
#sfm .sfm-work-tabs button{display:flex;align-items:center;gap:8px;padding:12px 3px;border:0;border-bottom:3px solid transparent;background:transparent;color:#476573;font:700 15px 'SF League Spartan',sans-serif;cursor:pointer}
#sfm .sfm-work-tabs button[aria-pressed=true]{color:#083d50;border-bottom-color:#f87a11}
#sfm.sfm-studio .sfm-body{grid-template-columns:310px minmax(0,1fr);height:660px!important;min-height:580px;max-height:none}
#sfm.sfm-studio .sfm-stage{padding:12px}
#sfm.sfm-studio .sfm-canvas-box{min-height:270px}
#sfm .sfm-to-social{display:inline-flex;gap:6px;align-items:center}
#sfm .sfm-quick{background:white;border:1px solid #d6e3e7;border-radius:12px;padding:14px;margin-bottom:12px}
#sfm .sfm-step-label,.sfm-guide .sfm-step-label{font:400 17px 'SF Bebas Neue',sans-serif;color:#083d50;letter-spacing:.04em}
#sfm .sfm-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}
#sfm .sfm-quick-grid button{display:grid;justify-items:center;gap:7px;background:#fff;border:1px solid #d6e3e7;padding:12px 3px;border-radius:8px;color:#083d50;font:500 10px 'SF Poppins',sans-serif;cursor:pointer}
#sfm .sfm-quick-grid button[aria-pressed=true]{border-color:#f87a11;box-shadow:inset 0 0 0 1px #f87a11}
#sfm .sfm-quick p{font-size:10px;color:#476573;margin:0}
#sfm[data-mode=advanced] .sfm-quick{display:none}
#sfm[data-mode=simple] .sfm-side .sfm-acc:not([data-acc=images]),#sfm[data-mode=simple] #sfm-rotate-toggle,#sfm[data-mode=simple] #sfm-rotate-panel,#sfm[data-mode=simple] #sfm-dl-jpg-black,#sfm[data-mode=simple] #sfm-dl-jpg-color{display:none!important}
#sfm[data-mode=simple][data-needs-spine=false] #sfm-field-spine,#sfm[data-mode=simple][data-needs-back=false] #sfm-field-back,#sfm[data-mode=simple][data-needs-spine=false] #sfm-vols .sfm-drop[data-slot=spine],#sfm[data-mode=simple][data-needs-spine=false] .sfm-vol-hint{display:none!important}
#sfm[data-mode=simple] [data-acc=images] .sfm-acc-b{display:block!important}
#sfm[data-mode=simple] .sfm-acc-h .sfm-acc-c{display:none}
#sfm .sfm-photo-presets{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:15px}
#sfm .sfm-photo-presets>span{width:100%}
#sfm .sfm-photo-presets button{background:#fff;border:1px solid #d6e3e7;border-radius:6px;color:#083d50;padding:7px;font:500 10px 'SF Poppins';cursor:pointer}
#sfm.sfm-studio :is(button,input,select,textarea):focus-visible{outline:3px solid #f87a11;outline-offset:2px}
.sfm-guide{margin:12px auto 18px!important;max-width:1160px;color:#083d50;font-family:'SF Poppins',sans-serif;border:1px solid #dce4e8;border-radius:10px;background:#fff}
.sfm-guide>summary{display:flex;align-items:center;gap:9px;padding:12px 16px;cursor:pointer;font-size:12px;font-weight:600;list-style:none}
.sfm-guide>summary::-webkit-details-marker{display:none}
.sfm-guide-arrow{margin-left:auto;font-size:20px}
.sfm-guide[open] .sfm-guide-arrow{transform:rotate(180deg)}
.sfm-guide-body{padding:8px 22px 22px;font-size:14px;line-height:1.8;border-top:1px solid #dce4e8;max-height:65vh;overflow:auto;overscroll-behavior:contain}
.sfm-guide-body h2{font-family:'SF Bebas Neue',sans-serif!important;font-size:26px!important;color:#083d50!important;margin:26px 0 12px!important}
.sfm-guide-close{display:flex;align-items:center;gap:7px;margin-top:20px;background:#083d50;color:#fff;border:0;border-radius:7px;padding:12px 16px;font:500 12px 'SF Poppins',sans-serif;cursor:pointer}
/* Card social */
#sfm .sfm-social{color:#083d50;font:13px/1.5 'SF Poppins',sans-serif}
#sfm .sc-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
#sfm .sc-heading h2{font:800 34px/1.1 'SF League Spartan',sans-serif!important;color:#083d50!important;text-transform:none!important;letter-spacing:-.02em!important;margin:8px 0!important}
#sfm .sc-heading p{font-size:12px;margin:0;color:#476573}
#sfm .sc-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}
#sfm .sc-controls{max-height:800px;overflow-y:auto;padding-right:5px;scrollbar-width:thin}
#sfm .sc-stage{background:#fff;border:1px solid #d6e3e7;border-radius:12px;padding:14px;min-width:0;position:sticky;top:40px}
#sfm .sc-stage-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px;font-size:10px}
#sfm .sc-stage-toolbar label{display:flex;align-items:center;gap:5px}
#sfm .sc-canvas-wrap{display:flex;justify-content:center;background:#e9eef0;border-radius:6px;overflow:hidden;padding:12px}
#sfm #sc-canvas{display:block;width:auto;height:auto;max-width:100%;max-height:620px;touch-action:none;cursor:move;box-shadow:0 2px 12px #083d5012}
#sfm .sc-group{border:1px solid #d6e3e7;border-radius:9px;background:#fff;margin-bottom:10px}
#sfm .sc-group>summary{cursor:pointer;padding:12px;font:700 16px 'SF League Spartan',sans-serif;display:list-item;list-style-position:inside;color:#083d50}
#sfm .sc-group-body{padding:0 12px 12px}
#sfm .sc-field{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:500;color:#476573;margin:0 0 12px}
#sfm .sc-field :is(input:not([type=range]),select,textarea){width:100%;border:1px solid #cdd9df;border-radius:6px;padding:8px;min-height:36px;font:400 12px 'SF Poppins',sans-serif;color:#083d50;background:#fff;box-sizing:border-box}
#sfm .sc-field input[type=color]{padding:3px;height:37px}
#sfm .sc-field input[type=range]{width:100%;accent-color:#083d50}
#sfm .sc-field textarea{resize:vertical}
#sfm .sc-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
#sfm .sc-actions{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 10px}
#sfm :is(.sc-btn,.sc-primary,.sc-icon){display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 12px;border:1px solid #cdd9df;border-radius:7px;background:#fff;color:#083d50;cursor:pointer;font:500 11px 'SF Poppins',sans-serif;text-transform:none;letter-spacing:0;line-height:1.4;min-height:36px}
#sfm .sc-btn:hover{border-color:#f87a11}
#sfm .sc-primary{background:#083d50;border-color:#083d50;color:#fff;font-weight:600}
#sfm .sc-icon{font-size:22px;padding:3px 12px}
#sfm .sc-export{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
#sfm .sc-export button{font-size:12px;padding:12px 17px}
#sfm .sc-upload{position:relative;display:flex;align-items:center;justify-content:center;border:1px dashed #9bafba;border-radius:6px;min-height:55px;padding:8px;text-align:center;color:#083d50;font-size:10px;cursor:pointer;overflow:hidden}
#sfm .sc-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
#sfm .sc-upload:focus-within{outline:3px solid #f87a11;outline-offset:2px}
#sfm .sc-font-upload{margin:10px 0 15px;min-height:38px}
#sfm .sc-link{border:0;background:none;color:#083d50;text-decoration:underline;font:400 11px 'SF Poppins',sans-serif;padding:3px 0;margin-bottom:12px;cursor:pointer}
#sfm .sc-note{font:400 10px/1.6 'SF Poppins',sans-serif;color:#476573;margin:10px 0}
#sfm .sc-status{font-size:12px;min-height:20px;margin:10px 0}
#sfm .sc-palette{display:flex;gap:8px;margin-top:10px}
#sfm .sc-palette button{border:2px solid #fff;outline:1px solid #cdd9df;border-radius:50%;width:29px;height:29px;cursor:pointer;padding:0}
#sfm .sc-font-suggestions{display:flex;flex-wrap:wrap;gap:5px}
#sfm .sc-font-suggestions .sc-btn{font-size:13px}
#sfm .sc-btn:disabled,#sfm .sc-icon:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:900px){#sfm.sfm-studio .sfm-app{padding:15px}#sfm.sfm-studio .sfm-top{display:flex;flex-direction:column;align-items:stretch}#sfm.sfm-studio .sfm-mode{order:0;align-self:flex-end}#sfm.sfm-studio .sfm-brand-row{order:-1}#sfm.sfm-studio .sfm-body{display:flex;height:auto!important;min-height:0}#sfm.sfm-studio .sfm-side{order:0;max-height:none;overflow:visible}#sfm.sfm-studio .sfm-stage{order:1;min-height:430px}#sfm.sfm-studio .sfm-canvas-box{height:400px;min-height:270px;flex:none}#sfm .sc-layout{grid-template-columns:1fr}#sfm .sc-stage{grid-row:1;position:static}#sfm .sc-controls{max-height:none;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:10px}#sfm .sc-controls>.sc-field{grid-column:1/-1}#sfm #sc-canvas{max-height:570px}#sfm .sc-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){#sfm.sfm-studio .sfm-pill{font-size:13px;padding:9px 7px}#sfm .sfm-format-icons svg{width:14px;height:17px}#sfm .sc-controls{display:block}#sfm.sfm-studio .sfm-stage{padding:8px}#sfm .sc-stage{padding:9px}#sfm .sc-canvas-wrap{padding:7px}#sfm .sc-heading h2{font-size:29px!important}#sfm .sfm-mode{align-self:stretch!important}#sfm .sfm-mode>div{justify-content:stretch}#sfm .sfm-mode button{flex:1;justify-content:center}.sfm-guide-body{padding:12px 16px;font-size:13px}}

#sfm .sc-heading-actions{display:flex;flex-wrap:wrap;gap:8px}

/* Selezione dei formati: due righe ordinate, stessa misura per ogni scelta. */
#sfm.sfm-studio .sfm-top{align-items:center;gap:18px;margin-bottom:0}
#sfm.sfm-studio .sfm-logo{height:44px;margin:0}
#sfm.sfm-studio .sfm-picker{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;margin-top:4px}
#sfm .sfm-format-section{min-width:0}
#sfm .sfm-format-heading{display:block;margin-bottom:7px;color:#476573;font:600 10px/1.4 'SF Poppins',sans-serif;letter-spacing:.08em;text-transform:uppercase}
#sfm .sfm-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#sfm.sfm-studio .sfm-picker .sfm-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:72px;margin:0;padding:11px 8px;border:1px solid #cdd9df;border-radius:9px;background:#fff;color:#083d50;text-align:center;white-space:normal;font:400 16px/1.1 'SF Bebas Neue',sans-serif;letter-spacing:.025em;box-shadow:none;transition:border-color .15s,background .15s}
#sfm.sfm-studio .sfm-picker .sfm-pill:hover{border-color:#f87a11;background:#fff}
#sfm.sfm-studio .sfm-picker .sfm-pill.is-on{background:#083d50;border-color:#083d50;color:#fff}
#sfm.sfm-studio .sfm-picker .sfm-pill.is-on .sfm-format-icons{color:#f87a11}
#sfm.sfm-studio .sfm-format-icons{display:flex;align-items:center;justify-content:center;gap:5px;height:22px}
#sfm.sfm-studio .sfm-format-icons svg{width:21px;height:22px}
#sfm .sfm-format-section+ .sfm-format-section .sfm-pill{flex-direction:row;gap:8px;min-height:49px;font-size:14px}
#sfm .sfm-format-section+ .sfm-format-section .sfm-format-icons svg{width:16px;height:18px}
#sfm .sfm-quick-grid{margin-bottom:0}
#sfm .sfm-work-tabs{margin-top:16px}
#sfm .sc-heading h2{margin:0!important}
@media(max-width:900px){#sfm.sfm-studio .sfm-top{display:grid;grid-template-columns:1fr auto;gap:16px}#sfm.sfm-studio .sfm-mode{align-self:center}#sfm.sfm-studio .sfm-brand-row{order:0}#sfm .sfm-format-section+ .sfm-format-section .sfm-pill{flex-direction:column;font-size:14px;min-height:65px}#sfm.sfm-studio .sfm-logo{height:40px}}
@media(max-width:560px){#sfm.sfm-studio .sfm-top{grid-template-columns:1fr;gap:14px}#sfm.sfm-studio .sfm-brand-row{grid-column:1;grid-row:1}#sfm.sfm-studio .sfm-mode{grid-column:1;grid-row:2}#sfm.sfm-studio .sfm-picker{grid-column:1;grid-row:3;gap:12px}#sfm .sfm-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#sfm.sfm-studio .sfm-picker .sfm-pill{min-height:55px;flex-direction:row;padding:10px 7px;font-size:15px}#sfm .sfm-format-section+ .sfm-format-section .sfm-pill{flex-direction:column;font-size:14px;gap:5px;min-height:65px}#sfm.sfm-studio .sfm-format-icons svg{width:19px;height:21px}#sfm .sfm-format-section+ .sfm-format-section .sfm-format-icons svg{width:15px;height:17px}}

#sfm .sfm-book-format{display:grid;gap:10px;margin-bottom:16px}#sfm .sfm-book-format label{display:grid;gap:5px;font:500 11px 'SF Poppins',sans-serif;color:#476573}#sfm .sfm-book-format select{width:100%;padding:9px;border:1px solid #cdd9df;border-radius:6px;background:#fff;color:#083d50;font:400 12px 'SF Poppins',sans-serif}

/* 4.4: visual selection, with the same canvas renderer used by the generator. */
#sfm.sfm-thumbnails .sfm-preview-note{margin:0;color:#476573;font:400 12px/1.5 'SF Poppins',sans-serif;grid-column:1/-1}
#sfm.sfm-thumbnails .sfm-picker{gap:16px}
#sfm.sfm-thumbnails .sfm-format-heading{font-size:11px}
#sfm.sfm-thumbnails .sfm-preview-thumb{display:block;width:100%;height:110px;object-fit:contain;margin:0;pointer-events:none}
#sfm.sfm-thumbnails .sfm-picker .sfm-pill{position:relative;display:flex;flex-direction:column;gap:5px;padding:8px 10px 12px;min-height:145px;border:2px solid #e1e6e8;border-radius:12px;background:#fff;color:#083d50;font:600 12px/1.35 'SF Poppins',sans-serif;letter-spacing:0;text-transform:none}
#sfm.sfm-thumbnails .sfm-picker .sfm-pill:hover{border-color:#e8aa76;background:#fffaf5}
#sfm.sfm-thumbnails .sfm-picker .sfm-pill.is-on{border-color:#e97817;background:#fff5eb;box-shadow:0 0 0 1px #e97817;color:#083d50}
#sfm.sfm-thumbnails .sfm-picker .sfm-pill.is-on::after{content:'✓';position:absolute;right:8px;top:8px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#a94d09;color:#fff;font:700 12px/1 sans-serif}
#sfm.sfm-thumbnails .sfm-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#sfm.sfm-thumbnails .sfm-quick-grid button{padding:5px 5px 9px;gap:2px;font-size:11px;line-height:1.3;border:2px solid #e1e6e8;border-radius:9px}
#sfm.sfm-thumbnails .sfm-quick-grid .sfm-preview-thumb{height:77px}
#sfm.sfm-thumbnails .sfm-quick-grid button[aria-pressed=true]{border-color:#e97817;background:#fff5eb;box-shadow:none}
#sfm.sfm-thumbnails #sfm-views .sfm-choice{padding:5px 7px 9px;text-align:center;border:2px solid #e1e6e8}
#sfm.sfm-thumbnails #sfm-views .sfm-preview-thumb{height:78px}
#sfm.sfm-thumbnails #sfm-views .sfm-choice strong{font-size:11px;line-height:1.4}
#sfm.sfm-thumbnails #sfm-views .sfm-choice small{font-size:10px}
#sfm.sfm-thumbnails #sfm-views .sfm-choice.is-on{border-color:#e97817;background:#fff5eb}
#sfm.sfm-thumbnails #sfm-views .sfm-choice:focus-within{outline:3px solid #f87a11;outline-offset:2px}
#sfm.sfm-thumbnails #sfm-opt-copies .sfm-seg{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:none;border:0;overflow:visible}
#sfm.sfm-thumbnails #sfm-opt-copies label{border:2px solid #e1e6e8;border-radius:9px;padding:4px 4px 9px;white-space:normal;font-size:11px;background:#fff;color:#083d50}
#sfm.sfm-thumbnails #sfm-opt-copies .sfm-preview-thumb{height:70px}
#sfm.sfm-thumbnails #sfm-opt-copies label.is-on{border-color:#e97817;background:#fff5eb;color:#083d50}
@media(max-width:560px){
  #sfm.sfm-thumbnails .sfm-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  #sfm.sfm-thumbnails .sfm-picker .sfm-pill{flex-direction:column;min-height:124px;padding:7px 6px 10px;font-size:11px}
  #sfm.sfm-thumbnails .sfm-preview-thumb{height:90px}
  #sfm.sfm-thumbnails .sfm-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #sfm.sfm-thumbnails .sfm-quick-grid .sfm-preview-thumb{height:67px}
}

/* Card: spacing controls and cover palette for each text layer. */
#sfm .sc-range-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}
#sfm .sc-range-heading output{font-variant-numeric:tabular-nums;color:#083d50;font-weight:600}
#sfm .sc-field-caption{font-size:11px;font-weight:500;color:#476573}
#sfm .sc-text-palette{margin:0 0 16px}
#sfm .sc-palette{flex-wrap:wrap;padding:3px;gap:10px}
#sfm .sc-palette button{width:32px;height:32px;flex:0 0 32px}
#sfm .sc-palette button[aria-pressed="true"]{outline:3px solid #f87a11;outline-offset:2px}
#sfm .sc-palette button:focus-visible{outline:3px solid #083d50;outline-offset:3px}

/* 4.6: dropdown affordance, upload-first views and a dedicated card action. */
#sfm.sfm-studio select:not([multiple]):not([size]){
  appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:36px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%23083d50' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px;
}
#sfm.sfm-studio select:disabled{cursor:not-allowed}
#sfm .sfm-work-tabs button:disabled{opacity:.45;cursor:not-allowed}
#sfm.sfm-studio .sfm-card-cta{flex:none;margin-top:14px;padding-top:14px;border-top:1px solid #d6e3e7}
#sfm.sfm-studio .sfm-to-social{
  display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;
  padding:14px 18px;border:1px solid #083d50;border-radius:10px;background:#083d50;color:#fff;
  font:600 16px/1.35 'SF Poppins',sans-serif;text-transform:none;letter-spacing:0;cursor:pointer;
  box-shadow:0 3px 8px #083d5018;transition:background .15s,border-color .15s;
}
#sfm.sfm-studio .sfm-to-social svg{width:24px;height:24px;flex:none}
#sfm.sfm-studio .sfm-to-social svg:last-child{width:21px;height:21px;margin-left:auto;color:#ffc98b}
#sfm.sfm-studio .sfm-to-social span{flex:1;text-align:center}
#sfm.sfm-studio .sfm-to-social:not(:disabled):hover{background:#12596d;border-color:#12596d}
#sfm.sfm-studio .sfm-to-social:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
#sfm.sfm-studio .sfm-card-hint{margin:7px 0 0;color:#476573;font:400 11px/1.5 'SF Poppins',sans-serif;text-align:center}
@media(max-width:560px){#sfm.sfm-studio .sfm-to-social{font-size:15px;gap:8px;padding:14px 12px}}
@media(forced-colors:active){#sfm.sfm-studio select:not([multiple]):not([size]){appearance:auto;-webkit-appearance:auto;background-image:none}}

@font-face{font-family:'SF Alegreya';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/alegreya-400.ttf')}
@font-face{font-family:'SF Alegreya';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/alegreya-700.ttf')}
@font-face{font-family:'SF Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/barlow-400.ttf')}
@font-face{font-family:'SF Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/barlow-700.ttf')}
@font-face{font-family:'SF Figtree';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/figtree-400.ttf')}
@font-face{font-family:'SF Figtree';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/figtree-700.ttf')}
@font-face{font-family:'SF Fraunces';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/fraunces-400.ttf')}
@font-face{font-family:'SF Fraunces';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/fraunces-700.ttf')}
@font-face{font-family:'SF Josefin Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/josefin-sans-400.ttf')}
@font-face{font-family:'SF Josefin Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/josefin-sans-700.ttf')}
@font-face{font-family:'SF Libre Franklin';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/libre-franklin-400.ttf')}
@font-face{font-family:'SF Libre Franklin';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/libre-franklin-700.ttf')}
@font-face{font-family:'SF Literata';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/literata-400.ttf')}
@font-face{font-family:'SF Literata';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/literata-700.ttf')}
@font-face{font-family:'SF Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/noto-sans-400.ttf')}
@font-face{font-family:'SF Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/noto-sans-700.ttf')}
@font-face{font-family:'SF Noto Serif';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/noto-serif-400.ttf')}
@font-face{font-family:'SF Noto Serif';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/noto-serif-700.ttf')}
@font-face{font-family:'SF Outfit';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/outfit-400.ttf')}
@font-face{font-family:'SF Outfit';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/outfit-700.ttf')}
@font-face{font-family:'SF Quicksand';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/quicksand-400.ttf')}
@font-face{font-family:'SF Quicksand';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/quicksand-700.ttf')}
@font-face{font-family:'SF Rubik';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/rubik-400.ttf')}
@font-face{font-family:'SF Rubik';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/rubik-700.ttf')}
@font-face{font-family:'SF Vollkorn';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/vollkorn-400.ttf')}
@font-face{font-family:'SF Vollkorn';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/vollkorn-700.ttf')}
@font-face{font-family:'SF Zilla Slab';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/zilla-slab-400.ttf')}
@font-face{font-family:'SF Zilla Slab';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/zilla-slab-700.ttf')}
@font-face{font-family:'SF Arvo';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/arvo-400.ttf')}
@font-face{font-family:'SF Arvo';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/arvo-700.ttf')}
@font-face{font-family:'SF Cormorant';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/cormorant-400.ttf')}
@font-face{font-family:'SF Cormorant';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/cormorant-700.ttf')}
@font-face{font-family:'SF Righteous';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/righteous-400.ttf')}
@font-face{font-family:'SF Lobster';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/lobster-400.ttf')}
@font-face{font-family:'SF Satisfy';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/satisfy-400.ttf')}
@font-face{font-family:'SF Amatic SC';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/amatic-sc-400.ttf')}
@font-face{font-family:'SF Amatic SC';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/amatic-sc-700.ttf')}

/* Card promotional elements and font previews. */
#sfm .sfm-stage .sfm-actions,#sfm .sc-export{justify-content:center;text-align:center}
#sfm .sc-promo-buttons{display:flex;flex-wrap:wrap;gap:8px}
#sfm .sc-wide{width:100%}
#sfm .sc-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#sfm .sc-theme{min-width:0;border:1px solid #d8e2e3;border-radius:9px;padding:4px;background:#fff;color:#254853;cursor:pointer;display:flex;flex-direction:column;gap:4px;align-items:center;font:600 11px/1.3 'SF Poppins',sans-serif}
#sfm .sc-theme canvas{display:block;width:100%;height:auto;border-radius:5px}
#sfm .sc-theme[aria-pressed=true]{border-color:#087e84;box-shadow:0 0 0 2px #087e84;background:#eaf5f3}
#sfm .sc-theme:focus-visible,#sfm .sc-font-option:focus-visible{outline:3px solid #f87a11;outline-offset:2px}
#sfm .sc-font-picker{position:relative;min-width:0;display:grid;gap:6px}
#sfm .sc-font-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#fff;color:#083d50;border:1px solid #c8d8db;border-radius:8px;text-align:left;font:500 17px/1.4 sans-serif;cursor:pointer}
#sfm .sc-font-trigger[aria-expanded=true]{border-color:#087e84;box-shadow:0 0 0 2px #087e8420}
#sfm .sc-font-menu{background:#fff;border:1px solid #c8d8db;border-radius:9px;overflow:hidden;box-shadow:0 6px 18px #083d5014}
#sfm .sc-font-search{padding:10px;margin:0;border-bottom:1px solid #e1e9eb}
#sfm #sc-font-listbox{max-height:310px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#sfm .sc-font-category{padding:8px 10px 5px;font:600 10px/1.4 'SF Poppins',sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#536c77;background:#f0f5f5}
#sfm .sc-font-option{width:100%;display:grid;gap:2px;padding:9px 12px;border:0;border-bottom:1px solid #edf1f2;border-radius:0;text-align:left;background:#fff;color:#083d50;cursor:pointer;font:500 11px/1.35 'SF Poppins',sans-serif}
#sfm .sc-font-sample{font-size:22px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
#sfm .sc-font-option:hover,#sfm .sc-font-option[aria-selected=true]{background:#eaf5f3}
#sfm .sc-font-option[aria-selected=true]{box-shadow:inset 3px 0 #087e84}
#sfm .sc-check{display:flex;align-items:center;gap:8px;font-size:12px}
#sfm .sc-field input[type=text],#sfm .sc-field input[type=search]{width:100%;min-width:0;box-sizing:border-box;border:1px solid #c8d8db;border-radius:7px;padding:9px;color:#083d50;background:#fff;font:400 13px/1.4 'SF Poppins',sans-serif}
#sfm #sc-badge-controls{display:grid;gap:12px;padding-top:12px;border-top:1px solid #dce6e7}
#sfm .sc-promo-buttons button{flex:1 1 auto}
#sfm [hidden]{display:none!important}

/* Selection actions remain visible even when the editing panels are closed. */
#sfm .sc-selection-tools{display:grid;gap:8px;padding:12px;margin-bottom:12px;border:1px solid #cbdde0;border-radius:9px;background:#f2f8f7}
#sfm .sc-selection-row{display:flex;gap:10px;align-items:flex-end;min-width:0}
#sfm .sc-selection-row .sc-field{flex:1;min-width:0;margin:0}
#sfm .sc-selection-row select{width:100%;min-width:0;text-overflow:ellipsis}
#sfm .sc-depth-actions{display:flex;flex-wrap:wrap;gap:8px}
#sfm .sc-depth-actions button{flex:1 1 170px;font-size:11px}
#sfm .sc-selection-caption{margin:0!important;color:#47626c;font-size:11px;line-height:1.5}
#sfm #sc-selected-settings{display:grid;gap:12px}
#sfm #sc-layer-style{display:grid;gap:12px}
#sfm #sc-light-group .sc-note{margin:0}
@media(max-width:560px){#sfm .sc-selection-row{flex-wrap:wrap}#sfm .sc-selection-row .sc-field{flex-basis:100%}#sfm .sc-depth-actions button{flex-basis:100%}}
/* Compact controls attached to the selected element's top-right corner. */
#sfm .sc-canvas-wrap{position:relative;overflow:visible}
#sfm .sc-object-actions{position:absolute;display:flex;align-items:center;gap:5px;z-index:2;pointer-events:none;line-height:1}
#sfm .sc-object-action{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;min-width:0;min-height:0;padding:0;margin:0;border:1px solid #b9cbd1;border-radius:6px;background:#fff;color:#083d50;box-shadow:0 2px 6px #083d5026;cursor:pointer;pointer-events:auto;touch-action:manipulation}
#sfm .sc-object-action svg{display:block;width:16px;height:16px;pointer-events:none}
#sfm .sc-object-action:hover{background:#edf7f6;border-color:#087e84}
#sfm .sc-object-delete:hover{background:#fff0ed;color:#a63227;border-color:#c76356}
#sfm .sc-object-action:focus-visible{outline:3px solid #f87a11;outline-offset:2px}
#sfm .sc-object-action:disabled{opacity:.45;cursor:default}
@media(max-width:560px),(pointer:coarse){#sfm .sc-object-action{width:32px;height:32px}#sfm .sc-object-actions{gap:6px}}

#sfm #sc-price-edit{display:grid;gap:2px}#sfm .sc-field input[aria-invalid=true]{border-color:#b8483b;box-shadow:0 0 0 1px #b8483b}
/* Card Studio 4.11 */
#sfm .sc-inline-tools{position:absolute;z-index:8;max-width:100%;color:#083d50;font-family:system-ui,sans-serif;font-size:13px;line-height:1.3}
#sfm .sc-inline-tools[hidden],#sfm .sc-inline-editor[hidden],#sfm .sc-inline-menu[hidden]{display:none!important}
#sfm .sc-inline-bar{display:flex;align-items:center;justify-content:space-between;gap:2px;padding:5px;background:#fff;border:1px solid #dae3e7;border-radius:12px;box-shadow:0 5px 22px #083d5025}
#sfm .sc-inline-bar button{display:flex;align-items:center;justify-content:center;width:33px;min-width:0;height:34px;padding:0;border:0;border-radius:7px;color:#083d50;background:transparent;font:18px system-ui;cursor:pointer;box-shadow:none;line-height:1}
#sfm .sc-inline-bar button:hover,#sfm .sc-inline-bar button[aria-pressed=true],#sfm .sc-inline-bar button[aria-expanded=true]{background:#e8f0f2;color:#0b5469}
#sfm .sc-inline-bar button[data-inline=italic]{font-family:Georgia,serif}
#sfm .sc-inline-bar button[data-inline=move]{cursor:grab;touch-action:none}
#sfm .sc-inline-bar button[data-align=left]{text-align:left;font-size:15px;transform:scaleX(.8);border-right:5px solid transparent}
#sfm .sc-inline-bar button[data-align=right]{text-align:right;font-size:15px;transform:scaleX(.8);border-left:5px solid transparent}
#sfm .sc-inline-bar button:focus-visible,#sfm .sc-angle-dial:focus-visible{outline:3px solid #f87a11;outline-offset:2px}
#sfm .sc-inline-menu{margin-top:6px;padding:14px;background:#fff;border:1px solid #d5e1e5;border-radius:12px;box-shadow:0 8px 28px #083d5033;max-height:420px;overflow:auto;overscroll-behavior:contain}
#sfm .sc-inline-menu .sc-field{margin-bottom:9px}
#sfm .sc-inline-menu input,#sfm .sc-inline-menu select{width:100%;min-height:34px;font-size:13px;padding:4px 7px;border:1px solid #ccdadd;border-radius:5px;background:#fff;color:#083d50}
#sfm .sc-inline-editor{position:absolute;z-index:5;display:block;box-sizing:content-box;resize:none;overflow:hidden;min-height:0;min-width:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:0 0 0 2px #f87a11;outline:0;white-space:pre-wrap;overflow-wrap:break-word;transform-origin:center;caret-color:#f87a11}
#sfm .sc-scene-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#sfm .sc-scene-preset{padding:5px;border:1px solid #d3dfe3;background:#fff;border-radius:8px;text-align:left;color:#083d50;font:11px/1.35 system-ui;cursor:pointer;min-width:0}
#sfm .sc-scene-preset[aria-pressed=true]{border-color:#f87a11;box-shadow:0 0 0 1px #f87a11}
#sfm .sc-scene-swatch{display:block;height:45px;border-radius:4px;margin-bottom:5px}
#sfm .sc-angle-row{display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center}
#sfm .sc-angle-dial{position:relative;width:56px;height:56px;min-height:0;border-radius:50%;border:3px solid #adc6ce;background:radial-gradient(circle,#fff 60%,#e6eef0 61%);padding:0;cursor:crosshair;touch-action:none;box-shadow:0 2px 5px #083d5015}
#sfm .sc-angle-dial span{position:absolute;left:50%;top:calc(50% - 2px);width:22px;height:4px;background:#f87a11;border-radius:8px;transform:rotate(var(--angle,0deg));transform-origin:0 50%}
#sfm .sc-angle-dial:after{content:'';position:absolute;width:8px;height:8px;background:#083d50;border-radius:50%;left:calc(50% - 4px);top:calc(50% - 4px)}
#sfm #sc-light-settings{display:grid;gap:8px}#sfm #sc-light-settings[hidden]{display:none}
#sfm .sc-tool-separator{height:20px;border-left:1px solid #e1e8eb}
#sfm .sc-canvas-wrap{isolation:isolate}
#sfm #sc-preview-add{font-size:12px;padding:6px 9px;margin-left:auto}
@media(max-width:560px){#sfm .sc-inline-bar{gap:0;padding:3px}#sfm .sc-inline-bar button{width:29px;height:33px;font-size:16px}#sfm .sc-inline-menu{max-height:320px}#sfm #sc-preview-add{font-size:11px}}
/* Scene selection: controls stay outside the exported canvas. */
#sfm .sc-light-actions{position:absolute;z-index:9;display:flex;align-items:center;gap:5px;box-sizing:border-box;padding:7px;background:#fff;border:2px solid #ef9d44;border-radius:12px;box-shadow:0 4px 22px #083d5026;color:#083d50;font:12px/1.3 system-ui}
#sfm .sc-light-actions[hidden],#sfm #sc-pattern-settings[hidden]{display:none!important}
#sfm .sc-light-actions strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sfm .sc-light-actions button{padding:7px 9px;min-height:32px;border:0;border-radius:6px;background:#edf3f4;color:#083d50;cursor:pointer;font:13px system-ui}
#sfm .sc-light-actions #sc-light-delete-preview{background:#fff0e7;color:#993a12}
#sfm #sc-light-mode[aria-pressed=true]{background:#083d50;color:white;border-color:#083d50}
#sfm #sc-light-mode{font-size:12px;padding:6px 9px}
#sfm #sc-pattern-settings{display:grid;gap:8px;padding:10px;border:1px solid #dae4e6;border-radius:8px;background:#f4f8f9}

#sfm .sc-light-actions #sc-light-delete-preview{width:34px;height:34px;padding:0;font-size:24px;line-height:1;flex-shrink:0}
#sfm #sc-book-shadow-controls[hidden],#sfm #sc-book-elevation-field[hidden]{display:none!important}
#sfm #sc-book-elevation-value{color:#476674;font-size:12px}

/* ===== Mockup Facile 5.0: interfaccia rinnovata: anteprima sempre visibile, passi numerati, download unico ===== */
#sfm.sfm-v5{--v5-p:#083d50;--v5-p2:#0d5a72;--v5-o:#f87a11;--v5-od:#dc680a;--v5-bg:#f3f6f7;--v5-card:#fff;--v5-line:#dbe4e8;--v5-muted:#536c76;--v5-soft:#eaf2f4;--v5-warm:#fff4ea;
  overflow:visible;background:var(--v5-bg);border:1px solid var(--v5-line);border-radius:20px;color:var(--v5-p);scroll-margin-top:16px}
#sfm.sfm-v5 .sfm-app{padding:18px 20px 20px;max-width:none}
#sfm.sfm-v5 .sfm-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px}
#sfm.sfm-v5 .sfm-top .sfm-mode{order:2}
#sfm.sfm-v5 .sfm-brand-row{order:1}
#sfm.sfm-v5 .sfm-logo{height:40px;margin:0}
#sfm.sfm-v5 .sfm-mode>div{border-color:var(--v5-line);border-radius:12px;padding:4px;box-shadow:0 1px 2px rgba(8,61,80,.05)}
#sfm.sfm-v5 .sfm-mode button{border-radius:9px;padding:9px 14px;font:600 12px/1 'SF Poppins',Poppins,sans-serif}
#sfm.sfm-v5 .sfm-mode button svg{width:16px;height:16px}
#sfm.sfm-v5 .sfm-work-tabs{display:inline-flex;gap:4px;margin:0 0 14px;padding:4px;border:1px solid var(--v5-line);border-radius:12px;background:#fff}
#sfm.sfm-v5 .sfm-work-tabs button{padding:9px 14px;border:0;border-radius:9px;font:600 13px/1 'SF Poppins',Poppins,sans-serif;color:var(--v5-muted)}
#sfm.sfm-v5 .sfm-work-tabs button svg{width:17px;height:17px}
#sfm.sfm-v5 .sfm-work-tabs button[aria-pressed=true]{background:var(--v5-p);color:#fff;border:0}
#sfm.sfm-v5 .sfm-work-tabs button:not([aria-pressed=true]):not(:disabled):hover{background:var(--v5-soft);color:var(--v5-p)}

/* corpo: comandi a sinistra, anteprima fissa a destra */
#sfm.sfm-v5.sfm-studio .sfm-body{display:grid;grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:18px;align-items:start;height:auto!important;min-height:0;max-height:none}
#sfm.sfm-v5 .sfm-side{display:flex;flex-direction:column;gap:12px;overflow:visible;padding:0;min-width:0}
#sfm.sfm-v5 .sfm-step,#sfm.sfm-v5 .sfm-quick,#sfm.sfm-v5 .sfm-acc{background:var(--v5-card);border:1px solid var(--v5-line);border-radius:16px;margin:0;box-shadow:0 1px 2px rgba(8,61,80,.04)}
#sfm.sfm-v5 .sfm-step,#sfm.sfm-v5 .sfm-quick{padding:14px}
#sfm.sfm-v5 .sfm-step-h{display:flex;align-items:center;gap:10px;margin:0 0 12px;min-width:0}
#sfm.sfm-v5 .sfm-step-n{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--v5-p);color:#fff;font:700 12px/1 'SF Poppins',Poppins,sans-serif}
#sfm.sfm-v5 .sfm-step-t{font:700 16px/1.2 'SF League Spartan','League Spartan','SF Poppins',sans-serif;letter-spacing:-.01em;color:var(--v5-p)}
#sfm.sfm-v5 .sfm-step-s{margin-left:auto;font:500 11.5px/1.3 'SF Poppins',Poppins,sans-serif;color:var(--v5-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#sfm.sfm-v5 .sfm-adv-title{margin:6px 2px -4px;font:600 10.5px/1.3 'SF Poppins',Poppins,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--v5-muted)}
#sfm.sfm-v5[data-mode=simple] .sfm-adv-title{display:none}

/* passo 1: formati compatti con miniatura */
#sfm.sfm-v5 .sfm-step .sfm-picker{display:flex;flex-direction:column;gap:10px;margin:0;width:auto}
#sfm.sfm-v5 .sfm-format-heading{margin:0 0 6px;font:600 10px/1.3 'SF Poppins',Poppins,sans-serif;letter-spacing:.09em;color:var(--v5-muted)}
#sfm.sfm-v5 .sfm-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#sfm.sfm-v5.sfm-thumbnails .sfm-picker .sfm-pill,#sfm.sfm-v5 .sfm-format-section+.sfm-format-section .sfm-pill{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-height:0;padding:6px 3px 8px;border:1.5px solid var(--v5-line);border-radius:12px;background:#fff;color:var(--v5-p);font:600 10.5px/1.25 'SF Poppins',Poppins,sans-serif;text-align:center;box-shadow:none;transition:border-color .15s,background .15s,transform .15s}
#sfm.sfm-v5.sfm-thumbnails .sfm-picker .sfm-preview-thumb{height:52px;width:100%;object-fit:contain}
#sfm.sfm-v5.sfm-thumbnails .sfm-picker .sfm-pill:hover{border-color:#f3b37c;background:#fffaf5;transform:translateY(-1px)}
#sfm.sfm-v5.sfm-thumbnails .sfm-picker .sfm-pill.is-on{border-color:var(--v5-o);background:var(--v5-warm);box-shadow:0 0 0 1px var(--v5-o)}
#sfm.sfm-v5.sfm-thumbnails .sfm-picker .sfm-pill.is-on::after{right:4px;top:4px;width:16px;height:16px;font-size:10px;background:var(--v5-o)}

/* passo 2: immagini */
#sfm.sfm-v5 .sfm-acc{overflow:hidden}
#sfm.sfm-v5 .sfm-acc-h{gap:10px;padding:13px 14px;background:#fff}
#sfm.sfm-v5 .sfm-acc-h:hover{background:#f8fbfc}
#sfm.sfm-v5 .sfm-acc.is-open .sfm-acc-h{background:#fff}
#sfm.sfm-v5 .sfm-acc-h .sfm-acc-t{font:700 15px/1.2 'SF League Spartan','League Spartan','SF Poppins',sans-serif;letter-spacing:-.01em;text-transform:none;color:var(--v5-p)}
#sfm.sfm-v5 .sfm-acc-h .sfm-acc-s{font-size:11px;color:var(--v5-muted)}
#sfm.sfm-v5 .sfm-acc-h .sfm-step-n+svg{display:none}
#sfm.sfm-v5 .sfm-acc-b{padding:4px 14px 14px;border-top:0}
#sfm.sfm-v5 .sfm-field>span{font-size:12px;font-weight:600;color:var(--v5-p)}
#sfm.sfm-v5 .sfm-drop{min-height:52px;padding:8px 10px;border:1.5px dashed #b4c9d0;border-radius:12px;background:#f8fbfc;transition:border-color .15s,background .15s}
#sfm.sfm-v5 .sfm-drop:hover,#sfm.sfm-v5 .sfm-drop.is-over{border-color:var(--v5-o);background:var(--v5-warm)}
#sfm.sfm-v5 .sfm-drop.is-ok{border:1.5px solid #bcd6dd;background:var(--v5-soft)}
#sfm.sfm-v5 .sfm-thumb.is-empty{width:34px;height:44px;border-radius:8px;background:#fff;border:1px solid var(--v5-line);color:var(--v5-o);font-weight:600}
#sfm.sfm-v5 .sfm-flash{animation:sfm-v5-flash 1.6s ease}
@keyframes sfm-v5-flash{0%,60%{box-shadow:0 0 0 4px rgba(248,122,17,.45);border-radius:12px}100%{box-shadow:0 0 0 0 rgba(248,122,17,0)}}

/* passo 3: viste */
#sfm.sfm-v5 .sfm-quick{margin:0}
#sfm.sfm-v5 .sfm-quick .sfm-step-h{margin-bottom:10px}
#sfm.sfm-v5.sfm-thumbnails .sfm-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
#sfm.sfm-v5.sfm-thumbnails .sfm-quick-grid button{padding:5px 3px 8px;gap:3px;border:1.5px solid var(--v5-line);border-radius:12px;font:600 10.5px/1.25 'SF Poppins',Poppins,sans-serif;color:var(--v5-p);transition:border-color .15s,background .15s}
#sfm.sfm-v5.sfm-thumbnails .sfm-quick-grid .sfm-preview-thumb{height:60px}
#sfm.sfm-v5.sfm-thumbnails .sfm-quick-grid button:hover{border-color:#f3b37c;background:#fffaf5}
#sfm.sfm-v5.sfm-thumbnails .sfm-quick-grid button[aria-pressed=true]{border-color:var(--v5-o);background:var(--v5-warm);box-shadow:0 0 0 1px var(--v5-o)}

/* palco: anteprima fissa mentre si scorrono i comandi */
#sfm.sfm-v5.sfm-studio .sfm-stage{position:sticky;top:14px;display:flex;flex-direction:column;gap:10px;height:calc(100vh - 28px);min-height:540px;max-height:960px;padding:12px;background:#fff;border:1px solid var(--v5-line);border-radius:18px;box-shadow:0 10px 30px rgba(8,61,80,.07)}
#sfm.sfm-v5 .sfm-viewer{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}
#sfm.sfm-v5 .sfm-output{display:flex;flex-direction:column;gap:10px}
#sfm.sfm-v5 .sfm-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;flex-wrap:nowrap}
#sfm.sfm-v5 .sfm-stage-bar .sfm-hintline{display:none}
#sfm.sfm-v5 #sfm-prevbg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--v5-line);border-radius:12px;background:var(--v5-bg);overflow:visible}
#sfm.sfm-v5 #sfm-prevbg label{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:9px;font:600 12px/1 'SF Poppins',Poppins,sans-serif;color:var(--v5-muted);background:transparent;white-space:nowrap}
#sfm.sfm-v5 #sfm-prevbg label.is-on{background:#fff;color:var(--v5-p);box-shadow:0 1px 3px rgba(8,61,80,.14)}
#sfm.sfm-v5 #sfm-prevbg label::before{content:'';width:13px;height:13px;border-radius:50%;flex:none;border:1px solid rgba(8,61,80,.25);background:#fff}
#sfm.sfm-v5 #sfm-prevbg label:first-child::before{background:conic-gradient(#cfd8dc 25%,#fff 0 50%,#cfd8dc 0 75%,#fff 0) 0 0/7px 7px}
#sfm.sfm-v5 #sfm-prevbg label:nth-child(3)::before{background:#111}
#sfm.sfm-v5 #sfm-prevbg label.sfm-bg-color::before{display:none}
#sfm.sfm-v5 #sfm-prevbg .sfm-dot{width:13px;height:13px;border-radius:50%;border:1px solid rgba(8,61,80,.25);background:var(--sfm-jpg,#d8b58f)}
#sfm.sfm-v5 .sfm-canvas-box{flex:1;min-height:0;border:0;border-radius:14px;transition:box-shadow .15s}
#sfm.sfm-v5 .sfm-canvas-box.bg-checker{background:#fff conic-gradient(#eef2f4 25%,#fff 0 50%,#eef2f4 0 75%,#fff 0) 0 0/20px 20px}
#sfm.sfm-v5 .sfm-canvas-box.bg-white{background:#fff;box-shadow:inset 0 0 0 1px var(--v5-line)}
#sfm.sfm-v5 .sfm-canvas-box.bg-black{background:#0b0b0b}
#sfm.sfm-v5 .sfm-canvas-box.bg-color{background:var(--sfm-jpg,#d8b58f)}
#sfm.sfm-v5 .sfm-canvas-box.is-over{box-shadow:inset 0 0 0 3px var(--v5-o)}
#sfm.sfm-v5 canvas.sfm-canvas{max-width:100%;max-height:100%}
#sfm.sfm-v5 canvas.sfm-canvas.is-grab{cursor:grab}
#sfm.sfm-v5 canvas.sfm-canvas.is-grab:active{cursor:grabbing}
@media (pointer:coarse){#sfm.sfm-v5 canvas.sfm-canvas.is-grab{touch-action:pan-y}}

/* anteprima vuota: invito a caricare */
#sfm.sfm-v5 .sfm-empty{pointer-events:auto;padding:18px;z-index:2}
#sfm.sfm-v5 .sfm-empty-cta{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:420px;width:100%;padding:30px 22px 26px;border:2px dashed rgba(8,61,80,.24);border-radius:20px;background:rgba(255,255,255,.92);color:var(--v5-p);cursor:pointer;text-align:center;transition:border-color .15s,background .15s,transform .15s}
#sfm.sfm-v5 .sfm-empty-cta:hover,#sfm.sfm-v5 .sfm-canvas-box.is-over .sfm-empty-cta{border-color:var(--v5-o);background:#fffaf5;transform:translateY(-2px)}
#sfm.sfm-v5 .sfm-empty-ico{display:grid;place-items:center;width:58px;height:58px;margin-bottom:4px;border-radius:50%;background:var(--v5-o);box-shadow:0 8px 20px rgba(248,122,17,.32)}
#sfm.sfm-v5 .sfm-empty-ico svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#sfm.sfm-v5 .sfm-empty-cta strong{font:700 20px/1.2 'SF League Spartan','League Spartan','SF Poppins',sans-serif;letter-spacing:-.01em}
#sfm.sfm-v5 .sfm-empty-sub{font:500 13px/1.45 'SF Poppins',Poppins,sans-serif;color:var(--v5-muted)}
#sfm.sfm-v5 .sfm-empty-cta small{font:400 11px/1.4 'SF Poppins',Poppins,sans-serif;color:#7a8f97}

/* suggerimento di rotazione */
#sfm.sfm-v5 .sfm-drag-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:none;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:rgba(8,61,80,.86);color:#fff;font:500 12px/1 'SF Poppins',Poppins,sans-serif;pointer-events:none;white-space:nowrap;animation:sfm-v5-hint .4s ease .6s both}
#sfm.sfm-v5 .sfm-drag-hint svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#sfm.sfm-v5 .sfm-canvas-box.can-grab .sfm-drag-hint{display:inline-flex}
#sfm.sfm-v5.sfm-dragged .sfm-drag-hint{display:none!important}
@keyframes sfm-v5-hint{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translateX(-50%)}}

/* pannello rotazioni dentro l'anteprima */
#sfm.sfm-v5 .sfm-rotate-panel{top:58px}
#sfm.sfm-v5 .sfm-rotate-toggle{padding:8px 12px;border-radius:10px;font:600 12px/1 'SF Poppins',Poppins,sans-serif}

/* avviso: cosa manca, con collegamento al campo */
#sfm.sfm-v5 .sfm-missing{margin:0;padding:9px 12px;border-radius:12px;font-size:12.5px}
#sfm.sfm-v5 .sfm-missing ul{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
#sfm.sfm-v5 .sfm-goto{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #f1c091;border-radius:9px;background:#fff;color:#a2500a;font:600 12px/1.2 'SF Poppins',Poppins,sans-serif;cursor:pointer}
#sfm.sfm-v5 .sfm-goto:hover{background:#fff1e3;border-color:var(--v5-o)}

/* passo 4: un solo grande pulsante di download */
#sfm.sfm-v5 .sfm-output>.sfm-actions{display:none}
#sfm.sfm-v5 .sfm-dlbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#sfm.sfm-v5 .sfm-step-n-dl{display:none}
#sfm.sfm-v5 .sfm-dl-main{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border:0;border-radius:14px;background:var(--v5-o);color:#fff;font:600 15.5px/1.2 'SF Poppins',Poppins,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(248,122,17,.3);transition:background .15s,transform .15s,box-shadow .15s}
#sfm.sfm-v5 .sfm-dl-main svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#sfm.sfm-v5 .sfm-dl-main:not(:disabled):hover{background:var(--v5-od);transform:translateY(-1px);box-shadow:0 10px 24px rgba(248,122,17,.36)}
#sfm.sfm-v5 .sfm-dl-main:disabled{background:#c8d3d7;color:#fff;box-shadow:none;cursor:not-allowed}
#sfm.sfm-v5 .sfm-dl-opts{display:flex;flex-direction:column;gap:4px;min-width:0}
#sfm.sfm-v5 .sfm-dl-size{display:inline-flex;align-items:center;gap:8px;font:500 12px/1 'SF Poppins',Poppins,sans-serif;color:var(--v5-muted)}
#sfm.sfm-v5 .sfm-dl-size select{padding:7px 32px 7px 10px!important;border:1px solid var(--v5-line);border-radius:9px;font:600 12px/1 'SF Poppins',Poppins,sans-serif;color:var(--v5-p);background-color:#fff}
#sfm.sfm-v5 .sfm-dl-meta{font:400 11.5px/1.35 'SF Poppins',Poppins,sans-serif;color:var(--v5-muted)}

/* card social: azione secondaria */
#sfm.sfm-v5 .sfm-card-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--v5-line)}
#sfm.sfm-v5.sfm-studio .sfm-to-social{width:auto;min-height:44px;padding:10px 16px;border:1.5px solid var(--v5-p);border-radius:12px;background:#fff;color:var(--v5-p);font:600 13.5px/1.2 'SF Poppins',Poppins,sans-serif;box-shadow:none;gap:9px}
#sfm.sfm-v5.sfm-studio .sfm-to-social span{flex:none}
#sfm.sfm-v5.sfm-studio .sfm-to-social svg{width:19px;height:19px}
#sfm.sfm-v5.sfm-studio .sfm-to-social svg:last-child{width:17px;height:17px;margin-left:0;color:var(--v5-o)}
#sfm.sfm-v5.sfm-studio .sfm-to-social:not(:disabled):hover{background:var(--v5-p);color:#fff}
#sfm.sfm-v5 .sfm-card-hint{flex:1;min-width:180px;margin:0;font-size:12px;color:var(--v5-muted)}
#sfm.sfm-v5 .sfm-status{margin:0;min-height:0;font-size:12px;color:var(--v5-muted)}
#sfm.sfm-v5 .sfm-status:empty{display:none}

/* comandi avanzati più leggibili */
#sfm.sfm-v5 .sfm-slider-row input[type=range],#sfm.sfm-v5 input[type=checkbox]{accent-color:var(--v5-o)}
#sfm.sfm-v5 .sfm-seg{border:1px solid var(--v5-line);border-radius:10px;padding:2px;gap:2px;background:var(--v5-bg)}
#sfm.sfm-v5 .sfm-seg label{border-radius:8px;padding:6px 11px;font:600 12px/1.2 'SF Poppins',Poppins,sans-serif;color:var(--v5-muted)}
#sfm.sfm-v5 .sfm-seg label.is-on{background:var(--v5-p);color:#fff}
#sfm.sfm-v5 .sfm-sub{font:700 13px/1.2 'SF League Spartan','League Spartan','SF Poppins',sans-serif;text-transform:none;letter-spacing:0;color:var(--v5-p);margin:14px 0 6px}
#sfm.sfm-v5 .sfm-btn{font-family:'SF Poppins',Poppins,sans-serif;text-transform:none;letter-spacing:0;font-weight:600;border-radius:10px}

/* ===== telefono e tablet: anteprima in alto, comandi sotto, download sempre visibile in basso ===== */
@media (max-width:900px){
  #sfm.sfm-v5 .sfm-app{padding:12px}
  #sfm.sfm-v5 .sfm-top{margin-bottom:10px}
  #sfm.sfm-v5 .sfm-logo{height:32px}
  #sfm.sfm-v5 .sfm-mode button{padding:8px 10px;font-size:11.5px}
  #sfm.sfm-v5 .sfm-work-tabs{margin-bottom:10px}
  #sfm.sfm-v5.sfm-studio .sfm-body{display:flex;flex-direction:column;gap:12px}
  #sfm.sfm-v5.sfm-studio .sfm-stage,#sfm.sfm-v5 .sfm-output{display:contents}
  #sfm.sfm-v5 .sfm-viewer{order:0;position:sticky;top:0;z-index:6;flex:none;margin:0 -12px;padding:8px 12px 10px;background:var(--v5-bg);box-shadow:0 8px 14px -12px rgba(8,61,80,.35)}
  #sfm.sfm-v5 .sfm-stage-bar{margin-bottom:8px}
  #sfm.sfm-v5 #sfm-prevbg label{padding:7px 8px;font-size:11.5px;gap:5px}
  #sfm.sfm-v5 .sfm-canvas-box{flex:none;height:300px;min-height:0;background-color:#fff;box-shadow:inset 0 0 0 1px var(--v5-line)}
  #sfm.sfm-v5.sfm-has-cover .sfm-canvas-box{height:min(46vh,430px);height:min(46svh,430px)}
  #sfm.sfm-v5 .sfm-missing{order:1}
  #sfm.sfm-v5 .sfm-side{order:2}
  #sfm.sfm-v5 .sfm-card-cta{order:3;padding:12px 2px 0}
  #sfm.sfm-v5 .sfm-status{order:4}
  #sfm.sfm-v5 .sfm-dlbar{order:5;position:sticky;bottom:0;z-index:7;margin:0 -12px -12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--v5-line);border-radius:0 0 19px 19px;box-shadow:0 -8px 20px rgba(8,61,80,.08);flex-wrap:nowrap;gap:10px}
  #sfm.sfm-v5 .sfm-dl-main{flex:1;min-width:0;min-height:50px;padding:0 14px;font-size:14.5px}
  #sfm.sfm-v5 .sfm-dl-size>span,#sfm.sfm-v5 .sfm-dl-meta{display:none}
  #sfm.sfm-v5 .sfm-dl-size select{padding:13px 30px 13px 10px!important;font-size:12.5px}
  #sfm.sfm-v5 .sfm-rotate-panel{top:auto;bottom:10px}
  #sfm.sfm-v5 .sfm-drag-hint{bottom:10px;font-size:11.5px}
  #sfm.sfm-v5.sfm-thumbnails .sfm-picker .sfm-preview-thumb{height:48px}
  #sfm.sfm-v5.sfm-thumbnails .sfm-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  #sfm.sfm-v5.sfm-thumbnails .sfm-quick-grid .sfm-preview-thumb{height:50px}
  #sfm.sfm-v5 .sfm-empty-cta{padding:22px 16px 20px}
  #sfm.sfm-v5 .sfm-empty-cta strong{font-size:18px}
}
@media (max-width:420px){
  #sfm.sfm-v5 .sfm-format-grid{gap:5px}
  #sfm.sfm-v5.sfm-thumbnails .sfm-picker .sfm-pill,#sfm.sfm-v5 .sfm-format-section+.sfm-format-section .sfm-pill{font-size:9.5px;padding:5px 2px 7px;border-radius:10px}
  #sfm.sfm-v5.sfm-thumbnails .sfm-quick-grid button{font-size:9.5px}
  #sfm.sfm-v5 #sfm-prevbg label{padding:7px 6px;font-size:11px}
  #sfm.sfm-v5 .sfm-mode button svg{display:none}
}
@media (prefers-reduced-motion:reduce){#sfm.sfm-v5 *{animation:none!important;transition:none!important}}
/* 5.0: intestazione su una riga */
#sfm.sfm-v5 .sfm-top{flex-direction:row;flex-wrap:wrap;text-align:left;align-items:center}
#sfm.sfm-v5 .sfm-top .sfm-brand-row{order:1;flex:none}
#sfm.sfm-v5 .sfm-top .sfm-work-tabs{order:2;margin:0 0 0 8px}
#sfm.sfm-v5 .sfm-top .sfm-mode{order:3;margin-left:auto}
#sfm.sfm-v5 .sfm-dl-k{font-weight:400;opacity:.92}
#sfm.sfm-v5 .sfm-card-hint{text-align:left}
@media (max-width:640px){
  #sfm.sfm-v5 .sfm-top{gap:10px}
  #sfm.sfm-v5 .sfm-top .sfm-mode{order:2}
  #sfm.sfm-v5 .sfm-top .sfm-work-tabs{order:3;width:100%;margin:0;display:flex}
  #sfm.sfm-v5 .sfm-top .sfm-work-tabs button{flex:1;justify-content:center}
}
@media (max-width:900px){
  #sfm.sfm-v5 .sfm-dl-main{font-size:14px;gap:8px}
}
@media (max-width:420px){
  #sfm.sfm-v5 .sfm-dl-main svg{display:none}
  #sfm.sfm-v5 .sfm-dl-main{font-size:13.5px;padding:0 10px}
  #sfm.sfm-v5 .sfm-dl-size select{padding:13px 26px 13px 8px!important;background-position:right 8px center!important}
}
@media (max-width:900px){#sfm.sfm-v5.sfm-studio .sfm-body{align-items:stretch}}
#sfm.sfm-v5 .sfm-work-tabs:has(>button[data-work=social][hidden]){display:none}
/* 5.0: pannello rotazioni compatto sotto l'anteprima (non la copre) */
#sfm.sfm-v5.sfm-studio .sfm-stage{overflow-y:auto;overscroll-behavior:contain}
#sfm.sfm-v5 .sfm-canvas-box{min-height:300px}
#sfm.sfm-v5 .sfm-stage:has(.sfm-rotate-panel:not(.sfm-hide)) .sfm-canvas-box{flex:1 1 auto;min-height:300px}
#sfm.sfm-v5 .sfm-rotate-panel{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:10px 0 0;padding:10px 12px!important;border-radius:14px;background:var(--v5-bg);border:1px solid var(--v5-line)}
#sfm.sfm-v5 .sfm-rotate-head{display:none}
#sfm.sfm-v5 .sfm-targets{margin:0;gap:5px;width:100%}
#sfm.sfm-v5 .sfm-target{padding:6px 10px;border-radius:9px;font:600 11px/1 'SF Poppins',Poppins,sans-serif;text-transform:none;letter-spacing:0}
#sfm.sfm-v5 .sfm-axis-knobs{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
#sfm.sfm-v5 .sfm-axis-knob{flex-direction:row;gap:8px;padding:6px 8px;border-radius:12px;background:#fff;text-align:left}
#sfm.sfm-v5 .sfm-axis-knob>.sfm-knob,#sfm.sfm-v5 .sfm-axis-knob>.sfm-knob .sfm-knob-svg{width:46px;height:46px}
#sfm.sfm-v5 .sfm-axis-knob b{font:700 11px/1.2 'SF Poppins',Poppins,sans-serif;text-transform:none;letter-spacing:0;color:var(--v5-p)}
#sfm.sfm-v5 .sfm-axis-knob span{font-size:10px;white-space:nowrap}
#sfm.sfm-v5 .sfm-rotate-foot{display:flex;align-items:center;margin:0}
#sfm.sfm-v5 .sfm-rotate-foot>span{display:none}
#sfm.sfm-v5 .sfm-rotate-reset{padding:9px 12px!important;border:1px solid var(--v5-line)!important;border-radius:10px!important;background:#fff!important;color:var(--v5-p)!important;font:600 11.5px/1 'SF Poppins',Poppins,sans-serif!important}
@media (max-width:900px){
  #sfm.sfm-v5 .sfm-canvas-box{min-height:0}
  #sfm.sfm-v5.sfm-has-cover .sfm-viewer:has(.sfm-rotate-panel:not(.sfm-hide)) .sfm-canvas-box{height:min(32vh,300px);height:min(32svh,300px)}
  #sfm.sfm-v5 .sfm-rotate-panel{margin-top:8px;padding:8px!important;gap:6px}
  #sfm.sfm-v5 .sfm-axis-knobs{gap:5px;flex-basis:100%}
  #sfm.sfm-v5 .sfm-axis-knob{flex-direction:column;gap:2px;padding:5px 3px;text-align:center}
  #sfm.sfm-v5 .sfm-axis-knob>.sfm-knob,#sfm.sfm-v5 .sfm-axis-knob>.sfm-knob .sfm-knob-svg{width:42px;height:42px}
  #sfm.sfm-v5 .sfm-axis-knob span{display:none}
  #sfm.sfm-v5 .sfm-rotate-foot{width:100%;justify-content:center}
  #sfm.sfm-v5 .sfm-rotate-reset{padding:7px 10px!important}
}
@media (max-width:900px){#sfm.sfm-v5 .sfm-side :is(.sfm-field,.sfm-drop,#sfm-files-series,.sfm-step,.sfm-acc){scroll-margin-top:calc(min(46svh,430px) + 70px);scroll-margin-bottom:90px}}
@media (max-width:900px){
  #sfm.sfm-v5.sfm-studio .sfm-stage{overflow:visible}
  #sfm.sfm-v5 .sfm-rotate-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  #sfm.sfm-v5 .sfm-rotate-toggle{padding:8px 9px;flex:none}
  #sfm.sfm-v5 #sfm-prevbg{min-width:0;overflow-x:auto;scrollbar-width:none}
}
@media (max-width:420px){#sfm.sfm-v5 #sfm-prevbg label{padding:7px 5px;gap:4px;font-size:10.5px}#sfm.sfm-v5 #sfm-prevbg label::before,#sfm.sfm-v5 #sfm-prevbg .sfm-dot{width:11px;height:11px}}
/* 5.0: convivenza con il tema del sito */
#sfm.sfm-v5 header.sfm-top{border:0!important;padding:0!important;background:none!important;box-shadow:none!important}
#sfm.sfm-v5 .sfm-dl-size select{width:auto!important;min-width:0;max-width:100%}
@media (max-width:900px){
  body:has(#sfm.sfm-v5) #cookie-law-info-again{left:auto!important;right:8px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;padding:4px 9px!important;font-size:11px!important;border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important}
}

/* 5.1: Libro prima della vista (anche in Semplice), guida con icona, ritocco con pulsanti chiari */
#sfm.sfm-v5[data-mode=simple] .sfm-side .sfm-acc[data-acc=book]:not(.sfm-hide){display:block!important}
#sfm.sfm-v5[data-mode=simple] [data-acc=book] .sfm-acc-b{display:block!important}
#sfm.sfm-v5 .sfm-book-format{grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 12px}
#sfm.sfm-v5 .sfm-book-format label{font:600 11.5px/1.3 'SF Poppins',Poppins,sans-serif;color:var(--v5-p)}
#sfm.sfm-v5 .sfm-book-format select{border-radius:10px;border-color:var(--v5-line);font-size:12px;padding:9px 30px 9px 9px}
#sfm.sfm-v5 .sfm-mode{display:flex;align-items:center;gap:8px}
#sfm.sfm-v5 .sfm-help-btn{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;padding:0;border:1px solid var(--v5-line);border-radius:12px;background:#fff;color:var(--v5-p);cursor:pointer;box-shadow:0 1px 2px rgba(8,61,80,.05);transition:background .15s,color .15s,border-color .15s}
#sfm.sfm-v5 .sfm-help-btn svg,#sfm.sfm-v5 .sfm-mode .sfm-help-btn svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#sfm.sfm-v5 .sfm-help-btn:hover{background:var(--v5-p);border-color:var(--v5-p);color:#fff}
#sfm .sfm-guide-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(8,32,42,.55);animation:sfm-fade .2s ease}
#sfm .sfm-guide-modal[hidden]{display:none}
#sfm .sfm-guide-dialog{display:flex;flex-direction:column;width:min(780px,100%);max-height:min(86vh,900px);background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden}
#sfm .sfm-guide-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #dbe4e8}
#sfm .sfm-guide-top strong{font:700 18px/1.2 'SF League Spartan','League Spartan','SF Poppins',sans-serif;color:#083d50}
#sfm .sfm-guide-x{width:38px;height:38px;border:0;border-radius:10px;background:#f3f6f7;color:#083d50;font-size:24px;line-height:1;cursor:pointer}
#sfm .sfm-guide-x:hover{background:#083d50;color:#fff}
#sfm .sfm-guide-dialog .sfm-guide-body{max-height:none;overflow:auto;border-top:0;padding:6px 22px 22px;font-size:14px;line-height:1.75;color:#193b47}
html.sfm-guide-open{overflow:hidden}
#sfm.sfm-v5 [data-acc=retouch] .sfm-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 14px!important}
#sfm.sfm-v5 [data-acc=retouch] .sfm-actions .sfm-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 10px;border-radius:12px;font:600 12.5px/1.2 'SF Poppins',Poppins,sans-serif}
#sfm.sfm-v5 [data-acc=retouch] .sfm-actions .sfm-btn svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#sfm.sfm-v5 #sfm-adj-auto{background:var(--v5-o);border-color:var(--v5-o);color:#fff;box-shadow:0 6px 14px rgba(248,122,17,.25)}
#sfm.sfm-v5 #sfm-adj-auto:hover{background:var(--v5-od);border-color:var(--v5-od)}
#sfm.sfm-v5 #sfm-adj-reset{background:#fff;border:1.5px solid var(--v5-p);color:var(--v5-p)}
#sfm.sfm-v5 #sfm-adj-reset:hover{background:var(--v5-p);color:#fff}
@media (max-width:640px){#sfm.sfm-v5 .sfm-help-btn{width:38px;height:38px}#sfm .sfm-guide-modal{padding:0;align-items:flex-end}#sfm .sfm-guide-dialog{max-height:92vh;border-radius:18px 18px 0 0}}

/* ===== Card social 5.0: schede, template con anteprima, selezione diretta ===== */
#sfm.sfm-v5 .sfm-social{--c5-p:#083d50;--c5-o:#f87a11;--c5-line:#dbe4e8;--c5-muted:#536c76;--c5-bg:#f3f6f7}
#sfm.sfm-v5 .sc-heading{margin-bottom:14px}
#sfm.sfm-v5 .sc-heading h2{font-size:28px!important}
#sfm.sfm-v5 .sc-layout{grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:18px}
#sfm.sfm-v5 .sc-controls{max-height:none;overflow:visible;padding:0}
#sfm.sfm-v5 .sc-tabs{position:sticky;top:10px;z-index:4;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:4px;margin:0 0 12px;background:#fff;border:1px solid var(--c5-line);border-radius:14px;box-shadow:0 4px 12px rgba(8,61,80,.06)}
#sfm.sfm-v5 .sc-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;border:0;border-radius:10px;background:transparent;color:var(--c5-muted);font:600 11px/1.1 'SF Poppins',Poppins,sans-serif;cursor:pointer}
#sfm.sfm-v5 .sc-tab[aria-selected=true]{background:var(--c5-p);color:#fff}
#sfm.sfm-v5 .sc-tab:not([aria-selected=true]):hover{background:#eaf2f4;color:var(--c5-p)}
#sfm.sfm-v5 .sc-panel{display:flex;flex-direction:column;gap:10px}
#sfm.sfm-v5 .sc-panel[hidden]{display:none}
#sfm.sfm-v5 .sc-panel>.sc-field{padding:12px;background:#fff;border:1px solid var(--c5-line);border-radius:14px;margin:0}
#sfm.sfm-v5 .sc-group{margin:0;border-color:var(--c5-line);border-radius:14px}
#sfm.sfm-v5 .sc-group>summary{font:700 15px/1.2 'SF League Spartan','League Spartan',sans-serif;padding:13px 14px}
#sfm.sfm-v5 .sc-group.sc-plain{padding:14px}
#sfm.sfm-v5 .sc-group-title{font:700 14px/1.2 'SF League Spartan','League Spartan',sans-serif;color:var(--c5-p);margin:4px 0 9px}
#sfm.sfm-v5 .sc-group-title:not(:first-child){margin-top:16px}
#sfm.sfm-v5 .sc-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#sfm.sfm-v5 .sc-template{display:flex;flex-direction:column;gap:5px;padding:5px 5px 7px;border:1.5px solid var(--c5-line);border-radius:12px;background:#fff;color:var(--c5-p);font:600 11px/1.25 'SF Poppins',Poppins,sans-serif;text-align:left;cursor:pointer;min-width:0;transition:border-color .15s,transform .15s}
#sfm.sfm-v5 .sc-template canvas{display:block;width:100%;height:auto;aspect-ratio:200/140;border-radius:8px;background:#eef2f3}
#sfm.sfm-v5 .sc-template:hover{border-color:#f3b37c;transform:translateY(-1px)}
#sfm.sfm-v5 .sc-template[aria-pressed=true]{border-color:var(--c5-o);box-shadow:0 0 0 1px var(--c5-o);background:#fff7ef}
#sfm.sfm-v5 .sc-template span{padding:0 3px}
#sfm.sfm-v5 .sc-add-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#sfm.sfm-v5 .sc-add-light{padding:8px;border:1px solid var(--c5-line);border-radius:9px;background:#fff;color:var(--c5-p);font:600 11px/1.2 'SF Poppins',Poppins,sans-serif;text-align:left;cursor:pointer}
#sfm.sfm-v5 .sc-add-light:hover{border-color:var(--c5-o);background:#fff7ef}
#sfm.sfm-v5 .sc-light-settings{margin-top:14px;padding:12px;border:1.5px solid #f3c69b;border-radius:12px;background:#fffaf5}
#sfm.sfm-v5 .sc-light-settings[hidden]{display:none}
#sfm.sfm-v5 .sc-light-actions-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#sfm.sfm-v5 .sc-light-actions-row .sc-btn{flex:1 1 auto}
#sfm.sfm-v5 .sc-danger{color:#a33a1a!important;border-color:#e9b9a6!important}
#sfm.sfm-v5 .sc-light-note{padding:9px 11px;border-radius:10px;background:#fff4ea;color:#8a4a12!important}
#sfm.sfm-v5 .sc-stage{top:12px;border-color:var(--c5-line);border-radius:18px;box-shadow:0 10px 30px rgba(8,61,80,.07)}
#sfm.sfm-v5 .sc-canvas-wrap{background:repeating-conic-gradient(#e7edf0 0 25%,#eff3f5 0 50%) 0 0/22px 22px;border-radius:12px}
#sfm.sfm-v5 #sc-canvas{max-height:min(640px,calc(100vh - 260px));border-radius:4px;box-shadow:0 8px 30px rgba(8,61,80,.18)}
#sfm.sfm-v5 .sc-export .sc-primary{background:var(--c5-o);border-color:var(--c5-o);color:#fff;border-radius:12px;font:600 14px/1.2 'SF Poppins',Poppins,sans-serif;padding:13px 22px;box-shadow:0 8px 18px rgba(248,122,17,.28)}
#sfm.sfm-v5 .sc-export .sc-btn{border-radius:12px}
#sfm.sfm-v5 .sc-selection-tools{padding:9px 12px;border-radius:12px}
#sfm.sfm-v5 .sc-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#sfm.sfm-v5 .sc-theme{border-radius:12px;padding:5px;border:1.5px solid var(--c5-line)}
#sfm.sfm-v5 .sc-theme[aria-pressed=true]{border-color:var(--c5-o);box-shadow:0 0 0 1px var(--c5-o);background:#fff7ef}
#sfm.sfm-v5 .sc-frame-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}
#sfm.sfm-v5 .sc-frame-btn{display:flex;flex-direction:column;gap:4px;padding:4px 4px 6px;border:1.5px solid var(--c5-line);border-radius:10px;background:#fff;color:var(--c5-p);font:600 10px/1.2 'SF Poppins',Poppins,sans-serif;cursor:pointer}
#sfm.sfm-v5 .sc-frame-btn canvas{width:100%;height:auto;border-radius:6px}
#sfm.sfm-v5 .sc-frame-btn[aria-pressed=true]{border-color:var(--c5-o);box-shadow:0 0 0 1px var(--c5-o);background:#fff7ef}
@media (max-width:900px){
  #sfm.sfm-v5 .sc-layout{display:flex;flex-direction:column;gap:12px}
  #sfm.sfm-v5 .sc-stage{display:contents}
  #sfm.sfm-v5 .sc-stage-toolbar{order:0;margin:0}
  #sfm.sfm-v5 .sc-canvas-wrap{order:1;position:sticky;top:0;z-index:6;padding:8px;margin:0 -12px;border-radius:0;box-shadow:0 8px 14px -12px rgba(8,61,80,.35)}
  #sfm.sfm-v5 #sc-canvas{max-height:44vh;max-height:44svh}
  #sfm.sfm-v5 .sc-selection-tools{order:2;margin:0}
  #sfm.sfm-v5 .sc-controls{order:3}
  #sfm.sfm-v5 .sc-stage>.sc-note{order:4}
  #sfm.sfm-v5 .sc-status{order:5}
  #sfm.sfm-v5 .sc-export{order:6;position:sticky;bottom:0;z-index:7;margin:0 -12px -12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--c5-line);flex-wrap:nowrap}
  #sfm.sfm-v5 .sc-export button{flex:1;padding:12px 8px}
  #sfm.sfm-v5 .sc-tabs{top:auto;position:relative}
  #sfm.sfm-v5 .sc-heading{flex-wrap:wrap}
}
#sfm .sfm-guide-dialog .sfm-guide-body p{margin:0 0 12px}