@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap";:root{--background: #0a0a0a;--foreground: #ffffff;--primary: #ff4d00;--primary-glow: rgba(255, 77, 0, .4);--accent: #2e2e2e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--foreground);overflow-x:hidden}.app-container{min-height:100vh;display:flex;flex-direction:column}.hero{padding:4rem 2rem;text-align:center;background:radial-gradient(circle at center,#1a1a1a,#0a0a0a)}.hero h1{font-size:5rem;font-weight:900;letter-spacing:-2px;background:linear-gradient(to bottom,#fff,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.hero p{font-size:1.25rem;color:#888;letter-spacing:2px;text-transform:uppercase}.mockup-container{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem}.canvas-wrapper{position:relative;width:500px;height:500px;background:#111;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000080}.garment-base{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.garment-color{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--garment-color, #fff);mask-image:var(--garment-mask);-webkit-mask-image:var(--garment-mask);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.logo-overlay{position:absolute;cursor:move;z-index:10;border:1px dashed transparent;transition:border .3s}.logo-overlay:hover{border:1px dashed rgba(255,255,255,.5)}.logo-overlay img{width:100%;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;background:#1a1a1a;padding:1.5rem;border-radius:15px;border:1px solid #333}.color-swatch{width:40px;height:40px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .2s,border-color .2s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:#fff}.upload-btn{background:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:700;border:none}