@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@400;700&display=swap);:root{--primary-color:#06816f;--secondary-color:#a0d5c2;--accent-color:#06816f;--text-color:#e0e0e0;--light-text:#a0a0a0;--background-color:#1a1a1a;--card-bg:#2a2a2a;--white:#fff;--border-color:#000;--box-shadow:4px 4px 0 0 #000;--hover-box-shadow:6px 6px 0 0 #000;--border-radius:12px;--font-family:"Lexend",sans-serif;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);font-size:16px;line-height:1.6;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.header{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--text-color);margin-bottom:30px;padding:2rem 0;text-align:center}.title{font-family:var(--font-family);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:var(--light-text);font-size:1.1rem;opacity:.9}.main{padding:2rem 0}.qr-generator{display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.input-section{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem}.input-group{margin-bottom:1.5rem}.input-label{color:var(--text-color);display:block;font-weight:600;margin-bottom:.5rem}.input-field{background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);font-family:var(--font-family);font-size:1rem;padding:.75rem;resize:vertical;transition:var(--transition);width:100%}.input-field:focus{border-color:var(--primary-color);box-shadow:3px 3px 0 0 var(--primary-color);outline:none}.options-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.option-group{display:flex;flex-direction:column}.option-label{font-weight:600;margin-bottom:.5rem}.option-label,.select-field{color:var(--text-color);font-size:.9rem}.select-field{background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--border-radius);font-family:var(--font-family);padding:.75rem;transition:var(--transition)}.select-field:focus{border-color:var(--primary-color);box-shadow:3px 3px 0 0 var(--primary-color);outline:none}.color-input-wrapper{align-items:center;display:flex;gap:.5rem}.color-input{cursor:pointer;height:38px;width:50px}.color-input,.color-text{border:2px solid var(--border-color);border-radius:var(--border-radius)}.color-text{background:var(--background-color);color:var(--text-color);flex:1;font-family:monospace;font-size:.9rem;padding:.75rem}.action-buttons{display:flex;gap:1rem}.btn-primary,.btn-secondary{border:2px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);cursor:pointer;flex:1;font-family:var(--font-family);font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:var(--transition)}.btn-primary{background:var(--primary-color);color:var(--white)}.btn-primary:hover{box-shadow:3px 3px 0 0 var(--primary-color);opacity:.9;transform:translateY(-2px)}.btn-secondary{background:var(--secondary-color);color:var(--black)}.btn-secondary:hover{background:var(--primary-color);box-shadow:3px 3px 0 0 var(--primary-color);color:var(--white);transform:translateY(-2px)}.btn-small{font-size:.8rem;padding:.5rem 1rem}.output-section{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem;text-align:center}.qr-container{margin-bottom:1.5rem}.qr-code{align-items:center;background:var(--background-color);border:2px dashed var(--border-color);border-radius:var(--border-radius);display:flex;justify-content:center;min-height:300px;padding:1rem}.qr-placeholder{color:var(--light-text);font-style:italic}.qr-code canvas{border-radius:5px;height:auto;max-width:100%}.download-section{margin-top:1.5rem}.download-section h3{color:var(--text-color);margin-bottom:1rem}.download-buttons{display:flex;gap:1rem;justify-content:center}.info-section{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:2rem;padding:2rem}.info-section h2{color:var(--primary-color);font-size:1.8rem;margin-bottom:1rem}.info-section h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:.5rem;margin-top:1.5rem}.info-section p{line-height:1.7;margin-bottom:1rem}.info-section ul{margin-bottom:1rem;margin-left:2rem}.info-section li{margin-bottom:.5rem}.footer{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--text-color);padding:1.5rem 0;text-align:center}.bug-report-button{position:fixed;right:20px;top:20px;z-index:1000}.bug-report-button .btn-secondary{background:var(--primary-color);border:2px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--white)}.bug-report-button .btn-secondary:hover{box-shadow:3px 3px 0 0 var(--primary-color);opacity:.9;transform:translateY(-2px)}.hidden{display:none}@media (max-width:768px){.options-grid,.qr-generator{grid-template-columns:1fr}.action-buttons,.download-buttons{flex-direction:column}.title{font-size:2rem}.bug-report-button{margin:1rem auto;position:static;text-align:center}}@media (max-width:480px){.container{padding:0 15px}.info-section,.input-section,.output-section{padding:1.5rem}.title{font-size:1.8rem}.subtitle{font-size:1rem}}