.ops-qr-maker{--ops-qr-border: rgba(var(--color-foreground), .14);--ops-qr-border-strong: rgba(var(--color-foreground), .28);--ops-qr-soft: rgba(var(--color-foreground), .045);--ops-qr-soft-strong: rgba(var(--color-foreground), .075);--ops-qr-muted: rgba(var(--color-foreground), .66);--ops-qr-good: #177245;--ops-qr-warn: #9a6700;--ops-qr-bad: #b42318;padding:0 0 5rem}.ops-qr-maker *,.ops-qr-maker *:before,.ops-qr-maker *:after{box-sizing:border-box}.ops-qr-maker button,.ops-qr-maker input,.ops-qr-maker select{font:inherit}.ops-qr-maker>.page-width{max-width:160rem}.ops-qr-maker__header{max-width:100rem;margin-bottom:3rem}.ops-qr-maker__eyebrow,.ops-qr-maker__mini-eyebrow{display:block;margin:0 0 .8rem;color:var(--ops-qr-muted);font-size:1.2rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.ops-qr-maker__mini-eyebrow{margin-bottom:.4rem;font-size:1rem}.ops-qr-maker__title{max-width:100rem;margin:0;font-size:clamp(3rem,4vw,5.4rem);line-height:1.04}.ops-qr-maker__intro{max-width:86rem;margin:1.4rem 0 0;color:var(--ops-qr-muted);font-size:1.7rem;line-height:1.55}.ops-qr-maker__body{max-width:160rem;padding-top:3rem}.ops-qr-maker__header{max-width:none;margin:0}.ops-qr-maker__header .ops-page-title-banner__description{max-width:90rem}.ops-qr-maker__workspace{display:grid;grid-template-columns:minmax(30rem,36rem) minmax(0,1fr);gap:2rem;align-items:start}.ops-qr-maker__controls,.ops-qr-maker__canvas-area,.ops-qr-maker__print-card{border:.1rem solid var(--ops-qr-border);border-radius:1.6rem;background:rgb(var(--color-background))}.ops-qr-maker__controls{min-width:0;padding:2.2rem}.ops-qr-maker__controls h2{margin:0 0 2rem;padding-bottom:1.6rem;border-bottom:.1rem solid var(--ops-qr-border);font-size:2.2rem}.ops-qr-maker__panel{display:flex;flex-direction:column;gap:2.2rem}.ops-qr-maker__field{display:flex;min-width:0;flex-direction:column}.ops-qr-maker__group{padding-top:2rem;border-top:.1rem solid var(--ops-qr-border)}.ops-qr-maker__label{margin:0 0 .5rem;font-size:1.55rem;font-weight:700}.ops-qr-maker__help{margin:0 0 1.2rem;color:var(--ops-qr-muted);font-size:1.3rem;line-height:1.45}.ops-qr-maker__input,.ops-qr-maker__field-inline select,.ops-qr-maker__stepper input,.ops-qr-maker__hex-input{width:100%;min-height:4.6rem;padding:1rem 1.2rem;border:.1rem solid var(--ops-qr-border-strong);border-radius:.9rem;outline:none;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.ops-qr-maker__input{min-height:5rem;padding:1.2rem 1.4rem;font-size:1.45rem}.ops-qr-maker__input:hover,.ops-qr-maker__field-inline select:hover,.ops-qr-maker__stepper input:hover,.ops-qr-maker__hex-input:hover{border-color:rgba(var(--color-foreground),.5)}.ops-qr-maker__input:focus,.ops-qr-maker__field-inline select:focus,.ops-qr-maker__stepper input:focus,.ops-qr-maker__hex-input:focus{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.ops-qr-maker__input::placeholder{color:var(--ops-qr-muted)}.ops-qr-maker__input[aria-invalid=true]{border-color:var(--ops-qr-bad);box-shadow:0 0 0 .1rem var(--ops-qr-bad)}.ops-qr-maker__field-status{min-height:1.8rem;margin:.7rem 0 0;color:var(--ops-qr-muted);font-size:1.2rem;line-height:1.4}.ops-qr-maker__field-status[data-state=invalid]{color:var(--ops-qr-bad)}.ops-qr-maker__field-status[data-state=valid]{color:var(--ops-qr-good)}.ops-qr-maker__file-input{position:absolute;width:.1rem;height:.1rem;overflow:hidden;opacity:0;pointer-events:none}.ops-qr-maker__upload{display:flex;width:100%;min-height:8rem;padding:1.6rem;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;border:.1rem dashed var(--ops-qr-border-strong);border-radius:1rem;background:var(--ops-qr-soft);text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.ops-qr-maker__upload:hover{border-color:rgb(var(--color-foreground));background:var(--ops-qr-soft-strong)}.ops-qr-maker__upload-title{font-size:1.45rem;font-weight:700}.ops-qr-maker__upload-help{color:var(--ops-qr-muted);font-size:1.15rem}.ops-qr-maker__logo-selected{display:grid;grid-template-columns:5rem minmax(0,1fr) auto;gap:1rem;align-items:center;width:100%;margin-top:1rem;padding:1.1rem;border:.1rem solid var(--ops-qr-border);border-radius:1rem;background:rgb(var(--color-background))}.ops-qr-maker__logo-selected[hidden]{display:none}.ops-qr-maker__logo-thumb{width:5rem;height:5rem;overflow:hidden;border-radius:.8rem;background:var(--ops-qr-soft)}.ops-qr-maker__logo-thumb img{display:block;width:100%;height:100%;object-fit:contain}.ops-qr-maker__logo-meta{display:flex;min-width:0;flex-direction:column;gap:.2rem}.ops-qr-maker__logo-meta strong{overflow:hidden;font-size:1.25rem;text-overflow:ellipsis;white-space:nowrap}.ops-qr-maker__logo-meta span{color:var(--ops-qr-muted);font-size:1.1rem}.ops-qr-maker__logo-remove,.ops-qr-maker__text-action{padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;text-decoration:underline;text-underline-offset:.2rem}.ops-qr-maker__logo-remove{font-size:1.15rem}.ops-qr-maker__logo-size{width:100%;margin-top:1.4rem;padding-top:1.4rem;border-top:.1rem solid var(--ops-qr-border)}.ops-qr-maker__logo-size[hidden]{display:none}.ops-qr-maker__range-heading,.ops-qr-maker__quantity-heading{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem}.ops-qr-maker__range-heading .ops-qr-maker__label{margin:0}.ops-qr-maker__range-heading>span{flex:0 0 auto;font-size:1.25rem;font-weight:700}.ops-qr-maker__range{display:block;width:100%;margin:1rem 0 .7rem;cursor:pointer}.ops-qr-maker__logo-size .ops-qr-maker__help{margin:0;font-size:1.15rem}.ops-qr-maker__choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.ops-qr-maker__choice-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-qr-maker__choice{min-width:0;min-height:4.4rem;padding:.9rem 1rem;border:.1rem solid var(--ops-qr-border-strong);border-radius:.8rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.2rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.ops-qr-maker__choice:hover{border-color:rgb(var(--color-foreground))}.ops-qr-maker__choice[aria-pressed=true]{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.ops-qr-maker__colour-stack{display:flex;flex-direction:column;gap:1.4rem}.ops-qr-maker__colour-control{display:flex;flex-direction:column;gap:.6rem}.ops-qr-maker__colour-label,.ops-qr-maker__field-inline>span,.ops-qr-maker__quantity-heading>span{font-size:1.2rem;font-weight:700}.ops-qr-maker__colour-row{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.8rem}.ops-qr-maker__colour-picker{width:5rem;height:4.5rem;padding:.3rem;border:.1rem solid var(--ops-qr-border-strong);border-radius:.8rem;background:rgb(var(--color-background));cursor:pointer}.ops-qr-maker__hex-input{height:4.5rem;min-height:4.5rem;font-size:1.3rem;text-transform:uppercase}.ops-qr-maker__safety{min-height:2rem;margin:1.2rem 0 0;padding:.9rem 1rem;border-radius:.8rem;background:var(--ops-qr-soft);color:var(--ops-qr-muted);font-size:1.15rem;line-height:1.4}.ops-qr-maker__safety[data-state=good]{background:#eef9f2;color:var(--ops-qr-good)}.ops-qr-maker__safety[data-state=warn]{background:#fff8e6;color:var(--ops-qr-warn)}.ops-qr-maker__safety[data-state=bad]{background:#fff1f0;color:var(--ops-qr-bad)}.ops-qr-maker__canvas-area{position:sticky;top:2rem;display:grid;min-width:0;gap:1.4rem;padding:2.4rem}.ops-qr-maker__canvas-shell{display:flex;width:100%;min-height:56rem;align-items:center;justify-content:center;overflow:hidden;border-radius:1.2rem;background:var(--ops-qr-soft)}.ops-qr-maker__canvas-placeholder{position:relative;display:grid;width:min(48rem,72%);aspect-ratio:1;place-items:center;overflow:hidden;border:.1rem dashed var(--ops-qr-border);border-radius:1.2rem;background:#fff;color:var(--ops-qr-muted);font-size:1.5rem}.ops-qr-maker__canvas-placeholder canvas,.ops-qr-maker__canvas-placeholder svg{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%}[data-ops-qr-preview-empty]{padding:2rem;text-align:center;color:var(--ops-qr-muted)}.ops-qr-maker__logo-overlay{position:absolute;top:50%;left:50%;z-index:2;display:grid;width:20%;aspect-ratio:1;padding:0;place-items:center;box-sizing:border-box;transform:translate(-50%,-50%);border-radius:12%;background:#fff;pointer-events:none}.ops-qr-maker__logo-overlay img{display:block;width:80%;height:80%;object-fit:contain}.ops-qr-maker__use-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 1.4rem;align-items:center;padding:1.4rem;border:.1rem solid var(--ops-qr-border);border-radius:1rem}.ops-qr-maker__use-panel strong{display:block;font-size:1.35rem}.ops-qr-maker__use-actions,.ops-qr-maker__secondary-actions{display:flex;flex-wrap:wrap;gap:.7rem}.ops-qr-maker__button{min-height:4.2rem;display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.3rem;border:.1rem solid var(--ops-qr-border-strong);border-radius:.9rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-weight:700;cursor:pointer}.ops-qr-maker__button:hover:not(:disabled){border-color:rgb(var(--color-foreground))}.ops-qr-maker__button--primary{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.ops-qr-maker__button--full{width:100%;min-height:4.8rem}.ops-qr-maker__button:disabled,.ops-qr-maker__text-action:disabled{opacity:.42;cursor:not-allowed}.ops-qr-maker__button[data-busy=true]{cursor:wait}.ops-qr-maker__action-status,.ops-qr-maker__order-status{min-height:1.8rem;margin:0;color:var(--ops-qr-muted);font-size:1.15rem;line-height:1.4}.ops-qr-maker__action-status{grid-column:1 / -1}.ops-qr-maker__action-status[data-state=success],.ops-qr-maker__order-status[data-state=success]{color:var(--ops-qr-good)}.ops-qr-maker__action-status[data-state=error],.ops-qr-maker__order-status[data-state=error]{color:var(--ops-qr-bad)}.ops-qr-maker__print-section{margin-top:3rem;padding-top:3rem;border-top:.1rem solid var(--ops-qr-border)}.ops-qr-maker__print-header{max-width:86rem;margin-bottom:2rem}.ops-qr-maker__print-header h2{margin:0;font-size:clamp(2.6rem,3vw,4rem);line-height:1.08}.ops-qr-maker__print-header>p:last-child{margin:1rem 0 0;color:var(--ops-qr-muted);font-size:1.5rem;line-height:1.5}.ops-qr-maker__print-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.ops-qr-maker__print-card{min-width:0;padding:2rem}.ops-qr-maker__print-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.ops-qr-maker__print-card-heading h3{margin:0;font-size:2rem;line-height:1.2}.ops-qr-maker__print-badge{flex:0 0 auto;padding:.55rem .8rem;border-radius:999px;background:var(--ops-qr-soft-strong);color:var(--ops-qr-muted);font-size:1rem;font-weight:800;white-space:nowrap}.ops-qr-maker__print-card-layout{display:grid;grid-template-columns:minmax(18rem,.82fr) minmax(0,1.18fr);gap:1.6rem;align-items:start}.ops-qr-maker__sheet-preview-wrap,.ops-qr-maker__diecut-preview-wrap{display:grid;place-items:center;min-width:0;padding:1.2rem;border-radius:1rem;background:var(--ops-qr-soft)}.ops-qr-maker__sheet-preview-wrap canvas{display:block;width:min(100%,28rem);height:auto;border:.1rem solid rgba(0,0,0,.16);background:#fff;box-shadow:0 1.2rem 3rem #00000014}.ops-qr-maker__diecut-preview{display:grid;width:min(100%,28rem);aspect-ratio:1;place-items:center;padding:10%;border-radius:1.4rem;background-color:#f4f4f4;background-image:linear-gradient(45deg,#e7e7e7 25%,transparent 25%),linear-gradient(-45deg,#e7e7e7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7e7e7 75%),linear-gradient(-45deg,transparent 75%,#e7e7e7 75%);background-size:1.6rem 1.6rem;background-position:0 0,0 .8rem,.8rem -.8rem,-.8rem 0}.ops-qr-maker__diecut-preview img{display:block;width:100%;height:100%;object-fit:contain;box-shadow:0 1rem 2.4rem #0000001f}.ops-qr-maker__diecut-preview span{max-width:18rem;color:var(--ops-qr-muted);font-size:1.2rem;line-height:1.4;text-align:center}.ops-qr-maker__print-controls{display:grid;gap:1.35rem}.ops-qr-maker__range-block,.ops-qr-maker__quantity-block{padding-bottom:1.25rem;border-bottom:.1rem solid var(--ops-qr-border)}.ops-qr-maker__sheet-summary{margin:.4rem 0 0;color:var(--ops-qr-muted);font-size:1.15rem;line-height:1.4}.ops-qr-maker__field-inline{display:grid;gap:.55rem}.ops-qr-maker__field-inline select{min-height:4.4rem}.ops-qr-maker__stepper{display:grid;grid-template-columns:3.8rem 6.2rem 3.8rem;gap:.4rem}.ops-qr-maker__stepper button{min-height:3.8rem;border:.1rem solid var(--ops-qr-border-strong);border-radius:.8rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-weight:800;cursor:pointer}.ops-qr-maker__stepper input{min-height:3.8rem;padding:.6rem;text-align:center}.ops-qr-maker__preset-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.ops-qr-maker__preset-row button{min-height:3.2rem;padding:.5rem .8rem;border:.1rem solid var(--ops-qr-border);border-radius:.7rem;background:var(--ops-qr-soft);color:rgb(var(--color-foreground));font-size:1.05rem;font-weight:700;cursor:pointer}.ops-qr-maker__preset-row button:hover,.ops-qr-maker__preset-row button.is-active{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.ops-qr-maker__price-box{display:grid;gap:.25rem;padding:1.2rem;border-radius:1rem;background:var(--ops-qr-soft)}.ops-qr-maker__price-box strong{font-size:1.8rem}.ops-qr-maker__price-box span,.ops-qr-maker__price-box small{color:var(--ops-qr-muted);font-size:1.05rem}.ops-qr-maker__confirm{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:start;color:var(--ops-qr-muted);font-size:1.1rem;line-height:1.4}.ops-qr-maker__confirm input{margin-top:.2rem}.ops-qr-maker__secondary-actions{justify-content:space-between}.ops-qr-maker__text-action{font-size:1.05rem}@media screen and (max-width:1199px){.ops-qr-maker__print-grid{grid-template-columns:1fr}.ops-qr-maker__print-card-layout{grid-template-columns:minmax(22rem,.7fr) minmax(0,1.3fr)}}@media screen and (max-width:989px){.ops-qr-maker{padding-top:0}.ops-qr-maker__workspace{display:flex;flex-direction:column}.ops-qr-maker__canvas-area{position:static;order:1;width:100%}.ops-qr-maker__controls{order:2;width:100%}.ops-qr-maker__canvas-shell{min-height:48rem}.ops-qr-maker__canvas-placeholder{width:min(46rem,82%)}}@media screen and (max-width:749px){.ops-qr-maker{padding:0 0 3.5rem}.ops-qr-maker__header{margin-bottom:2rem}.ops-qr-maker__title{font-size:clamp(3rem,10vw,4.2rem)}.ops-qr-maker__intro{font-size:1.5rem}.ops-qr-maker__workspace{gap:1.2rem}.ops-qr-maker__controls,.ops-qr-maker__canvas-area,.ops-qr-maker__print-card{padding:1.4rem;border-radius:1.2rem}.ops-qr-maker__canvas-shell{min-height:36rem}.ops-qr-maker__canvas-placeholder{width:min(34rem,92%)}.ops-qr-maker__use-panel{grid-template-columns:1fr}.ops-qr-maker__action-status{grid-column:auto}.ops-qr-maker__use-actions{display:grid;grid-template-columns:1fr 1fr}.ops-qr-maker__use-actions .ops-qr-maker__button--primary{grid-column:1 / -1}.ops-qr-maker__print-section{margin-top:2rem;padding-top:2rem}.ops-qr-maker__print-card-layout{grid-template-columns:1fr}.ops-qr-maker__sheet-preview-wrap canvas,.ops-qr-maker__diecut-preview{width:min(100%,31rem)}.ops-qr-maker__print-card-heading{flex-direction:column}.ops-qr-maker__choice-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-qr-maker__logo-selected{grid-template-columns:4.6rem minmax(0,1fr) auto}.ops-qr-maker__logo-thumb{width:4.6rem;height:4.6rem}.ops-qr-maker__quantity-heading{align-items:flex-start;flex-direction:column}.ops-qr-maker__secondary-actions{flex-direction:column;align-items:flex-start}}@media screen and (max-width:749px){.ops-qr-maker__body{padding-top:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/172/assets/ops-qr-maker.css.map */