.sticker-tool-container{--st-primary: #D8222F;--st-primary-hover: #b01b25;--st-ink: #171717;--st-panel: #ffffff;--st-soft: #f5f6f7;--st-soft-2: #eef4f6;--st-line: #d8dde3;--st-muted: #68717c;--st-blue: #2563eb;--st-green: #16803c;--st-radius: 8px;--st-shadow: 0 24px 70px rgba(10, 18, 28, .16);--st-ruler-top-pull: 0px;--st-ruler-sticky-top: 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f4f6f8;color:var(--st-ink);display:flex;flex-direction:column;width:100%;max-width:1500px;margin:var(--st-ruler-top-pull) auto 0;border:1px solid #cfd6dd;box-shadow:var(--st-shadow);border-radius:var(--st-radius);overflow:visible;position:relative;z-index:1}body:has(.sticker-tool-container) .shopify-section:has(.sticker-tool-container),body:has(.sticker-tool-container) .page-width:has(.sticker-tool-container),body:has(.sticker-tool-container) .rte:has(.sticker-tool-container){--section-padding-top: 0px !important;--section-padding-bottom: 0px !important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}body:has(.sticker-tool-container) main h1,body:has(.sticker-tool-container) main .main-page-title,body:has(.sticker-tool-container) main .page-title,body:has(.sticker-tool-container) main .title{margin-bottom:clamp(14px,2vw,26px)!important}.st-help-btn{background:#fff;border:1px solid #d7dde5;color:var(--st-ink);padding:.35rem .55rem;border-radius:999px;font-weight:800;font-size:.72rem;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .2s;white-space:nowrap;letter-spacing:0;text-transform:none}.st-help-btn:hover{background:#fff6f7;border-color:#f0b6bc;color:var(--st-primary)}.st-help-btn svg{width:14px;height:14px;color:var(--st-primary)}.st-mobile-notice{display:none;background:#fff7ed;border-bottom:1px solid #fed7aa;color:#7c2d12;padding:.8rem 1rem;font-size:.9rem;line-height:1.35}.st-mobile-notice strong{display:block;color:#9a3412;font-size:.82rem;font-weight:900;letter-spacing:.6px;margin-bottom:.15rem;text-transform:uppercase}.st-mobile-size-bar{display:none;background:#111;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 10px 26px #0a121c29;padding:.7rem 1rem;position:sticky;top:0;z-index:9}.st-mobile-size-label{display:block;color:#ffffffad;font-size:.68rem;font-weight:900;letter-spacing:1px;line-height:1;margin-bottom:.24rem;text-transform:uppercase}.st-mobile-size-value{display:block;font-size:1.05rem;font-weight:900;line-height:1.15;font-variant-numeric:tabular-nums}.st-mobile-size-sub{display:block;color:#ffffffb8;font-size:.78rem;font-weight:700;line-height:1.25;margin-top:.18rem}.st-mobile-size-bar.is-warning{background:#7f1d1d}.st-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.st-modal.active{opacity:1;pointer-events:all}.st-modal-content{background:#fff;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;border-radius:12px;box-shadow:0 25px 60px #0000004d;border:1px solid #eee;padding:2.5rem;position:relative;color:#333}.st-close-modal{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#999;cursor:pointer;line-height:.8}.st-close-modal:hover{color:var(--st-primary)}.st-modal-title{font-size:1.6rem;font-weight:800;margin-bottom:1.5rem;color:var(--st-ink)}.st-modal ol{padding-left:1.2rem}.st-modal li{margin-bottom:.8rem;font-size:1rem;line-height:1.5;color:#444}.st-modal li strong{color:var(--st-ink);font-weight:700}.st-workspace{display:grid;grid-template-columns:310px minmax(360px,1fr) 330px;align-items:stretch;position:relative;min-height:670px;background:#f4f6f8}.st-sidebar,.st-results-panel{background:var(--st-panel);display:flex;flex-direction:column;z-index:2;min-width:0}.st-sidebar{border-right:1px solid var(--st-line)}.st-results-panel{border-left:1px solid var(--st-line)}.st-control-group{padding:1rem;border-bottom:1px solid var(--st-line)}.st-control-group.compact{padding:.85rem 1rem}.st-group-title{font-size:.75rem;text-transform:uppercase;letter-spacing:1.2px;color:#1e242a;margin-bottom:.8rem;font-weight:900;display:flex;align-items:center;gap:.5rem}.st-upload-title{justify-content:space-between}.st-beta-badge{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0 .48rem;border:1px solid rgba(216,34,47,.28);border-radius:999px;background:#fff6f7;color:var(--st-primary);font-size:.64rem;font-weight:900;letter-spacing:.7px;line-height:1}.st-beta-panel-note{align-items:center;color:var(--st-muted);display:flex;font-size:.78rem;font-weight:700;gap:.5rem;justify-content:flex-end;margin-top:.85rem}.st-license-note{color:var(--st-muted);font-size:.68rem;font-weight:700;line-height:1.35;margin-top:.45rem;text-align:right}.st-upload-card{border:1px solid #f0b6bc;background:#fff6f7;border-radius:8px;padding:.7rem}.st-dimension-badge{background:#111;color:#fff;padding:1rem;border-radius:8px;font-weight:700;font-size:1.05rem;font-variant-numeric:tabular-nums;text-align:center;display:block;width:100%;box-sizing:border-box;line-height:1.35}.st-result-card{background:#fff;border:1px solid var(--st-line);border-radius:8px;padding:1rem;box-shadow:0 8px 22px #0a121c0f}.st-edge-status{display:none;margin-top:.8rem;border:1px solid #d7dde5;border-radius:8px;background:#f8fafc;color:#334155;padding:.75rem;font-size:.8rem;line-height:1.35}.st-edge-status.active{display:block}.st-edge-status strong{display:block;color:#111827;font-size:.76rem;letter-spacing:.7px;margin-bottom:.15rem;text-transform:uppercase}.st-edge-status.good{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.st-edge-status.good strong{color:#14532d}.st-edge-status.warn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.st-edge-status.warn strong{color:#7c2d12}.st-edge-status.checking{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.st-edge-status.checking strong{color:#1d4ed8}.st-edge-status.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.st-edge-status.error strong{color:#881337}.st-measure-method{display:none;margin-top:.75rem;border:1px solid #d7dde5;border-radius:999px;padding:.42rem .65rem;color:#334155;background:#f8fafc;font-size:.75rem;font-weight:900;letter-spacing:.4px;text-transform:uppercase}.st-measure-method.active{display:inline-flex;align-items:center;max-width:100%}.st-measure-method.good{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.st-measure-method.warn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.st-measure-method.checking{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.st-measure-method.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.st-choice-panel,.st-pdf-picker{display:none;margin-top:.8rem;border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:#7c2d12;padding:.75rem;font-size:.8rem;line-height:1.35}.st-choice-panel.active,.st-pdf-picker.active{display:block}.st-choice-panel strong,.st-pdf-picker strong{display:block;color:#7c2d12;font-size:.76rem;letter-spacing:.7px;margin-bottom:.2rem;text-transform:uppercase}.st-choice-actions{display:grid;grid-template-columns:1fr;gap:.45rem;margin-top:.7rem}.st-mini-btn{min-height:34px;padding:.5rem .65rem;font-size:.78rem}.st-pdf-row{display:grid;grid-template-columns:1fr auto;gap:.45rem;align-items:center;margin-top:.65rem}.st-pdf-row select{width:100%;padding:.6rem;border:1px solid #cfd6dd;border-radius:8px;font-weight:800;color:var(--st-ink);background:#fff}.st-order-size{background:#fff;border:1px solid var(--st-line);border-radius:8px;padding:1rem;margin-top:1rem;display:none}.st-order-size.active{display:block}.st-order-size strong{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.8px;margin-bottom:.35rem}.st-order-size span{display:block;color:#444;font-size:.92rem;line-height:1.35}.st-res-warning{background:#f8fafc;border:1px solid #d7dde5;color:#334155;padding:.85rem;border-radius:8px;margin-top:.8rem;font-size:.8rem;font-weight:600;display:none;line-height:1.35}.st-res-warning.active{display:block}.st-res-warning strong{display:block;color:#111827;font-size:.76rem;letter-spacing:.7px;margin-bottom:.2rem;text-transform:uppercase}.st-res-warning span{display:block}.st-res-warning.good{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.st-res-warning.good strong{color:#14532d}.st-res-warning.ok{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.st-res-warning.ok strong{color:#7c2d12}.st-res-warning.low{background:#fff3f3;border-color:#ffcdd2;color:#b91c1c}.st-res-warning.low strong{color:#991b1b}.st-tool-note{color:#666;font-size:.78rem;line-height:1.35;margin-top:.55rem}.st-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.8rem;border:1px solid #cfd6dd;background:#fff;border-radius:8px;font-size:.95rem;font-weight:800;cursor:pointer;transition:all .2s;color:var(--st-ink);margin:0;box-sizing:border-box;text-decoration:none;min-height:42px}.st-btn:hover{background:#f4f4f4;border-color:#bbb}.st-btn:disabled{opacity:.45;cursor:not-allowed;background:#f7f7f7}.st-btn.primary-action{background:var(--st-primary);color:#fff;border:none}.st-btn.primary-action:hover:not(:disabled){background:var(--st-primary-hover)}.st-btn.danger{color:#d32f2f;border-color:#ffcdd2;background:#fff}.st-btn.danger:hover:not(:disabled){background:#ffebee;border-color:#d32f2f}.st-btn-group{display:flex;width:100%;border-radius:8px;overflow:hidden;border:1px solid #cfd6dd}.st-btn-group .st-btn{border-radius:0;border:none;border-right:1px solid #ccc;background:#f9f9f9}.st-btn-group .st-btn:last-child{border-right:none}.st-btn-group .st-btn.active{background:var(--st-ink);color:#fff}.st-control-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.st-nudge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.st-nudge-grid .st-btn{min-height:38px;padding:.55rem .35rem;font-size:.78rem}.st-nudge-spacer{min-height:38px}.st-size-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin-bottom:1rem}.st-size-btn{padding:.55rem .2rem;font-size:.82rem;border:1px solid #d3dae1;background:#fdfdfd;cursor:pointer;border-radius:8px;color:#444;transition:.2s;font-weight:800;text-align:center}.st-size-btn:hover{border-color:var(--st-primary);color:var(--st-primary);background:#fff}.st-sidebar label{display:block;font-size:.85rem;margin-bottom:.4rem;color:#666;font-weight:600}.st-sidebar input[type=number]{width:100%;padding:.75rem;border:1px solid #cfd6dd;border-radius:8px;font-size:1rem;font-weight:700;box-sizing:border-box}.st-sidebar input[type=range]{width:100%;margin:.8rem 0;cursor:pointer;accent-color:var(--st-primary)}.st-toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.5rem 0}.st-toggle-row input{width:20px;height:20px;accent-color:var(--st-primary)}.st-file-upload-wrapper{position:relative;overflow:hidden;display:inline-block;width:100%}.st-file-upload-wrapper input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0;cursor:pointer;height:100%}.st-mt{margin-top:1rem}#stCanvasWrap{min-width:0;background:#fff;display:flex;align-items:flex-start;justify-content:flex-start;position:sticky;top:var(--st-ruler-sticky-top);align-self:start;overflow:hidden;min-height:670px;padding:0;box-sizing:border-box;z-index:1}#stCanvasWrap.bg-white{background:#fff!important;background-image:none!important}#stCanvasWrap.bg-grey{background:#24292f!important;background-image:none!important}#stCanvasWrap.bg-checker{background-color:#f0f2f4!important;background-image:linear-gradient(45deg,#d8dde3 25%,transparent 25%),linear-gradient(-45deg,#d8dde3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d8dde3 75%),linear-gradient(-45deg,transparent 75%,#d8dde3 75%)!important;background-size:20px 20px!important;background-position:0 0,0 10px,10px -10px,-10px 0!important}#stickerCanvas{box-shadow:none;display:block;border-radius:0}.canvas-container{background:transparent!important}.sticker-tool-container.st-is-processing #stCanvasWrap:after{content:"Processing artwork...";position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:4;background:#111827eb;color:#fff;border-radius:8px;padding:.85rem 1rem;font-size:.85rem;font-weight:800;text-align:center;pointer-events:none;box-shadow:0 14px 34px #0a121c38}.st-empty-state{position:absolute;top:35px;right:35px;bottom:35px;left:35px;display:flex;align-items:center;justify-content:center;pointer-events:none;text-align:center;z-index:1}.st-empty-state.hidden{display:none}.st-empty-state-inner{max-width:380px;background:#fffffff5;border:1px solid #ccd5dd;border-radius:8px;padding:1.2rem;box-shadow:0 18px 44px #0a121c1f}.st-empty-state strong{display:block;font-size:1.1rem;margin-bottom:.35rem}.st-empty-state span{display:block;color:#555;font-size:.9rem;line-height:1.35}.st-crop-controls{display:none;gap:.5rem;margin-top:.8rem}.st-crop-active .st-crop-controls{display:flex}.st-crop-active .st-normal-controls{display:none}.st-result-label{color:var(--st-muted);font-size:.72rem;font-weight:900;letter-spacing:1px;margin-bottom:.55rem;text-transform:uppercase}.st-panel-fill{flex:1}@media(max-width:960px){.sticker-tool-container{--st-ruler-top-pull: 0px;margin:var(--st-ruler-top-pull) 0 0;border:none;border-top:1px solid var(--st-line);border-radius:0}.st-workspace{display:flex;flex-direction:column;min-height:auto}#stCanvasWrap{order:1;width:100%;height:auto;min-height:0;aspect-ratio:1 / 1;padding:0;position:relative;top:auto;z-index:1}.st-sidebar{order:2;width:100%;border-right:none;border-bottom:1px solid var(--st-line)}.st-results-panel{order:3;width:100%;border-left:none;border-bottom:1px solid var(--st-line)}.st-modal-content{width:95%;padding:1.5rem}.st-mobile-notice,.st-mobile-size-bar{display:block}.st-accordion-group>.st-group-title{cursor:pointer;margin-bottom:0;min-height:34px;padding-right:1.5rem;position:relative}.st-accordion-group>.st-group-title:after{content:"-";position:absolute;right:0;top:0;color:var(--st-muted);font-size:1.1rem;line-height:1}.st-accordion-group.st-no-collapse>.st-group-title{cursor:default;padding-right:0}.st-accordion-group.st-no-collapse>.st-group-title:after{display:none}.st-accordion-group.is-collapsed>.st-group-title:after{content:"+"}.st-accordion-group:not(.is-collapsed)>.st-group-title{margin-bottom:.8rem}.st-accordion-group.is-collapsed>:not(.st-group-title){display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/stickerflex-virtual-image-ruler.css.map */