/* Basic styling for QR Code Generator content */
.card { background-color: var(--card-bg); padding: 20px; border-radius: 8px; box-shadow: 0 0 10px var(--shadow-color); max-width: 400px; margin: 20px auto; }
.card h1 { text-align: center; color: var(--text-primary); margin-bottom: 20px; }
.card label { display: block; margin-bottom: 5px; font-weight: bold; color: var(--text-primary); }
.card input[type="url"] { width: calc(100% - 22px); padding: 10px; margin-bottom: 15px; border: 1px solid var(--border-color); border-radius: 4px; background-color: var(--input-bg); color: var(--text-primary); }
.card button { background-color: var(--accent-blue); color: white; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; width: auto; display: block; margin: 0 auto; }
.card button:hover { background-color: var(--link-hover-color); }
.qr-code-container { text-align: center; margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--border-color); }
.qr-code-container img { max-width: 100%; height: auto; border: 1px solid var(--border-color); padding: 4px; background-color: var(--card-bg); margin-bottom: 10px; }
.error-message { color: red; background-color: #ffe0e0; border: 1px solid red; padding: 10px; margin-bottom: 15px; border-radius: 4px; text-align: center; }
.download-link { display: inline-block; margin-top: 10px; padding: 8px 12px; background-color: #28a745; color: white; text-decoration: none; border-radius: 4px; }
.download-link:hover { background-color: #218838; }