.app-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;background-color:#2f2f2f;padding:1rem;border-radius:12px;box-shadow:0 4px 20px #00000040;width:100%;max-width:1280px;box-sizing:border-box}@media(min-width:600px){.app-container{padding:2rem}}.qr-type-selector{display:flex;flex-wrap:wrap;gap:.5rem;background-color:#3f3f3f;padding:.5rem;border-radius:8px;margin-bottom:1rem}.qr-type-selector button{padding:.6rem 1.2rem;border:none;border-radius:6px;background-color:transparent;color:silver;font-size:.9em;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.qr-type-selector button:hover{background-color:#4a4a4a;color:#fff}.qr-type-selector button.active{background-color:#535bf2;color:#fff}.input-container{display:flex;flex-direction:column;align-items:flex-start;width:100%}.input-container.full-width-input{max-width:600px}.input-container label{font-size:.9em;margin-bottom:.5rem;color:silver}.input-container input{width:100%;padding:.8rem 1rem;font-size:1rem;border-radius:8px;border:1px solid #555;background-color:#3f3f3f;color:#f0f0f0;box-sizing:border-box}.wifi-inputs-container{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:600px}@media(min-width:600px){.wifi-inputs-container{grid-template-columns:1fr 1fr 1fr}}.wifi-inputs-container .input-container label{white-space:nowrap}.wifi-inputs-container select{width:100%;padding:.8rem 3rem .8rem 1rem;font-size:1rem;border-radius:8px;border:1px solid #555;background-color:#3f3f3f;color:#f0f0f0;box-sizing:border-box;font-family:inherit;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23c0c0c0%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem center;background-size:.65em auto}.vcard-inputs-container{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:600px}@media(min-width:600px){.vcard-inputs-container{grid-template-columns:1fr 1fr}}.vcard-inputs-container .grid-span-full{grid-column:1 / -1}.email-inputs-container{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:600px}.email-inputs-container .grid-span-full{grid-column:1 / -1}.email-inputs-container textarea{width:100%;padding:.8rem 1rem;font-size:1rem;border-radius:8px;border:1px solid #555;background-color:#3f3f3f;color:#f0f0f0;box-sizing:border-box;font-family:inherit;resize:vertical}.style-options-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:450px;align-items:flex-end}@media(min-width:500px){.style-options-grid{grid-template-columns:1fr 1fr}}.grid-span-2{grid-column:span 1}@media(min-width:500px){.grid-span-2{grid-column:span 2}}.style-select{display:flex;flex-direction:column;align-items:flex-start;width:100%}.color-picker{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:fit-content;justify-self:center}.color-picker label{font-size:.8em;color:silver;white-space:nowrap}@media(min-width:500px){.color-picker label{font-size:.9em}}.style-select label{font-size:.9em;margin-bottom:.5rem;color:silver}.style-select select{width:100%;padding:.8rem 3rem .8rem 1rem;font-size:1rem;border-radius:8px;border:1px solid #555;background-color:#3f3f3f;color:#f0f0f0;box-sizing:border-box;font-family:inherit;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23c0c0c0%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem center;background-size:.65em auto}.color-picker input[type=color]{width:50px;height:50px;border:none;border-radius:8px;padding:0;cursor:pointer}.logo-uploader{display:flex;flex-direction:column;align-items:center;gap:.5rem;justify-self:center}.logo-uploader label{font-size:.9em;color:silver}.logo-uploader input[type=file]{width:auto;font-size:.8em;color:silver}.qr-canvas-container{width:256px;height:256px;display:flex;justify-content:center;align-items:center}.history-card .qr-canvas-container{width:200px;height:200px}.style-select.full-width-input input[type=text]{width:100%;padding:.8rem 1rem;font-size:1rem;border-radius:8px;border:1px solid #555;background-color:#3f3f3f;color:#f0f0f0;box-sizing:border-box;font-family:inherit}.qr-frame{padding:10px;border-radius:8px;display:inline-flex;flex-direction:column;align-items:center;gap:8px}.qr-frame-text{font-size:1em;font-weight:500;margin:0;font-family:inherit;text-align:center}.app-header{width:100%;max-width:1280px;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem 1rem;background-color:#2f2f2f;border-radius:12px;box-sizing:border-box}@media(min-width:600px){.app-header{padding:1.5rem 2rem}}.header-row{width:100%;display:flex;align-items:center}.app-header h1{font-size:1.5em;margin:0;white-space:nowrap}@media(min-width:600px){.app-header h1{font-size:1.8em}}.logo-title{flex-grow:1;text-align:left}.logo-title a{color:inherit;text-decoration:none}.header-nav{margin-left:auto;margin-right:1rem}@media(min-width:600px){.header-nav{margin-right:2rem}}.header-nav a{font-size:.9em;font-weight:500;color:silver;text-decoration:none;padding:.5rem .8rem;border-radius:6px;transition:background-color .2s;white-space:nowrap}@media(min-width:600px){.header-nav a{font-size:1em;padding:.5rem 1rem}}.header-nav a:hover{background-color:#4a4a4a;color:#fff}.auth-container{display:flex;justify-content:flex-end;align-items:center}.user-info{display:flex;align-items:center;gap:.5rem}@media(min-width:600px){.user-info{gap:1rem}}.user-info span{font-size:.8em;font-weight:500;color:silver;white-space:nowrap}@media(min-width:600px){.user-info span{font-size:.9em}}.profile-pic{width:35px;height:35px;border-radius:50%;border:2px solid #535bf2}@media(min-width:600px){.profile-pic{width:40px;height:40px}}.login-btn,.logout-btn{font-size:.8em;font-weight:500;font-family:inherit;cursor:pointer;padding:.6em 1em;border-radius:8px;border:1px solid transparent;background-color:#535bf2;color:#fff;transition:background-color .25s;white-space:nowrap}@media(min-width:600px){.login-btn,.logout-btn{font-size:.9em;padding:.7em 1.2em}}.login-btn:hover,.logout-btn:hover{background-color:#646cff}.actions-container{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center}.save-btn{font-size:1em;font-weight:500;cursor:pointer;padding:.8em 1.5em;border-radius:8px;border:1px solid #535bf2;background-color:transparent;color:#535bf2}.save-btn:hover{background-color:#535bf2;color:#fff}.save-btn:disabled{background-color:#3f3f3f;color:#888;border-color:#555;cursor:not-allowed}.save-success-msg{color:#4caf50;font-weight:500;font-size:1em;-webkit-user-select:none;user-select:none}.download-btn{font-size:1em;font-weight:500;cursor:pointer;padding:.8em 1.5em;border-radius:8px;border:1px solid transparent;background-color:#535bf2;color:#fff}.download-btn:hover{background-color:#646cff}.history-container{width:100%;max-width:1280px;background-color:#2f2f2f;padding:1rem;border-radius:12px;box-shadow:0 4px 20px #00000040;box-sizing:border-box;margin-top:2rem;text-align:left}@media(min-width:600px){.history-container{padding:2rem}}.history-container h2{font-size:1.5em;margin-top:0;margin-bottom:1.5rem;border-bottom:1px solid #555;padding-bottom:1rem}.no-history-msg{color:silver;text-align:center}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}@media(min-width:600px){.history-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}}.history-card{background-color:#3f3f3f;border-radius:8px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;padding:1rem;gap:1rem;align-items:center;transition:transform .2s ease-in-out}.history-card:hover{transform:translateY(-5px)}.card-info{width:100%;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.card-text{font-size:.9em;font-weight:500;color:#f0f0f0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}@media(min-width:600px){.card-text{font-size:1em}}.card-date{font-size:.75em;color:silver}@media(min-width:600px){.card-date{font-size:.8em}}.card-actions{display:flex;gap:.5rem;width:100%}.download-btn-card,.delete-btn-card{font-size:.8em;font-weight:500;font-family:inherit;cursor:pointer;padding:.5em .8em;border-radius:6px;background-color:transparent;width:100%;flex:1}@media(min-width:600px){.download-btn-card,.delete-btn-card{font-size:.9em;padding:.6em 1em}}.download-btn-card{border:1px solid #535bf2;color:#535bf2}.download-btn-card:hover{background-color:#535bf2;color:#fff}.delete-btn-card{border:1px solid #f44336;color:#f44336}.delete-btn-card:hover{background-color:#f44336;color:#fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}