:root{color:#2a1b17;background:#fdf6ea;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--paper: oklch(97.5% .018 82);--surface: oklch(99.3% .008 84);--surface-warm: oklch(94.5% .045 74);--ink: oklch(24% .025 35);--muted: oklch(50% .035 45);--line: oklch(83% .055 68);--line-strong: oklch(70% .12 49);--coral: oklch(63% .19 37);--orange: oklch(72% .16 56);--yellow: oklch(86% .16 88);--shadow: 0 18px 40px oklch(36% .04 42 / .1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper)}button,textarea,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;overflow-x:clip;position:relative}.site-header,.page-content,.site-footer{width:min(1180px,calc(100% - 48px));margin-inline:auto;position:relative;z-index:1}.site-header{align-items:center;display:flex;justify-content:space-between;padding:28px 0 22px}.brand-lockup{align-items:center;color:var(--ink);display:inline-flex;flex:1 1 auto;min-width:0;text-decoration:none}.brand-lockup img{display:block;height:48px;max-height:100%;max-width:100%;width:auto}.local-badge{align-items:center;border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-flex;flex:0 0 auto;font-size:.74rem;font-weight:700;gap:7px;letter-spacing:.03em;padding:8px 11px;white-space:nowrap}.local-badge span{background:#53a54b;border-radius:50%;height:7px;width:7px}.page-content{padding:42px 0 68px}.intro-copy{max-width:750px}.eyebrow,.section-kicker{color:var(--coral);font-size:.73rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow{align-items:center;display:inline-flex;gap:7px}.eyebrow svg{height:16px;width:16px}h1,h2,p{margin:0}h1{font-size:clamp(2.65rem,6vw,5.15rem);letter-spacing:-.065em;line-height:.98;margin:18px 0 20px;max-width:820px}.intro-copy p{color:var(--muted);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.5;max-width:58ch}.workspace{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);margin-top:54px}.preview-panel,.control-panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);min-width:0}.preview-panel,.control-panel{padding:28px}.preview-topline,.section-heading{align-items:start;display:flex;justify-content:space-between}h2{font-size:1.35rem;letter-spacing:-.035em;line-height:1.15;margin-top:7px}.status-dot{background:var(--coral);border:4px solid var(--surface-warm);border-radius:50%;height:17px;width:17px}.qr-stage{align-items:center;background:var(--surface-warm);border:1px dashed var(--line-strong);border-radius:18px;display:flex;justify-content:center;margin-top:24px;min-height:490px;min-width:0;padding:24px;position:relative}.qr-stage-filled{background:var(--surface-warm);border-style:solid}.qr-canvas-region{max-width:min(100%,520px);min-width:0;width:100%}.qr-canvas{align-items:center;display:flex;justify-content:center;width:100%}.qr-canvas canvas{display:block;height:auto!important;max-width:100%;width:100%!important}.empty-state{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:9px;max-width:220px;text-align:center}.empty-state strong{color:var(--ink);font-size:1.05rem}.empty-state span{font-size:.87rem;line-height:1.5}.empty-mark{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:50%;color:var(--coral);display:flex;height:66px;justify-content:center;margin-bottom:5px;width:66px}.empty-mark svg{height:30px;width:30px}.preview-footer{display:grid;gap:15px;margin-top:21px}.scan-note{align-items:center;color:var(--muted);display:flex;font-size:.78rem;gap:8px;line-height:1.4}.scan-note svg{color:#308328;flex:0 0 auto;height:16px;width:16px}.reset-button{align-items:center;background:none;border:0;color:var(--muted);display:inline-flex;font-size:.75rem;gap:6px;padding:4px 0;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .16s ease-out,text-decoration-color .16s ease-out}.reset-button:hover{color:var(--coral);text-decoration-color:currentColor}.reset-button svg{height:15px;width:15px}.control-stack{display:grid;gap:22px;margin-top:27px}.field-group{border:0;display:grid;gap:9px;margin:0;padding:0}.control-label{color:var(--ink);display:block;font-size:.78rem;font-weight:800;letter-spacing:.01em}.control-help,.field-meta,.range-scale{color:var(--muted);font-size:.72rem;line-height:1.4}.content-input,.select-input{background:#fefaf1;border:1px solid var(--line);border-radius:12px;color:var(--ink);outline:none;transition:border-color .16s ease-out,box-shadow .16s ease-out,background .16s ease-out;width:100%}.content-input{min-height:105px;padding:13px 14px;resize:vertical}.content-input::placeholder{color:#8d786f}.select-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%235b4b44' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding:12px 37px 12px 13px}.content-input:focus,.select-input:focus,.range-input:focus-visible,.color-picker:focus-visible{border-color:var(--coral);box-shadow:0 0 0 3px #e452242e}.field-meta{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.field-meta>span:first-child{min-width:0}.field-warning,.field-error{align-items:center;color:#99351b;display:flex;font-size:.75rem;gap:6px;line-height:1.4}.field-warning svg{flex:0 0 auto;height:15px;width:15px}.color-fields{display:grid;gap:12px;grid-template-columns:1fr 1fr}.color-field{background:#fefaf1;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;min-width:0;padding:11px 12px}.color-input-row{align-items:center;display:flex;gap:8px;min-width:0}.color-input-row code{color:var(--muted);font-size:.67rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-picker{appearance:none;background:transparent;border:0;border-radius:50%;cursor:pointer;height:23px;outline:none;padding:0;width:23px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:1px solid var(--line);border-radius:50%}.range-label-row{align-items:center;display:flex;justify-content:space-between}.range-label-row output{color:var(--coral);font-size:.78rem;font-weight:800}.range-input{accent-color:var(--coral);cursor:pointer;margin:4px 0 0;width:100%}.range-scale{display:flex;justify-content:space-between}.logo-uploader{align-items:center;border-top:1px solid var(--line);display:flex;gap:13px;padding-top:22px}.logo-preview-wrap{align-items:center;background:var(--surface-warm);border:1px solid var(--line);border-radius:13px;display:flex;flex:0 0 auto;height:57px;justify-content:center;overflow:hidden;width:57px}.logo-preview{height:auto;max-height:48px;max-width:48px;object-fit:contain;width:auto}.logo-copy{display:grid;gap:4px;min-width:0}.button{align-items:center;border:1px solid transparent;border-radius:10px;display:inline-flex;font-size:.83rem;font-weight:800;gap:9px;justify-content:center;padding:13px 16px;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out,transform .16s ease-out}.button svg{height:17px;width:17px}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible,.reset-button:focus-visible,.brand-lockup:focus-visible{outline:3px solid oklch(63% .19 37 / .35);outline-offset:3px}.button-primary{background:var(--coral);color:#fffbf4;width:100%}.button-primary:hover:not(:disabled){background:#ce3d02}.button-primary:disabled{background:#d8b9ac;color:#f5f1ea}.button-arrow{margin-left:auto}.button-secondary{background:var(--surface);border-color:var(--line);color:var(--ink);margin-top:7px}.button-secondary:hover:not(:disabled){border-color:var(--coral);color:var(--coral)}.button-small{font-size:.73rem;padding:7px 10px}.button-small svg{height:14px;width:14px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.site-footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:.72rem;gap:12px;justify-content:center;padding:22px 0 28px}.footer-spark{color:var(--coral);font-size:.6rem}.confetti{position:absolute;z-index:0}.confetti-one{border:2px solid var(--yellow);border-radius:50%;height:20px;right:8%;top:150px;width:20px}.confetti-two{background:var(--coral);height:9px;right:4%;top:205px;transform:rotate(35deg);width:27px}.confetti-three{border:2px solid var(--orange);height:14px;left:4%;top:320px;transform:rotate(45deg);width:14px}@media(max-width:900px){.workspace{grid-template-columns:1fr}.control-panel{order:2}.preview-panel{order:1}.qr-stage{aspect-ratio:1;min-height:0}}@media(max-width:560px){.site-header,.page-content,.site-footer{width:min(100% - 32px,1180px)}.site-header{gap:12px;padding-top:19px}.brand-lockup img{height:38px;max-width:100%}.local-badge{font-size:.68rem;gap:6px;padding:7px 8px}.page-content{padding-top:39px}h1{font-size:clamp(2.35rem,11vw,2.7rem)}.workspace{gap:16px;margin-top:38px}.preview-panel,.control-panel{border-radius:18px;padding:19px}.color-fields{grid-template-columns:1fr}.qr-stage{padding:15px}.range-input{min-height:32px}.button-small,.reset-button{min-height:44px}.site-footer{align-items:flex-start;flex-direction:column;gap:5px}.footer-spark{display:none}.confetti-one{right:3%;top:115px}.confetti-two{right:-4%;top:184px}.confetti-three{left:-2%;top:350px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}