@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:wght@700;800&display=swap);*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:none;padding:0}:root{--sky-bg:#87ceeb;--sun-bg:gold;--sky-night-bg:#2c3e50;--moon-dots:#f4f4f8;--white:#fff;--bg:#ebf0fa;--blue:#5371ac;--dark-blue:#23365c;--rgba-darkblue:rgba(44,62,80,.35);--red:#e74c3c;--shadow:0 0.3rem 1rem var(--rgba-darkblue);--cubic-bezier:0.8s cubic-bezier(0.06,0.8,0.1,1)}:root body.dark{--white:#f4f4f8;--bg:#1c2833;--blue:#87ceeb;--dark-blue:gold}::-webkit-scrollbar{width:.7rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:1rem}html{background-color:#ebf0fa;background-color:var(--bg);scrollbar-width:thin}body{background:#ebf0fa;color:#5371ac;color:var(--blue);font-family:Sulphur Point,sans-serif;font-size:1.2rem;padding:1rem;place-items:center;transition:.8s cubic-bezier(.06,.8,.1,1);transition:var(--cubic-bezier)}body,header{display:grid}header{grid-gap:1rem;gap:1rem;grid-template-columns:4rem -webkit-max-content 4rem;grid-template-columns:4rem max-content 4rem;padding-inline:1rem;padding-bottom:5rem;place-content:center;place-items:center}main{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:repeat(2,1fr)}h1{margin-bottom:1.5rem}a,h1,h2{color:#23365c;color:var(--dark-blue)}.relative{position:relative}.word-wrap{word-wrap:anywhere}.sr-only{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;white-space:nowrap;width:1px}.toggle-checkbox{display:none!important}.toggle-checkbox:checked+.toggle-label{background:#2c3e50;background:var(--sky-night-bg)}.toggle-checkbox:checked+.toggle-label .toggle-label-bg{height:.5rem;left:3rem;width:.6rem}.toggle-checkbox:checked+.toggle-label .toggle-label-bg:after,.toggle-checkbox:checked+.toggle-label .toggle-label-bg:before{height:.5rem;top:-1rem;width:.5rem}.toggle-checkbox:checked+.toggle-label .toggle-label-bg:after{left:-1.5rem;top:1rem}.toggle-checkbox:checked+.toggle-label:before{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:switch;animation-name:switch;background:#fff;background:var(--white)}.toggle-checkbox:checked+.toggle-label:after{opacity:1;transition-delay:.4s}.toggle-label{background:#87ceeb;background:var(--sky-bg);border-radius:2rem;display:flex;height:3.8rem;position:relative;transition:all .8s cubic-bezier(.06,.8,.1,1);transition:all var(--cubic-bezier);width:8rem}.toggle-label-bg{left:5.5rem;position:relative;top:1.8rem;width:.5rem}.toggle-label-bg,.toggle-label-bg:after,.toggle-label-bg:before{background:#fff;background:var(--white);border-radius:.5rem;height:.3rem;transition:all .8s cubic-bezier(.06,.8,.1,1);transition:all var(--cubic-bezier)}.toggle-label-bg:after,.toggle-label-bg:before{content:"";left:-.4rem;position:absolute;top:.55rem;width:2rem}.toggle-label-bg:after{left:-1.5rem;top:-.6rem}.toggle-label:before{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:switchReverse;animation-name:switchReverse;background:gold;background:var(--sun-bg);border-radius:3rem;content:"";height:3rem;left:.3rem;position:absolute;top:.4rem;transition:all .8s cubic-bezier(.06,.8,.1,1);transition:all var(--cubic-bezier);width:3rem}.toggle-label:after{background:transparent;border-radius:50%;box-shadow:.5rem .5rem 0 .08rem #f4f4f8,-.5rem 1.2rem 0 -.08rem #f4f4f8;box-shadow:var(--moon-dots) .5rem .5rem 0 .08rem,var(--moon-dots) -.5rem 1.2rem 0 -.08rem;content:"";height:.5rem;opacity:0;position:absolute;right:2rem;top:.4rem;transition-delay:0;transition:all .8s cubic-bezier(.06,.8,.1,1);transition:all var(--cubic-bezier);width:.5rem}form{position:relative;width:100%}button,input{border-radius:.8rem;box-shadow:0 .3rem 1rem rgba(44,62,80,.35);box-shadow:var(--shadow);display:block;margin-bottom:1.5rem;padding:1rem;transition:.8s cubic-bezier(.06,.8,.1,1);transition:var(--cubic-bezier);width:100%}.clear-btn{background:transparent;box-shadow:none;font-size:1.8rem;position:absolute;right:0;top:.8rem;width:-webkit-max-content;width:max-content;z-index:95}input[type=file]{background-color:#fff;background-color:var(--white);padding-block:.5rem}input[type=checkbox]{display:inline-block;margin-right:1rem;width:-webkit-max-content;width:max-content}input[type=button]{display:inline;height:2rem;margin-right:1rem;padding:.3rem;width:4rem}label{display:inline}.error-msg{color:#e74c3c;color:var(--red);font-weight:700;padding-left:1rem}.success-msg{color:green;font-weight:700;padding-top:1.5rem;text-align:center}button[type=submit]{background-color:#23365c;background-color:var(--dark-blue);color:#fff;color:var(--white);display:flex;font-size:1.25rem;font-weight:700;gap:1rem;justify-content:center;margin-block:2.5rem 0;text-transform:uppercase;width:100%}button[type=submit]>img{-webkit-animation:pulse 1s infinite alternate;animation:pulse 1s infinite alternate;max-width:1.5rem}button:hover,input:active,input:focus{opacity:.85;-webkit-transform:scale(1.1);transform:scale(1.1)}.sketch-picker{position:absolute!important;z-index:9}.card{background-color:#fff;background-color:var(--white);border-radius:1.5rem;box-shadow:0 .3rem 1rem rgba(44,62,80,.35);box-shadow:var(--shadow);max-width:22rem;padding:1.2rem;text-align:center}.card>*{margin-bottom:1.5rem}.card .qr-box{align-items:center;border-radius:.8rem;display:flex;height:20rem;justify-content:center;overflow:hidden;position:relative}.card .qr-box:after,.card .qr-box:before{background-color:hsla(0,0%,100%,.08);border-radius:100%;content:"";height:22rem;position:absolute;right:6rem;top:-12rem;width:22rem;z-index:99}.card .qr-box:after{right:-8rem;top:14rem;width:20rem}.card .qr-box canvas{border-radius:.8rem;transition:.8s cubic-bezier(.06,.8,.1,1);transition:var(--cubic-bezier);z-index:98}@media (max-width:50em){header{padding-top:3rem}main{grid-template-columns:1fr;padding-bottom:7rem}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes pulse{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes switch{0%{left:.5rem}60%{left:.5rem;width:5rem}to{left:4.5rem;width:3rem}}@keyframes switch{0%{left:.5rem}60%{left:.5rem;width:5rem}to{left:4.5rem;width:3rem}}@-webkit-keyframes switchReverse{0%{left:2rem;width:3rem}60%{left:1rem;width:5rem}to{left:.5rem}}@keyframes switchReverse{0%{left:2rem;width:3rem}60%{left:1rem;width:5rem}to{left:.5rem}}.attribution{background-color:#f5f5f5;bottom:0;left:0;padding:20px;position:fixed;text-align:center;width:100%}.DownloadButton{background-color:#20c997}.CoppyButton,.DownloadButton{color:#fff;color:var(--white);display:flex;font-size:1.25rem;font-weight:700;gap:1rem;justify-content:center;margin-block:2rem 0;text-transform:uppercase;width:100%}.CoppyButton{background-color:#23365c;background-color:var(--dark-blue)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0e14;--bg-mesh:radial-gradient(ellipse 80% 60% at 60% -10%,rgba(109,77,255,.18) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 10% 90%,rgba(56,189,248,.08) 0%,transparent 60%);--surface:#14151e;--surface-2:#1c1d2a;--surface-3:#222336;--border:hsla(0,0%,100%,.06);--border-strong:hsla(0,0%,100%,.1);--border-accent:rgba(109,77,255,.4);--text-primary:#f0f0f8;--text-secondary:#9b9bb8;--text-muted:#5c5c7a;--accent:#6d4dff;--accent-light:#8b6fff;--accent-glow:rgba(109,77,255,.3);--accent-dim:rgba(109,77,255,.12);--teal:#22d3c8;--teal-dim:rgba(34,211,200,.1);--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 24px rgba(0,0,0,.4),0 1px 4px rgba(0,0,0,.3);--shadow-lg:0 16px 56px rgba(0,0,0,.5),0 4px 16px rgba(0,0,0,.4);--shadow-accent:0 8px 32px rgba(109,77,255,.35);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--font-display:"Playfair Display",serif;--font-body:"Outfit",sans-serif;--transition:0.2s cubic-bezier(0.4,0,0.2,1)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#0d0e14;background:var(--bg);background-attachment:fixed;background-image:radial-gradient(ellipse 80% 60% at 60% -10%,rgba(109,77,255,.18) 0,transparent 65%),radial-gradient(ellipse 50% 40% at 10% 90%,rgba(56,189,248,.08) 0,transparent 60%);background-image:var(--bg-mesh);color:#f0f0f8;color:var(--text-primary);display:flex;flex-direction:column;font-family:Outfit,sans-serif;font-family:var(--font-body);font-size:15px;line-height:1.6;min-height:100vh}.page-wrapper{flex:1 1;flex-direction:column;padding:0 1.25rem 6rem}.page-wrapper,.site-header{align-items:center;display:flex}.site-header{justify-content:space-between;max-width:900px;padding:2rem 0 3.5rem;width:100%}.logo-mark{color:#f0f0f8;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-body);font-size:1.1rem;font-weight:600;gap:10px;letter-spacing:-.01em}.logo-icon,.logo-mark{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#6d4dff,#8b6fff);background:linear-gradient(135deg,var(--accent) 0,var(--accent-light) 100%);border-radius:9px;box-shadow:0 4px 14px rgba(109,77,255,.3);box-shadow:0 4px 14px var(--accent-glow);height:34px;justify-content:center;width:34px}.logo-icon svg{color:#fff;height:18px;width:18px}.header-badge{background:#1c1d2a;background:var(--surface-2);border:.5px solid hsla(0,0%,100%,.1);border:.5px solid var(--border-strong);border-radius:100px;color:#5c5c7a;color:var(--text-muted);font-family:Outfit,sans-serif;font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.05em;padding:5px 14px;text-transform:uppercase}.hero{margin-bottom:2.75rem;max-width:900px;width:100%}.hero-title{color:#f0f0f8;color:var(--text-primary);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:clamp(2.6rem,6vw,4.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin-bottom:.85rem}.hero-title span{-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#8b6fff,#22d3c8);background:linear-gradient(100deg,var(--accent-light) 0,var(--teal) 100%);-webkit-background-clip:text;background-clip:text}.hero-sub{color:#9b9bb8;color:var(--text-secondary);font-size:1rem;font-weight:400;line-height:1.7;max-width:440px}.app-grid{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr;max-width:900px;width:100%}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14151e;background:var(--surface);border:.5px solid hsla(0,0%,100%,.1);border:.5px solid var(--border-strong);border-radius:26px;border-radius:var(--radius-xl);box-shadow:0 4px 24px rgba(0,0,0,.4),0 1px 4px rgba(0,0,0,.3);box-shadow:var(--shadow-md);overflow:hidden}.input-panel{display:flex;flex-direction:column;gap:1.375rem;padding:1.875rem}.panel-label{color:#5c5c7a;color:var(--text-muted);font-size:10.5px;font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-field{background:#1c1d2a;background:var(--surface-2);border:.5px solid hsla(0,0%,100%,.1);border:.5px solid var(--border-strong);border-radius:14px;border-radius:var(--radius-md);color:#f0f0f8;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-body);font-size:14px;outline:none;padding:.875rem 1rem;resize:none;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition);width:100%}.input-field::-webkit-input-placeholder{color:#5c5c7a;color:var(--text-muted)}.input-field::placeholder{color:#5c5c7a;color:var(--text-muted)}.input-field:focus{background:#222336;background:var(--surface-3);border-color:#6d4dff;border-color:var(--accent);box-shadow:0 0 0 3px rgba(109,77,255,.12);box-shadow:0 0 0 3px var(--accent-dim)}.color-row{display:flex;flex-direction:column;gap:.5rem}.color-pickers{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.color-pick-item{align-items:center;background:#1c1d2a;background:var(--surface-2);border:.5px solid hsla(0,0%,100%,.1);border:.5px solid var(--border-strong);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:.625rem .875rem;transition:border-color .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition)}.color-pick-item:hover{border-color:#6d4dff;border-color:var(--accent)}.color-pick-item label{color:#9b9bb8;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:12px;font-weight:500}.color-pick-item input[type=color]{-webkit-appearance:none;background:none;border:none;border-radius:50%;cursor:pointer;height:22px;outline:none;padding:0;width:22px}.color-pick-item input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-pick-item input[type=color]::-webkit-color-swatch{border:2px solid hsla(0,0%,100%,.15);border-radius:50%}.slider-row{display:flex;flex-direction:column;gap:.625rem}.slider-meta{align-items:center;display:flex;justify-content:space-between}.slider-val{background:rgba(109,77,255,.12);background:var(--accent-dim);border:.5px solid rgba(109,77,255,.4);border:.5px solid var(--border-accent);border-radius:100px;color:#8b6fff;color:var(--accent-light);font-size:12px;font-weight:600;padding:2px 10px}input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg,#6d4dff 0,#6d4dff 50%,#222336 0,#222336);background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--pct,50%),var(--surface-3) var(--pct,50%),var(--surface-3) 100%);border-radius:4px;cursor:pointer;height:4px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#14151e;background:var(--surface);border:2px solid #6d4dff;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 8px rgba(109,77,255,.3);box-shadow:0 0 8px var(--accent-glow);cursor:pointer;height:18px;-webkit-transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);-webkit-transition:-webkit-transform var(--transition);transition:-webkit-transform var(--transition);transition:transform var(--transition);transition:transform var(--transition),-webkit-transform var(--transition);width:18px}input[type=range]::-webkit-slider-thumb:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.ec-section{display:flex;flex-direction:column;gap:.5rem}.ec-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.ec-btn-wrap{align-items:center;display:flex;flex-direction:column;gap:5px;position:relative}.ec-btn{background:#1c1d2a;background:var(--surface-2);border:.5px solid hsla(0,0%,100%,.1);border:.5px solid var(--border-strong);border-radius:8px;border-radius:var(--radius-sm);color:#9b9bb8;color:var(--text-secondary);cursor:pointer;font-family:Outfit,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.03em;line-height:1;padding:.55rem .25rem .45rem;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:100%}.ec-btn:hover{background:rgba(109,77,255,.12);background:var(--accent-dim);border-color:#6d4dff;border-color:var(--accent);color:#8b6fff;color:var(--accent-light)}.ec-btn.active{background:linear-gradient(135deg,#6d4dff,#8b6fff);background:linear-gradient(135deg,var(--accent),var(--accent-light));border-color:transparent;box-shadow:0 4px 14px rgba(109,77,255,.3);box-shadow:0 4px 14px var(--accent-glow);color:#fff}.ec-info{color:#5c5c7a;color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.02em;line-height:1.2;text-align:center;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.ec-btn-wrap:has(.ec-btn.active) .ec-info{color:#8b6fff;color:var(--accent-light)}.action-row{display:flex;flex-direction:column;gap:.625rem;margin-top:.125rem}.btn{align-items:center;border:none;border-radius:14px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.02em;padding:.9rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:100%}.btn-primary{background:linear-gradient(135deg,#6d4dff,#8b6fff);background:linear-gradient(135deg,var(--accent) 0,var(--accent-light) 100%);box-shadow:0 4px 18px rgba(109,77,255,.3);box-shadow:0 4px 18px var(--accent-glow);color:#fff}.btn-primary:hover{box-shadow:0 8px 32px rgba(109,77,255,.35);box-shadow:var(--shadow-accent);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-primary:active{box-shadow:none;-webkit-transform:translateY(0);transform:translateY(0)}.btn-secondary{background:rgba(34,211,200,.1);background:var(--teal-dim);border:.5px solid rgba(34,211,200,.2);color:#22d3c8;color:var(--teal)}.btn-secondary:hover{background:rgba(34,211,200,.16);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-secondary:active{-webkit-transform:translateY(0);transform:translateY(0)}.preview-panel{display:flex;flex-direction:column}.preview-top{border-bottom:.5px solid hsla(0,0%,100%,.06);border-bottom:.5px solid var(--border);padding:1.875rem 1.875rem 1.5rem}.preview-label{color:#5c5c7a;color:var(--text-muted);font-size:10.5px;font-weight:600;letter-spacing:.1em;margin-bottom:1.25rem;text-transform:uppercase}.qr-wrap{align-items:center;aspect-ratio:1;background:#1c1d2a;background:var(--surface-2);border:.5px solid hsla(0,0%,100%,.1);border:.5px solid var(--border-strong);border-radius:20px;border-radius:var(--radius-lg);display:flex;justify-content:center;overflow:hidden;padding:1.75rem;position:relative}.qr-wrap:before{background:radial-gradient(circle at 80% 15%,rgba(109,77,255,.08) 0,transparent 55%),radial-gradient(circle at 15% 85%,rgba(34,211,200,.06) 0,transparent 50%);content:"";inset:0;pointer-events:none;position:absolute}.qr-wrap canvas{border-radius:6px;display:block;position:relative;z-index:1}.preview-bottom{padding:1.25rem 1.875rem 1.875rem}.qr-meta{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:1fr 1fr}.meta-chip{background:#1c1d2a;background:var(--surface-2);border:.5px solid hsla(0,0%,100%,.06);border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);padding:.625rem .875rem}.meta-chip-label{color:#5c5c7a;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.07em;margin-bottom:3px;text-transform:uppercase}.meta-chip-val{color:#f0f0f8;color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-footer{align-items:center;background:#14151e;background:var(--surface);border-top:.5px solid hsla(0,0%,100%,.1);border-top:.5px solid var(--border-strong);display:flex;gap:.5rem;justify-content:center;padding:1.25rem 1.5rem;width:100%}.site-footer p{color:#5c5c7a;color:var(--text-muted);font-size:12px;font-weight:400}.footer-dot{background:#5c5c7a;background:var(--text-muted);border-radius:50%;height:3px;width:3px}.toast{background:#222336;background:var(--surface-3);border:.5px solid rgba(109,77,255,.4);border:.5px solid var(--border-accent);border-radius:100px;bottom:5rem;box-shadow:0 16px 56px rgba(0,0,0,.5),0 4px 16px rgba(0,0,0,.4),0 0 20px rgba(109,77,255,.3);box-shadow:var(--shadow-lg),0 0 20px var(--accent-glow);color:#f0f0f8;color:var(--text-primary);font-size:13px;font-weight:500;left:50%;opacity:0;padding:.625rem 1.25rem;pointer-events:none;position:fixed;-webkit-transform:translateX(-50%) translateY(12px);transform:translateX(-50%) translateY(12px);transition:all .25s ease;white-space:nowrap;z-index:999}.toast.show{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}@media (max-width:700px){.site-header{padding:1.5rem 0 2.5rem}.hero-title{font-size:2.4rem}.app-grid{grid-template-columns:1fr}.preview-panel{order:-1}}@media (max-width:420px){.color-pickers,.qr-meta{grid-template-columns:1fr}}
/*# sourceMappingURL=main.379d376e.css.map*/