:root{--pink:#ff1493;--hot:#ff2bb5;--purple:#7b2cff;--blue:#315cff;--cyan:#00e5ff;--ink:#080a27;--garment:#fff;--shadow:0 18px 45px rgba(17,8,55,.28)}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#11152f;background:radial-gradient(circle at 15% 15%,#26116e 0 12%,transparent 32%),radial-gradient(circle at 85% 25%,#072c73 0 10%,transparent 30%),#050720;min-height:100vh}body:before,body:after{content:"❤";position:fixed;color:#ff2bd6;font-size:34px;filter:drop-shadow(0 0 10px #ff2bd6);opacity:.7;z-index:-1;animation:float 5s ease-in-out infinite}body:before{left:2%;top:42%}body:after{right:3%;top:70%;animation-delay:1.5s}@keyframes float{50%{transform:translateY(-18px) rotate(8deg)}}.top{min-height:112px;background:linear-gradient(180deg,#04051b,#0b0a34);display:grid;grid-template-columns:230px 1fr 190px;align-items:center;gap:18px;padding:8px 22px;border-bottom:2px solid var(--cyan);box-shadow:0 0 25px #00dfff66;position:relative}.top:after{content:"";position:absolute;inset:auto 0 -5px 0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink),var(--cyan));filter:blur(2px)}.brand img{width:210px;height:92px;object-fit:contain;filter:drop-shadow(0 0 9px #ff26e4)}.tagline{text-align:center;color:#fff;font-size:17px;letter-spacing:1px}.tagline b{display:block;font-size:30px;color:#fff;text-shadow:0 0 8px #8b5cff,0 0 20px #ff16cc;margin-top:5px}.icons{text-align:right;color:#fff;font-size:17px;font-weight:bold}.icons span{display:inline-block;background:var(--pink);border-radius:50%;min-width:22px;padding:3px 6px;font-size:12px;box-shadow:0 0 10px #ff1493}nav{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;background:#05051d;padding:8px;border-bottom:1px solid #743bff}nav a{color:#fff;text-decoration:none;padding:9px 12px;font-size:12px;font-weight:900;letter-spacing:.2px;border-radius:3px;cursor:pointer}nav a:hover,nav a.active{background:linear-gradient(90deg,#6f1fff,#11cfea);box-shadow:0 0 12px #6f1fff;color:#fff}main{max-width:1450px;margin:auto;padding:14px}.crumb{color:#cbd4ff;font-size:13px;margin:3px 0 12px}.builder{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.78fr);gap:18px}.preview-card,.options{background:linear-gradient(180deg,#fff,#f7f8ff);border:2px solid #d7e1ff;border-radius:18px;padding:16px;box-shadow:0 0 0 2px #ff20b522,0 12px 45px #0008}.view-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.view,.choice{border:1px solid #c8d0e5;background:#fff;border-radius:9px;padding:10px 13px;font-weight:800;cursor:pointer;transition:.18s}.view:hover,.choice:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6d38ff22}.view.active,.choice.selected{background:linear-gradient(90deg,#661cff,#08cfee);color:#fff;border-color:transparent;box-shadow:0 0 14px #6730ff55}.preview-stage{height:620px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff 0 22%,#eef2ff 48%,#dce3ff 100%);border:1px solid #d5dcf7}.preview-stage:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 10deg,transparent 0 15%,#00ddff20 16% 23%,transparent 24% 45%,#ff00d420 46% 53%,transparent 54% 75%,#6f1fff20 76% 83%,transparent 84%);animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-stage:after{content:"✦   ♥   ✦   ♥   ✦";position:absolute;top:16px;left:0;right:0;text-align:center;color:#8d2dff;font-size:20px;letter-spacing:28px;opacity:.75;text-shadow:0 0 10px #ff1ad5}.garment{position:relative;width:500px;height:535px;filter:drop-shadow(0 30px 24px #07103855);perspective:900px;transform:rotateY(-4deg);transition:.3s}.garment:hover{transform:rotateY(0deg) translateY(-3px)}.hood{position:absolute;z-index:4;left:167px;top:25px;width:166px;height:135px;background:linear-gradient(145deg,var(--garment) 5%,#0002 95%);border-radius:52% 52% 44% 44%;box-shadow:inset 12px 12px 20px #fff7,inset -15px -18px 25px #0003,0 7px 12px #0002}.hood:after{content:"";position:absolute;left:28px;top:27px;width:110px;height:78px;border-radius:50%;background:linear-gradient(145deg,#0003,#fff4);box-shadow:inset 0 0 18px #0003}.body{position:absolute;z-index:3;left:82px;top:92px;width:335px;height:375px;background:linear-gradient(120deg,#fff6 0 4%,var(--garment) 16% 70%,#0003 100%);border-radius:45px 45px 28px 28px;box-shadow:inset 18px 12px 28px #fff8,inset -25px -30px 35px #0003,0 8px 14px #0002}.body:before{content:"";position:absolute;left:125px;top:8px;width:85px;height:34px;border-radius:0 0 50px 50px;background:#0003;box-shadow:inset 0 7px 10px #0003}.sleeve{position:absolute;z-index:2;top:112px;width:125px;height:300px;background:linear-gradient(110deg,#fff5 0 8%,var(--garment) 28% 72%,#0003);border-radius:58px 58px 38px 38px;box-shadow:inset 14px 10px 22px #fff7,inset -16px -18px 22px #0003}.sleeve.left{left:6px;transform:rotate(10deg)}.sleeve.right{right:6px;transform:rotate(-10deg)}.cuff{position:absolute;z-index:1;top:389px;width:118px;height:36px;background:linear-gradient(90deg,#0002,var(--garment),#0002);border-radius:13px}.cuff.left{left:2px;transform:rotate(10deg)}.cuff.right{right:2px;transform:rotate(-10deg)}.print-area{position:absolute;z-index:7;left:157px;top:160px;width:185px;height:220px;border:1px dashed #6c3dff55;border-radius:12px;display:flex;align-items:center;justify-content:center}.design{position:relative;width:155px;height:155px;background:linear-gradient(145deg,#741cff,#ff16bd 52%,#00d9ff);color:#fff;border-radius:25px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;font-size:27px;line-height:1;overflow:visible;padding:8px;box-shadow:0 8px 22px #4815b755,0 0 16px #ff1bdc44;object-fit:contain;cursor:move}.design.selected-design{outline:2px solid #12dff7;outline-offset:5px;box-shadow:0 0 0 5px #ff17c833,0 8px 22px #4815b755,0 0 22px #00dfff66}.floating-design-controls{position:absolute;left:50%;top:50%;width:220px;height:220px;transform:translate(-50%,-50%);z-index:30;pointer-events:none}.floating-design-controls button{position:absolute;width:34px;height:34px;border:2px solid #fff;border-radius:50%;background:linear-gradient(135deg,#661cff,#ff16bd,#00d9ff);color:#fff;font-size:19px;font-weight:900;line-height:28px;padding:0;cursor:pointer;pointer-events:auto;box-shadow:0 0 12px #ff16bd99,0 3px 10px #080a2766;text-shadow:0 1px 2px #000}.floating-design-controls button:hover{transform:scale(1.12);filter:brightness(1.15)}.floating-design-controls button:nth-child(1){left:93px;top:-12px}.floating-design-controls button:nth-child(2){left:0;top:58px}.floating-design-controls button:nth-child(3){left:93px;top:58px}.floating-design-controls button:nth-child(4){right:0;top:58px}.floating-design-controls button:nth-child(5){left:35px;bottom:8px}.floating-design-controls button:nth-child(6){left:93px;bottom:8px}.floating-design-controls button:nth-child(7){right:35px;bottom:8px}.design img{width:100%;height:100%;object-fit:contain}.design small{font-size:12px}.back-area,.left-area,.right-area{display:none}.back-area{left:157px;top:160px}.left-area{left:34px;top:155px;width:88px;height:200px}.right-area{left:378px;top:155px;width:88px;height:200px}.sleeve-design{width:70px;height:135px;font-size:13px}.all-views{display:none;gap:22px;align-items:center;justify-content:center;width:100%;height:100%;z-index:5}.all-views>div{text-align:center;font-weight:900;color:#222}.mini{width:150px;height:205px;background:linear-gradient(120deg,#fff,var(--garment),#0002);border-radius:30px;box-shadow:0 10px 24px #1114;position:relative}.mini:before{content:"";position:absolute;left:25px;top:18px;width:100px;height:80px;background:var(--garment);border-radius:50%;box-shadow:inset -8px -10px 12px #0002}.mini:after{content:"";position:absolute;left:42px;top:90px;width:66px;height:76px;background:linear-gradient(145deg,#741cff,#ff16bd,#00d9ff);border-radius:10px}.helper{padding:10px;text-align:center;color:#4b557c;font-size:13px}.title-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e1e5f3;padding-bottom:10px}.title-row h1{margin:0;color:#111a45}.title-row p{margin:6px 0 0;color:#5c6685}.title-row strong{font-size:26px;color:#ed159b;white-space:nowrap}.options label{display:block;font-weight:bold;margin:12px 0 7px}.choices{display:flex;gap:7px;flex-wrap:wrap}.sizes .choice{min-width:44px}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid #aab1c7;background:#fff;cursor:pointer}.swatch.black{background:#111827}.swatch.gray{background:#a5aab4}.swatch.purple{background:#6d28d9}.swatch.lilac{background:#8b5cf6}.swatch.blue{background:#2563eb}.swatch.cyan{background:#10bcd4}.swatch.red{background:#ef3340}.swatch.selected{outline:3px solid #16c9e8;outline-offset:2px}select{width:100%;padding:12px;border:1px solid #cdd2e5;border-radius:10px;font-weight:bold}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checks label{font-weight:normal;margin:0}.checks input{accent-color:#7217dc}.uploads{display:grid;grid-template-columns:1fr 1fr;gap:8px}.upload{border:1px dashed #7d88ac;border-radius:10px;padding:11px;text-align:center;color:#4a547c;cursor:pointer;background:#fafbff}.upload input{display:block;width:100%;margin-top:6px}.another{border:0;background:none;color:#6318c8;font-weight:bold;padding:10px 0;cursor:pointer}.design-controls{margin-top:10px;padding:10px;border-radius:10px;background:#f0f3ff;border:1px solid #dce2ff}.design-controls strong{font-size:13px}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.control-row button{padding:8px;border:1px solid #ccd3ed;background:#fff;border-radius:8px;cursor:pointer;font-weight:bold}.total-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;padding-top:12px;margin-top:10px;font-size:18px}.total-row b{font-size:24px;color:#ec159b}.cart{width:100%;margin-top:10px;padding:16px;border:0;border-radius:10px;background:linear-gradient(90deg,#ff0b96,#7b20ff,#00cce9);color:#fff;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px #ff0b9655}.cart:hover{filter:brightness(1.08);transform:translateY(-1px)}.info{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;background:linear-gradient(90deg,#050720,#10053b);color:#fff;padding:20px;border-radius:18px;border:1px solid #743bff;box-shadow:0 0 20px #531dff44}.info div{text-align:center}.info h3{color:#19d9f4;text-shadow:0 0 8px #19d9f4}.info p{color:#dbe1ff}@media(max-width:980px){.top{grid-template-columns:1fr;text-align:center}.brand img{display:block;margin:auto}.icons{text-align:center}.builder{grid-template-columns:1fr}.info{grid-template-columns:1fr 1fr}}@media(max-width:560px){.preview-stage{height:500px}.garment{transform:scale(.78)}.info{grid-template-columns:1fr}.uploads,.checks{grid-template-columns:1fr}.tagline b{font-size:22px}}

/* Uploaded artwork: automatically fitted and centered inside the printable area. */
.design.uploaded-design{
  background:transparent;
  border-radius:0;
  padding:0;
  box-shadow:none;
  overflow:visible;
}
.design.uploaded-design.selected-design{
  outline:2px solid #12dff7;
  outline-offset:5px;
  box-shadow:0 0 0 5px #ff17c833,0 0 22px #00dfff66;
}
.design.uploaded-design .uploaded-art{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  pointer-events:none;
  user-select:none;
  filter:drop-shadow(0 5px 8px rgba(20,10,70,.22));
}