.a2x{--a2x-red:#E30613;--a2x-grey:#666;--a2x-soft:#f3f3f3;display:flex;flex-wrap:wrap;align-items:flex-start;border:1px solid #e2e2e2;background:#fff;color:#000;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.4;margin:0 0 2em}
.a2x *{box-sizing:border-box}
.a2x h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;padding:0;font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1.2;color:#000;text-transform:none}
.a2x h3 output{font-size:14px;font-weight:500;color:var(--a2x-grey)}
.a2x-n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#000;color:#fff;font-size:14px;font-weight:700}
.a2x-stage{position:relative;flex:1 1 440px;aspect-ratio:4/3;min-height:340px;background:#000}
@media (min-width:900px){.a2x-stage{position:sticky;top:20px}}
.a2x-stage.a2x-drag{outline:4px dashed var(--a2x-red);outline-offset:-10px}
.a2x canvas#a2x-view{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none}
.a2x .a2x-hint{position:absolute;left:16px;bottom:14px;margin:0;color:#8a8a8a;font-size:13px;pointer-events:none}
.a2x-panel{flex:1 1 340px;padding:22px;display:flex;flex-direction:column;gap:26px}
.a2x-step{display:flex;flex-direction:column;gap:12px;padding-bottom:24px;border-bottom:1px solid #e6e6e6;margin:0}
.a2x-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:15px}
.a2x-head label{font-weight:700;margin:0}
.a2x-head output{font-weight:500;color:var(--a2x-grey);font-variant-numeric:tabular-nums}
.a2x-num{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--a2x-grey)}
.a2x .a2x-num input{width:76px;padding:6px 8px;border:1.5px solid #000;border-radius:6px;font:inherit;font-weight:700;color:#000;text-align:right;background:#fff}
.a2x-chips{display:flex;flex-wrap:wrap;gap:8px}
.a2x label.a2x-chip,.a2x label.a2x-tilewrap,.a2x label.a2x-optwrap{position:relative;margin:0;display:block;font-weight:400}
.a2x label.a2x-chip{display:inline-block}
.a2x .a2x-chip input,.a2x .a2x-tilewrap input,.a2x .a2x-optwrap input{position:absolute;opacity:0;inset:0;margin:0;width:100%;height:100%;cursor:pointer;z-index:1}
.a2x .a2x-chip span{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1.5px solid #000;border-radius:999px;font-size:14px;background:#fff;color:#000}
.a2x .a2x-chip input:checked+span{background:#000;color:#fff}
.a2x .a2x-chip svg{width:20px;height:20px;flex:none}
.a2x-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.a2x .a2x-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 6px 12px;border:1.5px solid #ddd;border-radius:10px;font-size:14px;font-weight:700;text-align:center;background:#fff}
.a2x .a2x-tilewrap input:checked+.a2x-tile{border-color:#000;box-shadow:inset 0 0 0 1.5px #000}
.a2x .a2x-tile em{position:absolute;top:-9px;left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:11px;font-weight:700;background:var(--a2x-red);color:#fff;padding:2px 8px;border-radius:999px}
.a2x-sw{width:46px;height:46px;border-radius:50%;display:block;border:1px solid #d4d4d4}
.a2x-sw-bianco{background:#fff}
.a2x-sw-olografico{background:conic-gradient(#b8f0ff,#f3c4ff,#fff1b0,#baffd6,#c9c2ff,#b8f0ff)}
.a2x-sw-glitterato{background:radial-gradient(#ff9ad5 1px,transparent 1.6px) 0 0/6px 6px,radial-gradient(#8fe3ff 1px,transparent 1.6px) 3px 3px/6px 6px,radial-gradient(#fff38a 1px,transparent 1.6px) 1px 4px/7px 7px,#dcdcdc}
.a2x-sw-trasparente{background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 0 0/10px 10px}
.a2x-sw-argento{background:linear-gradient(135deg,#aeb4bb,#f4f5f7 45%,#9ea5ad 70%,#e9ebee)}
.a2x-sw-oro{background:linear-gradient(135deg,#c49b3e,#fff0b3 45%,#b3872a 70%,#f2d98a)}
.a2x-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a2x-opts3{grid-template-columns:repeat(3,1fr)}
.a2x .a2x-opt{display:flex;flex-direction:column;gap:2px;padding:11px 12px;border:1.5px solid #ddd;border-radius:10px;background:#fff;height:100%}
.a2x .a2x-opt strong{font-size:15px}
.a2x .a2x-opt small{font-size:12.5px;color:var(--a2x-grey)}
.a2x .a2x-optwrap input:checked+.a2x-opt{border-color:#000;box-shadow:inset 0 0 0 1.5px #000}
.a2x .a2x-chip input:focus-visible+span,.a2x .a2x-tilewrap input:focus-visible+.a2x-tile,.a2x .a2x-optwrap input:focus-visible+.a2x-opt,.a2x button:focus-visible,.a2x input:focus-visible,.a2x textarea:focus-visible,.a2x summary:focus-visible{outline:3px solid var(--a2x-red);outline-offset:2px}
.a2x input[type=range]{width:100%;accent-color:var(--a2x-red);margin:0;padding:0;border:0;background:transparent}
.a2x-tiers{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a2x button.a2x-tier{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px 13px;border:1.5px solid #ddd;border-radius:10px;background:#fff;color:#000;font:inherit;text-align:left;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0;line-height:1.3;width:100%}
.a2x button.a2x-tier.is-on{border-color:var(--a2x-red);box-shadow:inset 0 0 0 1.5px var(--a2x-red)}
.a2x .a2x-tier em{position:absolute;top:-9px;left:12px;font-style:normal;font-size:11px;font-weight:700;background:#000;color:#fff;padding:2px 8px;border-radius:999px}
.a2x .a2x-row{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.a2x .a2x-row strong{font-size:16px;font-variant-numeric:tabular-nums}
.a2x .a2x-row small{font-size:13px;color:var(--a2x-grey)}
.a2x .a2x-row b{font-size:13px;color:#15803d}
.a2x-custom summary{cursor:pointer;font-weight:700;font-size:15px;text-decoration:underline;text-underline-offset:3px}
.a2x-customrow{display:flex;gap:8px;align-items:center;margin-top:10px;padding:12px;background:var(--a2x-soft);border-radius:10px}
.a2x-customrow label{font-weight:700;font-size:14px;margin:0}
.a2x .a2x-customrow input{flex:1;min-width:0;padding:9px 10px;border:1.5px solid #000;border-radius:6px;font:inherit;background:#fff;color:#000}
.a2x-upload{display:flex;flex-direction:column;gap:8px}
.a2x button.a2x-btn{font:inherit;font-weight:700;font-size:15px;line-height:1.2;padding:13px 16px;border-radius:6px;border:2px solid #000;background:#000;color:#fff;cursor:pointer;text-align:center;text-transform:none;letter-spacing:0;box-shadow:none;width:100%}
.a2x button.a2x-btn.a2x-small-btn{width:auto;padding:9px 16px}
.a2x button.a2x-btn.a2x-red{background:var(--a2x-red);border-color:var(--a2x-red)}
.a2x button.a2x-btn:disabled{opacity:.6;cursor:wait}
.a2x .a2x-small{font-size:13px;color:var(--a2x-grey);line-height:1.45;margin:0}
.a2x .a2x-check{display:flex;gap:10px;align-items:center;font-size:14px;cursor:pointer;margin:0;font-weight:400}
.a2x .a2x-check input{width:18px;height:18px;accent-color:var(--a2x-red);margin:0}
.a2x .a2x-note{font-size:13px;line-height:1.45;color:var(--a2x-red);margin:0}
.a2x .a2x-note:empty{display:none}
.a2x-summary{display:flex;flex-direction:column;gap:10px}
.a2x-freeship{padding:12px 14px;border-radius:10px;background:var(--a2x-soft)}
.a2x-freeship[hidden]{display:none}
.a2x-freeship p{margin:0 0 8px;font-size:14px;font-weight:600}
.a2x-track{height:8px;border-radius:99px;background:#dedede;overflow:hidden}
.a2x-track div{height:100%;background:var(--a2x-red);border-radius:99px;transition:width .3s}
.a2x-card{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:10px;background:var(--a2x-soft)}
.a2x-card small{font-size:13px;color:var(--a2x-grey);font-weight:600}
.a2x-card>strong{font-size:20px;font-weight:800}
.a2x-card>span{font-size:13px;color:var(--a2x-grey)}
.a2x .a2x-totalcard{background:#000;color:#fff}
.a2x .a2x-totalcard small{color:#bbb}
.a2x-totalrow{display:flex;justify-content:space-between;align-items:center;gap:10px}
.a2x-totalrow strong{font-size:40px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.a2x-pill{background:#fff;color:#000;border-radius:999px;padding:6px 12px;font-weight:700;font-size:14px;white-space:nowrap}
.a2x .a2x-switch{display:flex;align-items:center;gap:8px;margin:6px 0 0;font-size:13px;color:#bbb;cursor:pointer;position:relative;width:max-content}
.a2x .a2x-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.a2x .a2x-switch i{width:40px;height:22px;border-radius:99px;background:#444;position:relative;transition:background .15s}
.a2x .a2x-switch i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.a2x .a2x-switch input:checked+i{background:var(--a2x-red)}
.a2x .a2x-switch input:checked+i::after{transform:translateX(18px)}
.a2x .a2x-switch input:focus-visible+i{outline:3px solid #fff;outline-offset:2px}
.a2x .a2x-request{display:flex;flex-direction:column;gap:8px;padding:14px;border:1.5px dashed #bbb;border-radius:10px;margin:0;font-weight:400}
.a2x .a2x-request textarea{width:100%;border:1px solid #ccc;border-radius:6px;padding:9px;font:inherit;font-size:14px;resize:vertical;background:#fff;color:#000}
.a2x .a2x-toast{font-size:13px;color:var(--a2x-red);margin:0}
.a2x .a2x-toast:empty{display:none}
.a2x-bar{position:sticky;bottom:0;z-index:5;flex:1 1 100%;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border-top:1px solid #e2e2e2;box-shadow:0 -8px 20px rgba(0,0,0,.08)}
.a2x-stepper{display:flex;align-items:center;border:1.5px solid #ccc;border-radius:999px;overflow:hidden;flex:none}
.a2x .a2x-stepper button{width:36px;height:40px;border:0;background:#fff;color:#000;font-size:22px;font-weight:700;cursor:pointer;padding:0;box-shadow:none}
.a2x-stepper span{min-width:62px;text-align:center;font-weight:700;font-size:14px;background:var(--a2x-soft);line-height:40px;padding:0 4px}
.a2x-bartotal{display:flex;flex-direction:column;flex:1;min-width:0}
.a2x-bartotal strong{font-size:21px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}
.a2x-bartotal small{font-size:12px;color:var(--a2x-grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a2x .a2x-bar .a2x-btn{width:auto;flex:none;padding:12px 16px}
@media (max-width:700px){.a2x .a2x-hint{display:none}.a2x-stage{aspect-ratio:1/1;min-height:300px}.a2x-panel{padding:18px 14px}.a2x-opts3{grid-template-columns:1fr 1fr 1fr}.a2x .a2x-bar .a2x-btn{padding:12px 12px;font-size:14px}}
@media (max-width:380px){.a2x-stepper span{min-width:52px}.a2x .a2x-stepper button{width:30px}}
@media (prefers-reduced-motion:reduce){.a2x *{transition:none!important}}
.a2x .a2x-quality{font-size:13px;line-height:1.45;padding:9px 11px;border-radius:8px;margin:0}
.a2x .a2x-quality[hidden]{display:none}
.a2x .a2x-quality.is-ok{background:#e8f6ec;color:#14532d}
.a2x .a2x-quality.is-warn{background:#fff4d6;color:#6b4700}
.a2x .a2x-quality.is-bad{background:#fde8ea;color:#9f000b}
.a2x button.a2x-btn.a2x-ghost{background:#fff;color:#000}
.a2x-editor{position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;background:#111;color:#fff;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
.a2x-editor[hidden]{display:none}
.a2x-ed-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #2a2a2a}
.a2x-ed-top strong{font-size:16px}
.a2x .a2x-editor button{font:inherit;font-size:14px;font-weight:700;cursor:pointer;border-radius:8px;box-shadow:none;text-transform:none;letter-spacing:0;line-height:1.2}
.a2x .a2x-editor button.a2x-ed-link{background:none;border:0;color:#ccc;padding:8px 6px}
.a2x .a2x-editor button.a2x-ed-done,.a2x .a2x-editor button.a2x-ed-primary{background:var(--a2x-red);color:#fff;border:0;padding:10px 16px}
.a2x-ed-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
.a2x canvas#a2x-edCanvas{display:block;max-width:none;background:repeating-conic-gradient(#3a3a3a 0 25%,#262626 0 50%) 0 0/16px 16px}
.a2x canvas#a2x-edCanvas.is-picking{cursor:crosshair}
.a2x-crop{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.6);cursor:move;touch-action:none}
.a2x-crop[hidden]{display:none}
.a2x-crop.is-circle{border-radius:50%}
.a2x-handle{position:absolute;right:-14px;bottom:-14px;width:28px;height:28px;border-radius:50%;background:var(--a2x-red);border:3px solid #fff;cursor:nwse-resize}
.a2x-ed-tools{display:flex;flex-direction:column;gap:12px;padding:12px 12px 14px;background:#1a1a1a;border-top:1px solid #2a2a2a}
.a2x-seg{display:grid;grid-template-columns:1fr 1fr;background:#2a2a2a;border-radius:10px;padding:3px}
.a2x .a2x-seg button{background:none;border:0;color:#bbb;padding:9px}
.a2x .a2x-seg button[aria-pressed="true"]{background:#fff;color:#000}
.a2x-ed-panel{display:flex;flex-direction:column;gap:8px}
.a2x-ed-panel[hidden]{display:none}
.a2x-ed-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.a2x .a2x-edchip{position:relative;margin:0}
.a2x .a2x-edchip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.a2x .a2x-edchip span{display:inline-block;padding:8px 13px;border:1.5px solid #555;border-radius:999px;font-size:14px;color:#ddd}
.a2x .a2x-edchip input:checked+span{background:#fff;color:#000;border-color:#fff}
.a2x .a2x-edchip input:focus-visible+span,.a2x .a2x-editor button:focus-visible{outline:3px solid var(--a2x-red);outline-offset:2px}
.a2x .a2x-ed-row .a2x-ed-primary{margin-left:auto}
.a2x-ed-hint{margin:0;font-size:12.5px;color:#9a9a9a}
.a2x .a2x-ed-range{display:flex;align-items:center;gap:10px;font-size:13px;color:#ccc;margin:0}
.a2x .a2x-ed-range input{flex:1}
.a2x-ed-actions{display:grid;grid-template-columns:repeat(4,1fr)}
.a2x .a2x-ed-actions button{background:#2a2a2a;color:#fff;border:0;padding:10px 4px;font-size:12.5px}
.a2x .a2x-ed-actions button:disabled{opacity:.35;cursor:default}
.a2x-crop.is-subject{border:2px dashed #fff;outline:2px dashed var(--a2x-red);outline-offset:-2px}
.a2x canvas#a2x-edCanvas[data-tool="color"]{cursor:crosshair}
.a2x canvas#a2x-edCanvas[data-tool="erase"],.a2x canvas#a2x-edCanvas[data-tool="restore"]{cursor:cell}
.a2x .a2x-ed-range[hidden],.a2x .a2x-editor button[hidden]{display:none}
.a2x .a2x-ed-panel>.a2x-ed-primary{width:100%}
.a2x .a2x-editor button.a2x-ed-ai{width:100%;padding:12px 16px;border:0;border-radius:10px;background:#fff;color:#000;font-size:15px}
.a2x .a2x-editor button.a2x-ed-ai:disabled{opacity:.7;cursor:wait}
.a2x-brand{flex:1 1 100%;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:3px solid #000;background:#fff}
.a2x-brand strong{font-size:28px;font-weight:900;letter-spacing:-.04em;line-height:1;font-style:italic}
.a2x-brand strong span{color:var(--a2x-red)}
.a2x-brand small{font-size:14px;color:var(--a2x-grey)}
