:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17212b;background:#f5f6f7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1873c9;outline-offset:3px}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(20px,4vw,64px);color:#fff;background:#14202a}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;letter-spacing:-.02em}.brandmark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#14202a;background:#f8cb28;font-size:18px;font-weight:900}.topnote{font-size:13px;color:#c8d1d9}.topbar a{color:#fff;text-decoration:none;font-size:14px;font-weight:650}main{width:min(1440px,100%);margin:auto;padding:clamp(18px,3vw,40px)}.intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:6px 0 24px}h1{margin:0;font-size:clamp(27px,3.2vw,42px);line-height:1.08;letter-spacing:-.045em}.intro p{margin:9px 0 0;color:#66717c;font-size:16px}.chip{flex:none;padding:8px 12px;border:1px solid #d6dde2;border-radius:999px;background:#fff;color:#45505b;font-size:13px}.workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:24px;align-items:start}.stage-card,.controls{border:1px solid #e3e7ea;border-radius:20px;background:#fff;box-shadow:0 14px 50px #11202c0b}.stage-card{overflow:hidden}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #edf0f2}.stage-toolbar strong{font-size:15px}.view-switch{display:inline-flex;padding:4px;border-radius:12px;background:#eef1f3}.view-switch button{padding:9px 14px;border:0;border-radius:9px;background:transparent;color:#65707b;font-size:14px;font-weight:650}.view-switch button[aria-selected=true]{color:#182630;background:#fff;box-shadow:0 2px 7px #12202c1a}.stage{position:relative;width:100%;aspect-ratio:1;background:#fff;overflow:hidden;touch-action:none}#shirtCanvas{display:block;width:100%;height:100%}.print-area{position:absolute;left:36.1%;top:23.975%;width:28.8%;height:44.55%;border:2px dashed #17212bcc;border-radius:7px;box-shadow:0 0 0 1px #fff,inset 0 0 0 1px #fff;touch-action:none}.stage.back .print-area{top:20.6%;height:46.8%}.stage.dark-shirt .print-area{border-color:#fff;box-shadow:0 0 0 1px #17212b,inset 0 0 0 1px #17212b}.print-area:after{content:"Zona orientativa";position:absolute;left:50%;bottom:-29px;transform:translate(-50%);white-space:nowrap;padding:3px 7px;border-radius:5px;color:#52606a;background:#ffffffdb;font-size:11px}.art{position:absolute;max-width:90%;user-select:none;touch-action:none;cursor:grab;transform:translate(-50%,-50%)}.art:active{cursor:grabbing}.art.selected{outline:2px solid #136bc4;outline-offset:5px}.art.text{z-index:1;width:max-content;white-space:pre-line;text-align:center;font-weight:800;line-height:1.08;letter-spacing:-.02em;text-shadow:0 1px 2px #0002}.art.image{object-fit:contain;max-height:90%}.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;border-top:1px solid #edf0f2;color:#66717c;font-size:13px}.stage-footer span{max-width:420px}.controls{padding:clamp(20px,2.4vw,30px)}.controls h2{margin:0 0 17px;font-size:20px;letter-spacing:-.02em}.section{padding:21px 0;border-top:1px solid #e9ecef}.section:first-of-type{padding-top:0;border:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;font-size:15px;font-weight:750}.section-title small{color:#76818b;font-size:12px;font-weight:500}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:35px;height:35px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #c7cdd2,0 2px 7px #0002}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px #152633,0 2px 7px #0002}.color-name{margin:12px 0 0;color:#68747f;font-size:13px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label.field{display:grid;gap:7px;color:#394650;font-size:13px;font-weight:650}select,input[type=text],input[type=number]{width:100%;min-height:43px;border:1px solid #cfd7dd;border-radius:9px;padding:9px 11px;color:#1c2933;background:#fff}.quantity-field{margin-top:12px}input[type=color]{width:44px;height:43px;padding:3px;border:1px solid #cfd7dd;border-radius:9px;background:#fff}.text-fields{display:grid;grid-template-columns:1fr 48px;gap:10px}.font-field{margin-top:12px}.drag-hint{margin:0;padding:12px 20px;border-top:1px solid #edf0f2;background:#f1f7fc;color:#224865;font-size:14px;font-weight:650}.fine{margin:8px 0 0;font-size:12px;line-height:1.45;color:#71808a}.range-row{display:flex;align-items:center;gap:10px;margin-top:12px}.range-row label{min-width:65px;color:#5e6973;font-size:13px}input[type=range]{width:100%;accent-color:#152633}.upload{display:flex;align-items:center;justify-content:center;min-height:76px;padding:12px;border:1px dashed #9ba9b3;border-radius:11px;background:#f9fafb;color:#33424d;font-size:14px;font-weight:650;text-align:center;cursor:pointer}.upload:hover{background:#f0f5f8}.upload input{position:absolute;width:1px;height:1px;opacity:0}.button-row{display:flex;gap:10px;margin-top:14px}.secondary,.primary{min-height:44px;border-radius:10px;padding:10px 15px;font-size:14px;font-weight:700}.secondary{border:1px solid #cbd4db;background:#fff;color:#263540}.primary{width:100%;border:1px solid #14202a;background:#14202a;color:#fff}.primary:hover{background:#263b4b}.secondary:hover{background:#f2f5f7}.review-button{margin-top:14px}.price-box{margin-top:15px;padding:14px 16px;border:1px solid #dfe7ec;border-radius:11px;background:#f7fafb}.price-box strong{display:block;font-size:18px}.price-box span{display:block;margin-top:3px;color:#687681;font-size:12px;line-height:1.4}.muted{color:#87939c}@media(max-width:920px){.workspace{grid-template-columns:1fr}.stage-card,.controls{max-width:700px}}@media(max-width:560px){.topbar{min-height:62px}.topnote,.chip{display:none}main{padding:16px}.intro{margin-bottom:18px}.stage-toolbar{padding:12px}.stage-toolbar strong{font-size:13px}.view-switch button{padding:8px 10px}.stage-footer{align-items:start;flex-direction:column;padding:12px}.controls{padding:18px}}