.studio-head{padding:48px 5.7vw 36px;display:flex;justify-content:space-between;align-items:end}.studio-head h1{font:600 58px/.95 'Playfair Display';letter-spacing:-.06em;margin:0}.studio-head>p{width:270px;color:#667a77;font-size:13px;line-height:1.5}.studio{border-top:1px solid var(--line);display:grid;grid-template-columns:1.05fr .95fr}.controls{padding:42px 7vw 65px 5.7vw}.controls section{padding-bottom:27px;margin-bottom:26px;border-bottom:1px solid var(--line)}.controls h2{font-size:14px;margin:0 0 15px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.products button,.fonts button{background:#fff;border:1px solid var(--line);padding:11px;font-size:11px}.products .selected,.fonts .selected{border:2px solid var(--coral);color:var(--coral)}.swatches{display:flex;gap:12px}.swatches button{width:29px;height:29px;border-radius:50%;border:2px solid transparent;outline:1px solid #aaa;outline-offset:2px}.swatches .selected{outline:2px solid var(--coral);outline-offset:3px}.ocean{background:#287782}.cream{background:#eee0c6}.pink{background:#d991a5}.forest{background:#365d4b}.black{background:#292b2c}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:none;padding:0 0 10px;font-size:12px}.tabs .active{border-bottom:2px solid var(--coral);font-weight:bold}.panel{display:none;padding-top:17px}.panel.active{display:block}.upload{height:130px;border:1px dashed #899c99;background:#fff;display:grid;place-content:center;text-align:center;gap:4px;cursor:pointer;font-size:23px}.upload b{font-size:12px}.upload small,.panel>small,.controls section>small{font-size:10px;color:#687b78}.panel>small{display:block;margin-top:8px}.panel input{width:100%;padding:12px;border:1px solid var(--line)}.fonts{display:flex;gap:8px;margin-top:12px}.templates{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.templates button{height:74px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:bold}.positions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.positions button{height:47px;background:#fff;border:1px solid var(--line);display:grid;place-content:center;font-size:16px}.positions small{font-size:8px}.positions .selected{border:2px solid var(--coral);color:var(--coral)}.live-preview{background:#eee5d8;padding:42px 7vw 52px}.preview-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:16px}.preview-top button{border:0;background:none;text-decoration:underline;font-size:11px}.preview-stage{height:440px;background:#f9f5ee;display:grid;place-items:center;position:relative}.preview-stage>span{position:absolute;bottom:12px;font:9px var(--mono);color:#697d7a}.garment{width:350px;height:390px;background:#ddd center/cover no-repeat;border-radius:5px;position:relative;isolation:isolate;overflow:hidden}.garment:before{content:'';position:absolute;inset:0;background:currentColor;mix-blend-mode:color;opacity:.48;z-index:0}.garment.ocean{color:#287782}.garment.cream{color:#eee0c6}.garment.pink{color:#d991a5}.garment.forest{color:#365d4b}.garment.black{color:#292b2c}.garment.tee{background-image:url('https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?auto=format&fit=crop&w=900&q=90')}.garment.hoodie{background-image:url('https://images.unsplash.com/photo-1556821840-3a63f95609a7?auto=format&fit=crop&w=900&q=90')}.garment.sweat{background-image:url('https://images.unsplash.com/photo-1618354691373-d851c5c3a990?auto=format&fit=crop&w=900&q=90')}.garment.long{background-image:url('https://images.unsplash.com/photo-1562157873-818bc0726f68?auto=format&fit=crop&w=900&q=90')}.garment.cap{background-image:url('https://images.unsplash.com/photo-1521369909029-2afed882baee?auto=format&fit=crop&w=900&q=90')}.garment.cap #printArea{left:30%;right:30%;top:24%;bottom:43%}#printArea{z-index:1;position:absolute;left:25%;right:25%;top:23%;bottom:20%;border:1px dashed rgba(255,255,255,.9);background:repeating-linear-gradient(0deg,transparent,transparent 29px,rgba(255,255,255,.14) 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,rgba(255,255,255,.14) 30px)}#design{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58%;height:58%;display:grid;place-items:center;cursor:grab;touch-action:none}#design:active{cursor:grabbing}#uploaded,#textDesign,#templateDesign{display:none;position:absolute;inset:0;place-content:center;text-align:center;color:#fff;font-weight:bold;text-shadow:0 1px 2px #173b39}#uploaded.shown{display:block;background-size:contain;background-repeat:no-repeat;background-position:center}#textDesign.shown,#templateDesign.shown{display:grid;font-size:21px;line-height:.95}#textDesign.serif{font-family:'Playfair Display';font-style:italic}#textDesign.script{font-family:'Playfair Display';font-size:28px;font-style:italic}.summary{display:flex;justify-content:space-between;padding:18px 0;font-size:13px}.summary small{display:block;color:#647976;margin-top:5px;font-size:11px}.summary strong{font:13px var(--mono)}.size-label{display:block;font-size:12px;margin-bottom:15px}.size-label select{margin-left:10px;padding:7px;border:1px solid var(--line);background:white}.live-preview>.button{width:100%}@media(max-width:760px){.studio-head{display:block;padding:40px 7vw 25px}.studio-head h1{font-size:48px}.studio-head>p{width:auto}.studio{grid-template-columns:1fr}.controls,.live-preview{padding:35px 7vw}.preview-stage{height:380px}.garment{width:290px;height:340px}}

/* DTG-specific print surfaces and stronger garment color treatments */
.surface-controls{padding-bottom:27px;margin-bottom:26px;border-bottom:1px solid var(--line)}.surfaces{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.surfaces button{height:55px;background:#fff;border:1px solid var(--line);display:grid;place-content:center;font-size:17px}.surfaces small{font-size:8px;margin-top:2px}.surfaces .selected{border:2px solid var(--coral);color:var(--coral)}.surface-hint{display:block;color:#687b78;font-size:10px;margin-top:10px}.garment:before{mix-blend-mode:multiply;opacity:.72}.garment.cream:before{opacity:.26}.garment.black:before{opacity:.88}.garment.surface-back{background-position:right center}.garment.surface-pocket-left #printArea{left:25%;right:52%;top:26%;bottom:48%}.garment.surface-pocket-right #printArea{left:52%;right:25%;top:26%;bottom:48%}.garment.surface-sleeve-left #printArea{left:4%;right:72%;top:26%;bottom:45%}.garment.surface-sleeve-right #printArea{left:72%;right:4%;top:26%;bottom:45%}.garment.surface-back #printArea{left:25%;right:25%;top:23%;bottom:20%}@media(max-width:760px){.surfaces{grid-template-columns:repeat(2,1fr)}}
#productImg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;background:#ddd}.garment:has(#productImg:not([style*="display: none"])):before{display:none}.garment:has(#productImg:not([style*="display: none"])) #printArea{z-index:2}