@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Work+Sans:wght@400;500;600&display=swap";html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}button,input,textarea{font:inherit}*,:before,:after{box-sizing:border-box}*{margin:0}img,svg{max-width:100%;display:block}html,body,#root{min-height:100%}body{color:var(--color-text);background-color:var(--color-background);background-image:radial-gradient(circle at 10% 10%, var(--color-glow-1), transparent 35%), radial-gradient(circle at 90% 20%, var(--color-glow-2), transparent 40%);background-attachment:fixed;font-family:Work Sans,Segoe UI,sans-serif;line-height:1.5;transition:background-color .22s,color .22s}h1,h2,h3{font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.2}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f5f8ff;--color-surface:#ffffffd9;--color-surface-strong:#fff;--color-border:#d8e2f2;--color-text:#1b2a47;--color-text-muted:#51627f;--color-primary:#245dff;--color-primary-contrast:#f7faff;--color-secondary:#eaf0ff;--color-focus:#245dff59;--color-glow-1:#4380ff47;--color-glow-2:#ff9b563d;--shadow-elevation:0 20px 50px #162c5929}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#091225;--color-surface:#0d192fcc;--color-surface-strong:#0f1a31;--color-border:#23355b;--color-text:#ecf2ff;--color-text-muted:#a6b4d5;--color-primary:#79a2ff;--color-primary-contrast:#081328;--color-secondary:#172643;--color-focus:#79a2ff6b;--color-glow-1:#3168d44d;--color-glow-2:#20aba538;--shadow-elevation:0 24px 54px #01050f80}.app-template{gap:1.5rem;width:min(960px,92vw);margin:0 auto;padding:3rem 0 2rem;display:grid}.app-template__header{border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-elevation);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:2rem;display:flex}.app-template__intro{max-width:620px;display:grid}.app-template__title{font-size:clamp(1.8rem,3.5vw,2.7rem)}.app-template__main{min-width:0}@media (width<=768px){.app-template{padding-top:1.5rem}.app-template__header{flex-direction:column;align-items:stretch;padding:1.5rem}}.button{cursor:pointer;border:1px solid #0000;border-radius:16px;padding:.7rem 1.1rem;font-weight:600;transition:transform .16s,background-color .16s,color .16s,border-color .16s}.button:hover{transform:translateY(-1px)}.button:focus-visible{box-shadow:0 0 0 3px var(--color-focus);outline:none}.button--primary{background-color:var(--color-primary);color:var(--color-primary-contrast)}.button--primary:hover{filter:brightness(1.05)}.button--secondary{border-color:var(--color-border);background-color:var(--color-secondary);color:var(--color-text)}.button--secondary:hover{background-color:var(--color-surface-strong)}.button--full-width{width:100%}.text-area{gap:.5rem;display:grid}.text-area__label{font-weight:600}.text-area__control{border:1px solid var(--color-border);background-color:var(--color-surface-strong);width:100%;color:var(--color-text);resize:vertical;border-radius:16px;min-height:140px;padding:.85rem 1rem;transition:border-color .16s,box-shadow .16s}.text-area__control::placeholder{color:var(--color-text-muted)}.text-area__control:focus-visible{box-shadow:0 0 0 3px var(--color-focus);border-color:var(--color-primary);outline:none}.text-area__meta{color:var(--color-text-muted);justify-content:space-between;gap:.75rem;font-size:.85rem;display:flex}.theme-toggle{justify-items:end;gap:.5rem;display:grid}.theme-toggle__label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:.8rem;font-weight:600}.theme-toggle__actions{background-color:var(--color-secondary);border:1px solid var(--color-border);border-radius:16px;gap:.25rem;padding:.25rem;display:inline-flex}.theme-toggle__button{background-color:#0000;border-color:#0000;border-radius:10px;padding:.45rem .9rem;font-size:.85rem}.theme-toggle__button--active{background-color:var(--color-surface-strong);border-color:var(--color-border)}@media (width<=768px){.theme-toggle{justify-items:start}}.qr-generator{border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-elevation);border-radius:24px;gap:1.5rem;padding:2rem;display:grid}.qr-generator__header{gap:.5rem;display:grid}.qr-generator__title{font-size:clamp(1.4rem,2.2vw,1.8rem)}.qr-generator__description{color:var(--color-text-muted)}.qr-generator__workspace{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start;gap:1.5rem;display:grid}.qr-generator__customize{gap:1.5rem;display:grid}.qr-generator__actions{flex-wrap:wrap;gap:.75rem;display:flex}.qr-generator__section{gap:.75rem;display:grid}.qr-generator__section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.qr-generator__section-title{text-transform:uppercase;letter-spacing:.06em;color:#26395d;font-size:.88rem}.qr-generator__section-title--dark{color:#c7d4f4}.qr-generator__option-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.5rem;display:grid}.qr-generator__option-grid--compact{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.qr-generator__option-card{border:1px solid var(--color-border);background-color:var(--color-surface-strong);cursor:pointer;border-radius:10px;justify-items:center;gap:.5rem;padding:.5rem;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.qr-generator__option-card:hover{transform:translateY(-1px)}.qr-generator__option-card--active{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 35%, transparent)}.qr-generator__option-label{color:var(--color-text-muted);font-size:.72rem;font-weight:600}.qr-generator__frame-sample{background-color:#0000;background-image:linear-gradient(90deg,#fff 50%,#111 50%),linear-gradient(#fff 50%,#111 50%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:2px solid #111;border-radius:6px;width:48px;height:48px;position:relative}.qr-generator__frame-sample--none{background:0 0;border-style:dashed;border-color:#74829c}.qr-generator__frame-sample--scan-bottom:after{content:"SCAN";color:#fff;text-align:center;background-color:#111;border-radius:0 0 6px 6px;font-size:.42rem;font-weight:700;line-height:12px;position:absolute;bottom:-14px;left:-2px;right:-2px}.qr-generator__frame-sample--scan-top:before{content:"SCAN";color:#fff;text-align:center;background-color:#111;border-radius:6px 6px 0 0;font-size:.42rem;font-weight:700;line-height:12px;position:absolute;top:-14px;left:-2px;right:-2px}.qr-generator__frame-sample--sticker{border-radius:12px}.qr-generator__frame-sample--ticket{clip-path:polygon(0 18%,10% 18%,10% 0,90% 0,90% 18%,100% 18%,100% 82%,90% 82%,90% 100%,10% 100%,10% 82%,0 82%)}.qr-generator__border-sample{background:radial-gradient(circle at 30% 30%,#1b2d4d 2px,#0000 2px),radial-gradient(circle at 65%,#1b2d4d 2px,#0000 2px),radial-gradient(circle at 45% 70%,#1b2d4d 2px,#0000 2px),#fff;border-radius:10px;width:48px;height:48px}.qr-generator__border-sample--none{border:1px dashed #8ea1c4}.qr-generator__border-sample--solid{border:4px solid #111}.qr-generator__border-sample--double{border:5px double #111}.qr-generator__border-sample--dashed{border:4px dashed #111}.qr-generator__border-sample--glow{border:3px solid #111;box-shadow:0 0 0 3px #11111140}.qr-generator__logo-sample{border:1px solid var(--color-border);background-color:#fff;border-radius:8px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.qr-generator__logo-sample img{object-fit:cover;width:100%;height:100%}.qr-generator__logo-sample-empty{color:#33476f;text-transform:uppercase;font-size:.65rem;font-weight:700}.qr-generator__shape-sample,.qr-generator__corner-sample{background-color:#fff;border:1px solid #d4dbe8;width:40px;height:40px;position:relative}.qr-generator__shape-sample--square{background-image:repeating-linear-gradient(0deg,#0000 0 5px,#111 5px 8px),repeating-linear-gradient(90deg,#0000 0 5px,#111 5px 8px)}.qr-generator__shape-sample--dots,.qr-generator__shape-sample--rounded,.qr-generator__shape-sample--classy,.qr-generator__shape-sample--classy-rounded,.qr-generator__shape-sample--extra-rounded{background-image:radial-gradient(#111 24%,#0000 26%);background-size:10px 10px}.qr-generator__shape-sample--rounded{border-radius:7px}.qr-generator__shape-sample--classy{clip-path:polygon(0 7%,10% 0,90% 0,100% 7%,100% 93%,90% 100%,10% 100%,0 93%)}.qr-generator__shape-sample--classy-rounded{border-radius:14px 4px}.qr-generator__shape-sample--extra-rounded{border-radius:999px}.qr-generator__corner-sample:before,.qr-generator__corner-sample:after{content:"";border:3px solid #111;position:absolute}.qr-generator__corner-sample:before{inset:6px}.qr-generator__corner-sample:after{border-width:2px;inset:13px}.qr-generator__corner-sample--dot:before,.qr-generator__corner-sample--dot:after{border-radius:999px}.qr-generator__corner-sample--rounded:before,.qr-generator__corner-sample--rounded:after{border-radius:10px}.qr-generator__corner-sample--classy:before,.qr-generator__corner-sample--classy:after{border-radius:14px 3px}.qr-generator__corner-sample--classy-rounded:before,.qr-generator__corner-sample--classy-rounded:after{border-radius:16px 6px}.qr-generator__corner-sample--extra-rounded:before,.qr-generator__corner-sample--extra-rounded:after{border-radius:3px 16px}.qr-generator__color-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.qr-generator__color-card{border:1px solid var(--color-border);background-color:var(--color-surface-strong);border-radius:10px;gap:.5rem;padding:.5rem .75rem;display:grid}.qr-generator__color-card--single{max-width:260px}.qr-generator__color-label{color:var(--color-text-muted);font-size:.78rem}.qr-generator__color-row{justify-content:space-between;align-items:center;display:flex}.qr-generator__color-value{font-size:.9rem;font-weight:700}.qr-generator__color-picker{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:8px;width:34px;height:34px;padding:0}.qr-generator__switch{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:inline-flex}.qr-generator__switch input{accent-color:var(--color-primary)}.qr-generator__preview{border:1px dashed var(--color-border);background-color:color-mix(in srgb, var(--color-surface) 70%, transparent);border-radius:16px;align-content:start;justify-items:center;gap:1rem;min-height:100%;padding:1.5rem;display:grid}.qr-generator__preview--ready{border-style:solid}.qr-generator__frame{background-color:var(--color-surface-strong);border:none;border-radius:16px;width:min(100%,320px);padding:.75rem;position:relative}.qr-generator__frame-border--none{border:none}.qr-generator__frame-border--solid{border:4px solid var(--qr-border-color,var(--color-primary))}.qr-generator__frame-border--double{border:6px double var(--qr-border-color,var(--color-primary))}.qr-generator__frame-border--dashed{border:4px dashed var(--qr-border-color,var(--color-primary))}.qr-generator__frame-border--glow{border:3px solid var(--qr-border-color,var(--color-primary));box-shadow:0 0 0 4px color-mix(in srgb, var(--qr-border-color,var(--color-primary)) 35%, transparent)}.qr-generator__frame--scan-bottom:after,.qr-generator__frame--scan-top:before{content:"SCAN ME";text-align:center;color:#f2f2f2;letter-spacing:.06em;background-color:#121212;border-radius:8px;font-size:.72rem;font-weight:700;line-height:28px;position:absolute;left:10px;right:10px}.qr-generator__frame--scan-bottom:after{bottom:-14px}.qr-generator__frame--scan-top:before{top:-14px}.qr-generator__frame--sticker{border-radius:18px;box-shadow:0 12px 30px #00000026}.qr-generator__frame--ticket{clip-path:polygon(0 12%,8% 12%,8% 0,92% 0,92% 12%,100% 12%,100% 88%,92% 88%,92% 100%,8% 100%,8% 88%,0 88%)}.qr-generator__canvas{background-color:var(--color-surface-strong);aspect-ratio:1;border-radius:16px;place-items:center;width:100%;min-width:0;max-width:276px;min-height:0;margin:0 auto;display:grid}.qr-generator__canvas>canvas,.qr-generator__canvas>svg{display:block;width:100%!important;height:100%!important}.qr-generator__value{max-width:100%;color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qr-generator__preview-download{min-width:180px}.qr-generator__empty{color:var(--color-text-muted);align-self:center}.qr-generator__upload-trigger{padding:.45rem .7rem;font-size:.8rem}.qr-generator__upload-input{display:none}@media (width<=640px){.qr-generator{padding:1.5rem}.qr-generator__actions{gap:.5rem}.qr-generator__actions .button{flex:calc(50% - .5rem)}.qr-generator__frame{width:100%}}@media (width<=980px){.qr-generator__workspace{grid-template-columns:1fr}.qr-generator__preview{min-height:280px}}.home-page{width:100%}