.studio-page{color:#f5f0e7;background:#050505c2;min-height:100vh}.studio-page-intro{background:linear-gradient(90deg,#040404e8,#04040494);padding:clamp(58px,8vw,110px) clamp(24px,12vw,180px) 45px}.studio-page-intro p{color:#caa55a;letter-spacing:2px;margin:0 0 18px;font:700 11px Arial,sans-serif}.studio-page-intro h1{color:#f4ede0;letter-spacing:-6px;margin:0;font:500 clamp(54px,8vw,118px)/.8 Georgia,serif}.studio-page-intro h1 i{color:#caa55a}.studio-page-intro span{color:#d8cfc1;max-width:500px;margin-top:28px;font:18px/1.5 Georgia,serif;display:block}.studio-page .studio-section{background:0 0;padding:35px clamp(18px,6vw,104px) 100px}.studio-page .studio{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05050566;border:1px solid #caa55a61;max-width:1250px;box-shadow:0 32px 90px #00000094}.studio-page .preview{background:#0a0907bd}.studio-page .designer{color:#f2eadb;background:linear-gradient(145deg,#0c0b09e8,#040404d6);border-left:1px solid #caa55a3d}.studio-page .designer-heading span,.studio-page .field-label{color:#caa55a}.studio-page .designer-heading h3{color:#f4ede0}.studio-page .product-toggle button{color:#eee4d4;border-color:#caa55a4d}.studio-page .product-toggle button.selected{border-color:#d6a846;box-shadow:inset 0 0 0 1px #d6a846}.studio-page .product-toggle small,.studio-page .drag-hint{color:#b9aa93}.studio-page .designer input,.studio-page .designer select{color:#f4ede0;border-bottom-color:#caa55a59}.studio-page .designer option{color:#f4ede0;background:#090806}.studio-page .upload-control{color:#e8d69e;border-color:#caa55a8c}.studio-page .remove-design{color:#df9a76}.studio-page .design-footer{border-top-color:#caa55a47}.studio-page .design-footer small,.studio-page .design-footer span{color:#c6b8a2}.studio-page .design-footer strong{color:#f4ede0}.studio-page .quantity{border-color:#caa55a6b}.studio-page .quantity span{color:#f4ede0}.studio-page .button-orange{color:#090706;background:linear-gradient(135deg,#a87b28,#e7c56e,#a87b28)}@media (max-width:800px){.studio-page-intro{padding:58px 26px 38px}.studio-page-intro h1{letter-spacing:-4px}.studio-page .studio-section{padding:20px 18px 70px}.studio-page .designer{border-top:1px solid #caa55a3d;border-left:0}}.studio-page .preview{background:linear-gradient(145deg,#0c0b09e8,#040404d6);border-right:1px solid #caa55a3d;position:relative}.studio-page .preview-grid{background-image:linear-gradient(#caa55a0f 1px,#0000 1px),linear-gradient(90deg,#caa55a0f 1px,#0000 1px)}.view-tabs,.side-controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.view-tabs{z-index:5;position:absolute;top:22px;left:22px;right:22px}.view-tabs button,.side-controls button{color:#d8cfc1;text-transform:uppercase;letter-spacing:1px;background:#050505bd;border:1px solid #caa55a4d;padding:11px;font:700 10px Arial,sans-serif}.view-tabs button.active,.side-controls button.active{color:#f5e4ad;background:linear-gradient(135deg,#a67d2a6b,#070604db);border-color:#d6a846}.side-controls{margin-bottom:24px}.studio-page .garment-print{transform-origin:50%;max-width:68%;font-size:25px;top:46%;left:50%;right:auto}.studio-page .garment.back-view{filter:drop-shadow(0 24px 16px #caa55a33)}.studio-page .back-view:after{content:"BACK";color:#caa55a73;letter-spacing:2px;font:700 9px Arial,sans-serif;position:absolute;top:12%;left:50%;translate:-50%}.scale-row{justify-content:space-between;align-items:end;gap:15px;margin-top:12px;display:flex}.scale-row label{color:#c6b8a2;text-transform:uppercase;letter-spacing:.8px;flex:1;font:700 9px Arial,sans-serif}.scale-row input[type=range]{accent-color:#d6a846;width:100%;margin-top:8px;display:block}.upload-guidance{color:#c8b99f;align-items:flex-start;gap:8px;margin:10px 0 0;font:12px/1.4 Arial,sans-serif;display:flex}.upload-guidance svg{color:#d6a846;flex:none;margin-top:1px}.upload-guidance b{color:#f1dfab}.upload-notice{color:#d6a846;margin-top:9px;font:11px/1.4 Arial,sans-serif;display:block}.studio-page .uploaded-design{filter:drop-shadow(0 5px 12px #000000b8);transform-origin:50%}@media (max-width:800px){.studio-page .preview{border-bottom:1px solid #caa55a3d;border-right:0}.view-tabs{top:16px;left:16px;right:16px}.scale-row{flex-direction:column;align-items:stretch}.scale-row .remove-design{justify-content:center}}.studio-page .preview{perspective:1100px}.studio-page .garment{transform-style:preserve-3d;cursor:grab;transition:transform 80ms linear}.studio-page .garment:active{cursor:grabbing}.studio-transform-box{z-index:8;pointer-events:none;border:1px dashed #f1d887;position:absolute}.studio-transform-box button{pointer-events:auto;cursor:nwse-resize;background:#f1d887;border:1px solid #17120a;width:12px;height:12px;padding:0;position:absolute}.studio-corner.nw{top:-7px;left:-7px}.studio-corner.ne{top:-7px;right:-7px}.studio-corner.sw{bottom:-7px;left:-7px}.studio-corner.se{bottom:-7px;right:-7px}.studio-rotate-handle{top:-31px;left:50%;translate:-50%;cursor:grab!important;border-radius:50%!important}.studio-rotate-handle:after{content:"";background:#f1d887;width:1px;height:17px;position:absolute;top:11px;left:50%}.studio-page .uploaded-design,.studio-page .garment-print{cursor:pointer;touch-action:none}.studio-page .garment-print{z-index:4;white-space:nowrap;text-align:center}.studio-tilt-handle{top:50%;right:-31px;translate:0 -50%;cursor:ns-resize!important;border-radius:50%!important}.studio-tilt-handle:after{content:"3D";color:#080706;font:700 7px Arial,sans-serif;position:absolute;inset:-4px}.studio-page .garment{background:linear-gradient(105deg,color-mix(in srgb,var(--garment) 82%,#fff),var(--garment) 42%,color-mix(in srgb,var(--garment) 72%,#000));clip-path:polygon(29% 0,71% 0,100% 14%,85% 31%,80% 24%,80% 100%,20% 100%,20% 24%,15% 31%,0 14%);filter:drop-shadow(-16px 24px 20px #00000073);width:330px;height:440px}.studio-page .garment:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#ffffff2e,#0000 20%,#0000002e 55%,#ffffff14),repeating-linear-gradient(98deg,#0000 0 16px,#ffffff09 17px 18px);position:absolute;inset:0}.studio-page .garment:after{content:"";z-index:2;pointer-events:none;border:5px solid #00000057;border-bottom:0;border-radius:0 0 50% 50%;width:31%;height:9%;position:absolute;top:1px;left:50%;translate:-50%}.studio-page .garment-print,.studio-page .uploaded-design{transform-style:preserve-3d}@media (max-width:800px){.studio-page .garment{width:275px;height:385px}}.studio-page .garment.tee{clip-path:none;filter:drop-shadow(0 26px 24px #00000094);width:min(98%,500px);height:590px;background:url(/jp-3d-tee.png) 50%/contain no-repeat!important}.studio-page .garment.tee:before,.studio-page .garment.tee:after{display:none}.studio-page .garment.tee .garment-print{z-index:4;text-shadow:0 2px 10px #000000b3;top:46%}.studio-page .garment.tee .uploaded-design{z-index:5;top:48%}@media (max-width:800px){.studio-page .garment.tee{width:min(100%,350px);height:455px}}.studio-page .garment.tee{background-image:url(/jp-3d-tee-front.png)!important}.studio-page .garment.tee.back-view{background-image:url(/jp-3d-tee-back.png)!important}.studio-page .garment.tee.back-view:after{display:none}.studio-page .preview-grid:before,.studio-page .preview-grid:after{content:"";pointer-events:none;filter:drop-shadow(0 0 10px #efbc44d1);opacity:.72;background:linear-gradient(#0000,#ffd468f2,#0000) 17% -150px/2px 210px no-repeat,linear-gradient(#0000,#f7c142b3,#0000) 73% -80px/1px 170px no-repeat;animation:8s linear infinite gold-lines-fall;position:absolute;inset:0}.studio-page .preview-grid:after{opacity:.42;background-position:38% -210px,88% -120px;animation-duration:11s;animation-delay:-4s}@keyframes gold-lines-fall{to{background-position:17% 130%,73% 125%}}.studio-page-intro h1 i{text-shadow:0 0 7px #efc45e7a,0 0 20px #caa55a40;animation:5.8s linear infinite statement-flicker;display:inline-block}@keyframes statement-flicker{0%,7%,9%,14%,15%,47%,49%,to{opacity:1;filter:brightness()}8%,48%{opacity:.38;filter:brightness(.6)}10%{opacity:.76;filter:brightness(1.45)}50%{opacity:.58;filter:brightness(.8)}}.studio-page-intro{text-align:center}.studio-page-intro span{margin-inline:auto}