.pix-app{color:var(--text-primary,#e8e8e8);font-family:var(--font-body,system-ui,sans-serif);margin:0 auto;max-width:720px;padding:clamp(16px,4vw,40px)}.pix-title{color:var(--accent-gold,#d4af37);font-size:clamp(1.6rem,5vw,2.4rem);margin:0 0 4px}.pix-sub{margin:0 0 24px}.pix-drop,.pix-sub{color:var(--text-muted,#a0a0b8)}.pix-drop{align-items:center;background:var(--bg-card,rgba(20,20,26,.6));border:1.5px dashed rgba(212,175,55,.4);border-radius:var(--radius,12px);cursor:pointer;display:flex;justify-content:center;min-height:96px;text-align:center;transition:border-color .15s,background .15s}.pix-drop:hover{background:rgba(20,20,26,.85);border-color:var(--accent-gold,#d4af37)}.pix-file{height:1px;position:absolute;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.pix-drop:focus-within{border-color:var(--accent-gold,#d4af37);outline:2px solid var(--accent-gold,#d4af37);outline-offset:2px}.pix-error{color:#f87171;font-size:.85rem}.pix-preview-wrap{background-image:linear-gradient(45deg,#1a1a22 25%,transparent 0),linear-gradient(-45deg,#1a1a22 25%,transparent 0),linear-gradient(45deg,transparent 75%,#1a1a22 0),linear-gradient(-45deg,transparent 75%,#1a1a22 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:var(--radius,12px);display:flex;justify-content:center;margin:20px 0;min-height:80px}.pix-preview{image-rendering:pixelated;max-width:100%}.pix-controls{display:flex;flex-direction:column;gap:14px}.pix-slider{align-items:center;display:grid;gap:12px;grid-template-columns:90px 1fr}.pix-slider>span{color:var(--text-muted,#a0a0b8);font-size:.85rem}.pix-slider input[type=range]{accent-color:var(--accent-gold,#d4af37);width:100%}.pix-tint-row{align-items:center;display:flex;gap:24px}.pix-keepgrey,.pix-tint{align-items:center;color:var(--text-muted,#a0a0b8);display:flex;font-size:.85rem;gap:8px}.pix-download{align-self:flex-start;background:rgba(212,175,55,.14);border:1.5px solid rgba(212,175,55,.5);border-radius:8px;color:var(--accent-gold,#d4af37);cursor:pointer;font-family:inherit;letter-spacing:.05em;margin-top:8px;padding:10px 20px;transition:background .15s,border-color .15s}.pix-download:hover{background:rgba(212,175,55,.24);border-color:var(--accent-gold,#d4af37)}