#root{display:flex;flex-direction:column;min-height:100vh;text-align:center}.site-content{flex:1 0 auto}.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;text-align:center}@media(min-width:600px){.app-container{padding:2rem}}.content-page-container{background-color:#2f2f2f;color:silver;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000040;width:100%;max-width:900px;margin:0 auto 2rem;box-sizing:border-box;text-align:left}.content-page-container h2{color:#fff;margin-top:0;border-bottom:1px solid #555;padding-bottom:1rem;margin-bottom:1.5rem}.content-page-container h3{color:#fff;margin-top:2rem}.content-page-container p{line-height:1.6}.content-page-container ul{line-height:1.6;margin-left:1.5rem}.content-page-container li{margin-bottom:.5rem}.content-page-container strong{color:#fff}.pricing-table{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}@media(min-width:900px){.pricing-table{grid-template-columns:1fr 1fr 1fr}}.pricing-card{background-color:#3f3f3f;border-radius:12px;padding:2rem;display:flex;flex-direction:column}.pricing-card.pro{border:2px solid #535bf2;box-shadow:0 0 15px #535bf280}.pricing-card h3{font-size:1.2em;color:#ffc107;margin-top:0}.pricing-card h2{font-size:2.5em;color:#fff;margin:.5rem 0}.pricing-card .pricing-subtext{font-size:.5em;font-weight:400;color:silver}.pricing-card ul{list-style:none;margin:1.5rem 0;padding:0;flex-grow:1}.pricing-card li{margin-bottom:.8rem;text-align:left}.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;display:flex;align-items:center;gap:4px}.qr-type-selector button:hover{background-color:#4a4a4a;color:#fff}.qr-type-selector button.active{background-color:#535bf2;color:#fff}.pro-label,.pro-label-inline{font-size:.7em;font-weight:700;color:#ffc107;background-color:#ffc1071a;padding:2px 4px;border-radius:3px;margin-left:6px;vertical-align:middle;white-space:nowrap}.pro-label-inline{margin-left:4px}.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;display:flex;align-items:center}.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;display:flex;align-items:center}@media(min-width:500px){.color-picker label{font-size:.9em}}.style-select label{font-size:.9em;margin-bottom:.5rem;color:silver;display:flex;align-items:center}.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;display:flex;align-items:center}.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;overflow:hidden;border-radius:4px}.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;transition:background-color .3s ease}.qr-frame-text{font-size:1em;font-weight:500;margin:0;font-family:inherit;text-align:center;transition:color .3s ease}.qr-frame-wrapper{position:relative;display:inline-block;margin-top:1rem;margin-bottom:1rem}.watermark-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000008c;color:#ffffffe6;display:flex;justify-content:center;align-items:center;font-size:1.3em;font-weight:700;text-transform:uppercase;border-radius:8px;pointer-events:none;z-index:10;text-align:center;padding:10px;box-sizing:border-box}.watermark-overlay span{background-color:#000000b3;padding:5px 10px;border-radius:5px;display:inline-block}.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}}.pro-badge{font-size:.7em;font-weight:700;color:#000;background-color:#ffc107;padding:2px 5px;border-radius:4px;margin-left:5px}.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;transition:background-color .25s,color .25s}.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;transition:background-color .25s}.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;transition:background-color .25s,color .25s}.download-btn-card:hover{background-color:#535bf2;color:#fff}.delete-btn-card{border:1px solid #f44336;color:#f44336;transition:background-color .25s,color .25s}.delete-btn-card:hover{background-color:#f44336;color:#fff}.footer-container{flex-shrink:0;width:100%;max-width:1280px;margin:0 auto;padding:2rem;box-sizing:border-box;color:#888;text-align:center;font-size:.9em}.footer-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.footer-links a{color:silver;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-links span{color:#555;display:none}.footer-copyright{font-size:.9em}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#2f2f2f;color:silver;padding:2rem;border-radius:12px;box-shadow:0 5px 25px #0006;width:100%;max-width:500px;box-sizing:border-box;text-align:left;margin:1rem}.modal-content h2{color:#fff;margin-top:0;text-align:center}.modal-content p{line-height:1.6}.modal-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;margin-bottom:1.5rem}.modal-close-btn{background-color:transparent;border:none;color:silver;cursor:pointer;text-align:center;font-weight:500}.modal-close-btn:hover{color:#fff;text-decoration:underline}.modal-subtext{font-size:.8em;text-align:center;color:#888;margin-top:1.5rem;margin-bottom:0}: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}