:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body{background:var(--bg-gradient);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}header{width:100%;padding:2rem;text-align:center;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);position:relative}.custom-select{background:#1e293b;color:var(--text-main);border:1px solid var(--glass-border);padding:.6rem 1rem;border-radius:10px;cursor:pointer;font-size:.9rem;outline:none;transition:border-color .3s ease}.custom-select:hover{border-color:var(--primary)}.custom-select option{background:#1e293b;color:var(--text-main)}h1{font-size:2.5rem;background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.container{max-width:1000px;width:90%;padding:4rem 0;display:flex;flex-direction:column;gap:2rem}.monetag-placeholder{width:100%;height:90px;background:var(--glass);display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px dashed var(--glass-border);color:var(--text-muted);font-size:.8rem}.hero{text-align:center;margin-bottom:2rem}.hero p{color:var(--text-muted);font-size:1.1rem}.upload-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem;border-radius:24px;border:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;gap:2rem;transition:transform .3s ease}.upload-card:hover{transform:translateY(-5px)}.dropzone{width:100%;border:2px dashed #4f46e5;border-radius:16px;padding:3rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:background .3s ease}.dropzone:hover{background:#4f46e51a}.dropzone p{margin-top:1rem;color:var(--text-muted)}button{background:var(--primary);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}button:hover{background:var(--primary-hover);box-shadow:0 0 20px #6366f166}button:disabled{opacity:.5;cursor:not-allowed}.preview-area{display:none;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%}.preview-box{background:var(--glass);border-radius:16px;padding:1rem;text-align:center}.preview-box img{max-width:100%;border-radius:8px;margin-top:1rem}.loader{display:none;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}footer{margin-top:auto;padding:2rem;color:var(--text-muted);font-size:.9rem}