.subtitle,footer a,footer p{color:var(--text-color-light)}body,h2{color:var(--text-color)}body,summary{display:flex}#results-area,footer{margin-top:2rem;text-align:center}#results-area,footer,header{text-align:center}:root{--font-family-main:'Poppins',sans-serif;--bg-page:#f0f4f8;--bg-container:rgba(255, 255, 255, 0.75);--bg-input:#e8edf2;--text-color:#1a202c;--text-color-light:#4a5568;--border-color:rgba(0, 0, 0, 0.1);--shadow-color:rgba(0, 0, 0, 0.1);--accent-color:#4f46e5;--accent-color-light:#6366f1;--btn-secondary-bg:#e2e8f0;--btn-secondary-hover:#cbd5e1;--bg-page-dark:#111827;--bg-container-dark:rgba(26, 32, 44, 0.8);--bg-input-dark:#2d3748;--text-color-dark:#e2e8f0;--text-color-light-dark:#a0aec0;--border-color-dark:rgba(255, 255, 255, 0.1);--shadow-color-dark:rgba(0, 0, 0, 0.3)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-main);background-color:var(--bg-page);background-image:radial-gradient(at 20% 20%,hsla(212,90%,80%,.2) 0,transparent 50%),radial-gradient(at 80% 80%,hsla(330,90%,80%,.2) 0,transparent 50%);min-height:100vh;align-items:center;justify-content:center;padding:1rem;transition:background-color .3s,color .3s}.error-message:not(:empty),label{display:block}.tool-container{width:100%;max-width:600px;background-color:var(--bg-container);backdrop-filter:blur(10px);border-radius:20px;padding:2rem 2.5rem;border:1px solid var(--border-color);box-shadow:0 10px 30px -10px var(--shadow-color);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.tool-container:hover{transform:translateY(-5px);box-shadow:0 20px 40px -15px var(--shadow-color)}header{margin-bottom:2rem}.form-group,h2{margin-bottom:1.5rem}main{width:100%}footer{padding-top:1rem;border-top:1px solid var(--border-color)}h1{font-size:2.25rem;font-weight:700;background-image:linear-gradient(45deg,#4f46e5,#3b82f6);color:transparent;background-clip:text;-webkit-background-clip:text}h2{font-size:1.5rem}.subtitle{margin-top:.5rem}footer a,footer p{font-size:.875rem;text-decoration:none}footer a:hover{text-decoration:underline;color:var(--accent-color)}fieldset,form{border:none}label{font-weight:500;margin-bottom:.5rem}.btn,summary{font-weight:600;cursor:pointer}input[type=file],input[type=text],textarea{width:100%;padding:.75rem 1rem;border-radius:8px;border:2px solid transparent;background-color:var(--bg-input);font-family:inherit;font-size:1rem;color:var(--text-color);transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(79,70,229,.2)}textarea{resize:vertical;min-height:100px}input[type=file]{color:var(--text-color-light)}input[type=file]::file-selector-button{border:none;padding:.5rem 1rem;border-radius:6px;background-color:var(--btn-secondary-bg);color:var(--text-color);font-weight:500;cursor:pointer;margin-right:1rem;transition:background-color .2s}input[type=file]::file-selector-button:hover{background-color:var(--btn-secondary-hover)}input[type=color]{-webkit-appearance:none;appearance:none;width:100%;height:40px;padding:0;border:2px solid var(--border-color);border-radius:8px;background-color:transparent;cursor:pointer}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}input[type=color]::-moz-color-swatch{border:none;border-radius:6px}.error-message{color:#e53e3e;font-size:.875rem;margin-top:.5rem;display:none}.customization-details{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:1rem 0;margin-bottom:2rem}summary{list-style:none;justify-content:space-between;align-items:center;color:var(--accent-color-light)}summary::after{content:'▼';transition:transform .2s}.customization-details[open] summary::after{transform:rotate(180deg)}.details-content{margin-top:1.5rem;display:grid;grid-template-columns:1fr;gap:1.5rem}.button-group{display:flex;flex-direction:column;gap:1rem}.btn{padding:.8rem 1rem;border:none;border-radius:8px;font-size:1rem;font-family:inherit;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn:hover{transform:scale(1.05)}.btn:active{transform:scale(1);transition-duration:.1s}.btn:focus-visible{outline:3px solid var(--accent-color-light);outline-offset:2px}.btn-primary{background:linear-gradient(45deg,var(--accent-color),var(--accent-color-light));color:#fff;box-shadow:0 4px 15px -5px var(--accent-color-light)}.btn-primary:hover{box-shadow:0 6px 20px -5px var(--accent-color-light)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--text-color)}.btn-secondary:hover{background-color:var(--btn-secondary-hover)}.btn-download-png{background-color:#059669;color:#fff}.btn-download-svg{background-color:#0d9488;color:#fff}.btn-download-png:hover{background-color:#047857}.btn-download-svg:hover{background-color:#0f766e}#qr-code-container{display:inline-flex;background-color:#fff;padding:1rem;border-radius:12px;box-shadow:inset 0 2px 8px rgba(0,0,0,.1);margin-bottom:2rem}#qr-code-container canvas{max-width:100%;height:auto!important}.hidden{display:none!important}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:640px){h1{font-size:2.5rem}.details-content{grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.button-group{flex-direction:row}.btn-secondary{flex-shrink:0}}