:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#12211d;background:radial-gradient(circle at top,rgba(3,155,129,.16),transparent 34%),linear-gradient(#f9fbf8 0%,#eef2ea 100%);font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;color:inherit;background:0 0;margin:0}button,a,textarea{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}body.viewer-open{overflow:hidden}.app-shell{width:100%;max-width:1120px;margin:0 auto;padding:3rem 1rem 4rem}.intro{max-width:42rem;margin-bottom:2.5rem}.eyebrow{color:#0f7964;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .65rem;font-size:.82rem;font-weight:700}.intro h1{font-size:5.2rem;letter-spacing:-.05em;margin:0;font-size:max(2.8rem,min(6vw,5.2rem));line-height:.94}.intro-copy{color:rgba(18,33,29,.78);max-width:34rem;margin:1rem 0 0;font-size:1.05rem}.workspace{flex-wrap:wrap;align-items:stretch;margin:0 -.75rem;display:flex}.input-panel,.preview-panel{backdrop-filter:blur(18px);background:rgba(255,255,255,.78);border:1px solid rgba(18,33,29,.12);border-radius:28px;flex:25rem;min-width:0;margin:0 .75rem 1.5rem;box-shadow:0 24px 80px rgba(25,51,43,.08)}.input-panel{padding:1.5rem}.field-label{letter-spacing:.08em;text-transform:uppercase;margin-bottom:.8rem;font-size:.9rem;font-weight:700;display:inline-block}textarea{resize:vertical;color:#12211d;background:rgba(247,249,246,.96);border:1px solid rgba(18,33,29,.16);border-radius:20px;outline:none;width:100%;min-height:18rem;padding:1.15rem 1.2rem;font-size:1rem;line-height:1.6;transition:border-color .18s,box-shadow .18s,transform .18s}textarea:focus{border-color:rgba(15,121,100,.65);box-shadow:0 0 0 4px rgba(15,121,100,.12)}.field-hint{color:rgba(18,33,29,.68);margin:.9rem 0 0;font-size:.95rem}.actions{flex-wrap:wrap;margin-top:1.25rem;margin-left:-.425rem;margin-right:-.425rem;display:flex}.primary-action,.secondary-action,.download-link,.utility-button,.viewer-close{border-radius:999px;justify-content:center;align-items:center;min-height:3.15rem;margin:.425rem;padding:.85rem 1.15rem;transition:transform .18s,opacity .18s,background-color .18s,border-color .18s;display:inline-flex}.primary-action{color:#fff;background:#12211d;font-weight:700}.primary-action:hover,.secondary-action:hover,.download-link:hover:not(.disabled),.utility-button:hover:not(.disabled),.viewer-close:hover{transform:translateY(-1px)}.secondary-action,.download-link,.utility-button,.viewer-close{color:#12211d;background:rgba(255,255,255,.72);border:1px solid rgba(18,33,29,.15);font-weight:700}.stats{flex-wrap:wrap;margin:1.4rem -.4rem 0;display:flex}.stat{background:rgba(245,248,243,.92);border-radius:18px;flex:30%;min-width:0;margin:.4rem;padding:.95rem 1rem}.stat dt{color:rgba(18,33,29,.62);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.stat dd{letter-spacing:-.04em;margin:.45rem 0 0;font-size:1.45rem;font-weight:700}.preview-panel{flex-direction:column;padding:1.5rem;display:flex;position:sticky;top:1rem}.status-row{min-height:4.25rem}.status-label{color:#0f7964;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.status-copy{color:rgba(18,33,29,.76);margin:.55rem 0 0}.qr-stage{background:linear-gradient(135deg,rgba(18,33,29,.03),rgba(18,33,29,0)),#f6f8f3;border-radius:24px;width:100%;max-width:21rem;height:21rem;margin:1rem auto 0;padding:1.5rem;position:relative}.qr-stage:before,.qr-stage:after{content:"";pointer-events:none;z-index:0;border:1px solid rgba(15,121,100,.16);border-radius:24px;width:5rem;height:5rem;position:absolute}.qr-stage:before{top:-1.4rem;left:-1.4rem}.qr-stage:after{bottom:-1.4rem;right:-1.4rem}.qr-frame{z-index:1;background:#fff;border-radius:22px;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 48px rgba(18,33,29,.08)}.placeholder{color:rgba(18,33,29,.54);text-align:center;border:1px dashed rgba(18,33,29,.16);border-radius:20px;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;top:1rem;bottom:1rem;left:1rem;right:1rem}.placeholder.hidden{display:none}.qr-preview{width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:crisp-edges;display:none}.qr-preview.visible{display:block}.utility-row,.download-row{flex-wrap:wrap;margin-left:-.4rem;margin-right:-.4rem;display:flex}.utility-row{margin-top:.9rem}.download-row{margin-top:.8rem;padding-top:0}.download-link,.utility-button{flex:14rem;width:auto;min-width:0}.utility-button:disabled,.download-link.disabled{opacity:.4;pointer-events:none}.viewer-backdrop{backdrop-filter:blur(18px);z-index:20;background:rgba(9,18,16,.78);justify-content:center;align-items:center;padding:1.25rem;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.viewer-backdrop.visible{display:flex}.viewer-shell{flex-direction:column;align-items:flex-end;width:100%;max-width:96rem;display:flex}.viewer-card{background:#fff;border-radius:32px;width:calc(100vw - 2.5rem);max-width:40rem;height:calc(100vw - 2.5rem);max-height:calc(100vh - 6rem);padding:1rem;box-shadow:0 28px 90px rgba(0,0,0,.22)}.viewer-image{width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:crisp-edges;margin:0 auto;display:block}.viewer-close{margin-bottom:1rem}@supports (aspect-ratio:1 / 1){.qr-stage{aspect-ratio:1;width:min(100%,21rem);height:auto}.viewer-card{aspect-ratio:1;width:min(100%,100vw - 2.5rem,86vmin);height:auto;padding:max(.85rem,min(2vw,1.35rem))}}@media (max-width:960px){.preview-panel{position:static}}@media (max-width:640px){.app-shell{padding:1.25rem .5rem 2rem}.intro{margin-bottom:1.25rem}.input-panel,.preview-panel{border-radius:22px;padding:1.1rem}textarea{min-height:15rem}.actions,.download-row,.utility-row,.stats{margin-left:0;margin-right:0}.qr-stage{max-width:20rem;height:20rem}.viewer-backdrop{padding:.75rem}.viewer-shell{gap:.75rem;width:100%}.viewer-card{border-radius:24px;width:calc(100vw - 1.5rem);height:calc(100vw - 1.5rem)}.viewer-close{width:100%;margin-bottom:.75rem}.stat,.download-link,.utility-button,.primary-action,.secondary-action{flex-basis:100%;margin-left:0;margin-right:0}}@supports (aspect-ratio:1 / 1){@media (max-width:640px){.qr-stage,.viewer-card{aspect-ratio:1;height:auto}}}