ops-sticker-sheet-page{display:block;max-width:var(--ops-page-max,1500px);margin:0 auto;padding:24px clamp(12px,3vw,40px) 48px;color:#282335;font:14px/1.5 system-ui,sans-serif}.ops-sticker-page *,.ops-sticker-page *:before,.ops-sticker-page *:after{box-sizing:border-box}.ops-sticker-page [hidden]{display:none!important}.ops-sticker-page__intro{margin:0 0 20px}.ops-sticker-page__intro h1{margin:4px 0 8px;color:#282335;font:600 clamp(24px,3vw,36px)/1.2 system-ui,sans-serif}.ops-sticker-page__intro p{margin:0}.ops-sticker-page__intro>p{color:#70677d;font-size:12px}.ops-sticker-page__nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;margin:0 0 16px;border:1px solid #e3ddea;border-radius:12px;background:#faf8fd}.ops-sticker-page button,.ops-sticker-page input,.ops-sticker-page select,.ops-sticker-page textarea{font:inherit}.ops-sticker-page button{cursor:pointer;border:1px solid #ded6e9;border-radius:8px;padding:9px 13px;background:#fff;color:#393042;line-height:1.3;min-height:40px}.ops-sticker-page button:hover{background:#f3eef9}.ops-sticker-page button:disabled{cursor:default;opacity:.5}.ops-sticker-page button:focus-visible,.ops-sticker-page a:focus-visible,.ops-sticker-page input:focus-visible,.ops-sticker-page select:focus-visible{outline:3px solid #ac87de;outline-offset:2px}.ops-sticker-page__nav button{display:flex;align-items:center;gap:9px;border-color:transparent;background:transparent}.ops-sticker-page__nav button span{border-radius:50%;width:24px;height:24px;display:grid;place-items:center;background:#e9e1f2;font-size:12px}.ops-sticker-page__nav button[aria-current=step]{color:var(--oi-accent);background:#fff;border-color:#dacee8}.ops-sticker-page__nav button[aria-current=step] span{color:#fff;background:var(--oi-accent)}.ops-sticker-page__nav a{color:#5f4b77;margin-left:auto;padding:8px}.ops-sticker-page__import-actions,.ops-sticker-page__actions,.ops-sticker-page__exports{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ops-sticker-page ops-artwork-importer{margin:0}.ops-sticker-page ops-artwork-importer button{min-height:unset}.ops-sticker-page .oi-primary,.ops-sticker-page .ops-sticker-page__primary{background:var(--oi-accent,#7652b9);border-color:var(--oi-accent,#7652b9);color:#fff}.ops-sticker-page .oi-primary:hover,.ops-sticker-page .ops-sticker-page__primary:hover{background:#624396;color:#fff}.ops-sticker-page__primary{width:100%;margin:12px 0}.ops-sticker-page__notice{min-height:22px;margin:12px 0 0;color:#655970}.ops-sticker-page[data-error=true] [data-page-status],.ops-sticker-page .is-error{color:#a32748}.ops-sticker-page__sheet-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.ops-sticker-page__canvas{position:sticky;top:16px;min-width:0}.ops-sticker-page .ops-builder__workspace{width:100%;min-width:0;margin:0}.ops-sticker-page .ops-builder-stage{height:640px;max-height:75vh;min-height:300px;background:#f3f0f7;border:1px solid #e1dae8;border-radius:12px}.ops-sticker-page .ops-builder-stage__scroll{height:100%;overflow:auto;display:grid;place-items:center;padding:20px}.ops-sticker-page .ops-builder-canvas-wrap{flex-shrink:0;background:#fff;box-shadow:0 4px 16px #28233518}.ops-sticker-page canvas[data-builder-canvas]{display:block;width:100%;height:100%;touch-action:none}.ops-sticker-page .ops-builder-toolbar{position:static;min-height:48px;margin:0 0 10px;padding:0;justify-content:space-between;flex-wrap:wrap;background:#fff;border:0}.ops-sticker-page .ops-builder-toolbar__group{gap:6px}.ops-sticker-page .ops-builder-canvas-artwork{margin:14px 0 0;background:#faf8fd;border-color:#e1dae8}.ops-sticker-page .ops-builder-canvas-artwork__list{display:flex;gap:8px;overflow:auto}.ops-sticker-page .ops-builder-canvas-artwork__item{flex:0 0 120px;min-width:0}.ops-sticker-page .ops-builder-canvas-artwork__select{min-height:60px;padding:6px}.ops-sticker-page .ops-builder-canvas-artwork__thumb{width:44px;height:44px}.ops-sticker-page .ops-builder-canvas-artwork img{max-width:100%;max-height:100%;object-fit:contain}.ops-sticker-page__summary{display:flex;gap:8px 18px;flex-wrap:wrap;margin:12px 0;font-size:12px;color:#6b5e78}.ops-sticker-page__card{padding:18px;border:1px solid #e0d8e8;border-radius:12px;background:#fff;margin:0 0 14px}.ops-sticker-page__card h2{font:600 17px/1.3 system-ui,sans-serif;margin:0 0 16px;color:#282335}.ops-sticker-page__card summary{cursor:pointer;font-weight:600}.ops-sticker-page .ops-builder-field{margin:10px 0;display:grid;gap:5px;color:#5c5069}.ops-sticker-page .ops-builder-field input:not([type=color]),.ops-sticker-page .ops-builder-field select,.ops-sticker-page textarea{width:100%;min-width:0;padding:9px 10px;border:1px solid #ded6e9;border-radius:7px;background:#fff;color:#282335}.ops-sticker-page .ops-builder-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ops-sticker-page .ops-builder-fieldset{border:0;padding:0;margin:12px 0}.ops-sticker-page .ops-builder-fieldset legend{color:#5c5069;font-weight:500;margin-bottom:6px}.ops-sticker-page .ops-builder-choice{padding:8px;min-height:44px;border-color:#ded6e9;border-radius:8px;color:#44384f;font-size:12px}.ops-sticker-page .ops-builder-choice{display:flex;align-items:center;gap:6px}.ops-sticker-page .ops-builder-choice input{accent-color:var(--oi-accent);position:static;width:auto;height:auto;opacity:1;margin:0;clip-path:none;overflow:visible;flex-shrink:0}.ops-sticker-page .ops-builder-choice span,body ops-sticker-sheet-page.ops-sticker-page .ops-builder-choice input:checked+span{display:block;width:auto;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;color:inherit}.ops-sticker-page .ops-builder-choice:has(input:checked){background:#f3eefb;border-color:#b9a0d5}.ops-sticker-page [data-artwork-list]{display:none!important}.ops-sticker-page .ops-builder-unit-input{display:flex;border:1px solid #ded6e9;border-radius:7px;padding-right:10px;align-items:center}.ops-sticker-page .ops-builder-unit-input input{border:0!important}.ops-sticker-page .ops-builder-canvas-artwork{display:flex;flex-wrap:wrap;gap:10px;padding:14px}.ops-sticker-page .ops-builder-canvas-artwork__heading{width:100%}.ops-sticker-page .ops-builder-canvas-artwork__list{flex:1 1 100%}.ops-sticker-page .ops-builder-canvas-artwork-item{flex:0 0 185px;min-width:0;border-color:#e0d8e8}.ops-sticker-page .ops-builder-canvas-artwork-item__select{min-width:0;flex:1;display:flex;gap:8px}.ops-sticker-page .ops-builder-canvas-artwork-item__copy{min-width:0}.ops-sticker-page .ops-builder-help{color:#74697d;font-size:12px}.ops-sticker-page .ops-builder-check{display:flex;gap:8px;align-items:flex-start;margin:12px 0;font-size:13px}.ops-sticker-page .ops-builder-check input{margin-top:3px;accent-color:var(--oi-accent)}.ops-sticker-page .ops-sheet-order-summary{background:#f5f0fb;padding:12px;margin:12px 0;border-radius:8px}.ops-sticker-page [data-order-price]{font-size:24px;font-weight:600;color:#4e356b}.ops-sticker-page [data-order-unit],.ops-sticker-page [data-order-output],.ops-sticker-page [data-order-saving]{font-size:12px}.ops-sticker-page [data-order-tier-buttons]{gap:5px}.ops-sticker-page [data-order-tier-buttons] button{padding:5px 7px;min-height:32px}.ops-sticker-page__library,.ops-sticker-page .ops-builder-dialog{width:min(800px,calc(100% - 24px));max-height:85vh;padding:24px;border:1px solid #ded6e9;border-radius:14px;background:#fff}.ops-sticker-page dialog::backdrop{background:#28233575}.ops-sticker-page [data-saved-artwork-grid]{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.ops-sticker-page__library-card{border:1px solid #e0d8e8;border-radius:9px;padding:10px;min-width:0}.ops-sticker-page__library-card img{width:100%;height:100px;object-fit:contain;background:#f5f1f9}.ops-sticker-page__library-card strong{display:block;font-size:12px;overflow-wrap:anywhere;margin:6px 0}.ops-sticker-page [data-autosave-status]{display:block;margin-top:8px;color:#74697d;font-size:12px}@media(max-width:900px){.ops-sticker-page__sheet-grid{grid-template-columns:1fr 290px;gap:12px}}@media(max-width:720px){.ops-sticker-page{padding:16px 12px 36px}.ops-sticker-page__nav{gap:3px;padding:6px}.ops-sticker-page__nav button{padding:8px 6px;gap:5px;font-size:12px}.ops-sticker-page__nav a{width:100%;margin:0;text-align:right;font-size:12px}.ops-sticker-page__sheet-grid{grid-template-columns:1fr}.ops-sticker-page__canvas{position:static}.ops-sticker-page .ops-builder-stage{height:480px;max-height:65vh}.ops-sticker-page .ops-builder-stage__scroll{padding:12px}.ops-sticker-page__card{padding:14px}}
/*# sourceMappingURL=/cdn/shop/t/302/assets/ops-sticker-sheet-page.css.map */