.laser-preview-test{--laser-border: #1a1a1a;--laser-muted: #6b6b6b;--laser-bg: #f6f3ef;--laser-panel: #ffffff;max-width:400px;width:100%;margin:0 auto;padding:2.5rem 1.25rem 4rem;color:#1a1a1a;font-family:inherit}.laser-preview-test__header{margin-bottom:1.5rem}.laser-preview-test__eyebrow{margin:0 0 .5rem;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--laser-muted)}.laser-preview-test__title{margin:0 0 .5rem;font-size:1.75rem;font-weight:400;line-height:1.2}.laser-preview-test__intro{margin:0;font-size:14px;line-height:1.5;color:var(--laser-muted)}.laser-preview-test__panel{background:transparent;border:0;padding:0}.laser-preview-test__panel-title{margin:0 0 1rem;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.laser-preview-test__canvas-wrap{position:relative;background:#efeae7;border:0;padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:.75rem;width:100%;max-width:none;min-height:0;box-sizing:border-box;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.laser-preview-test__canvas-wrap.has-artwork{cursor:grab}.laser-preview-test__canvas-wrap.is-dragging{cursor:grabbing}.laser-preview-test__canvas{display:block;width:100%;max-width:none;height:auto;background:#efeae7;position:relative;z-index:0}.laser-preview-test__transform{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.laser-preview-test__transform[hidden]{display:none!important}.laser-preview-test__hit{position:absolute;box-sizing:border-box;border-radius:50%;pointer-events:auto;cursor:grab;touch-action:none;background:transparent;z-index:1}.laser-preview-test__canvas-wrap.is-dragging .laser-preview-test__hit{cursor:grabbing}.laser-preview-test__art-frame{position:absolute;box-sizing:border-box;border:1px solid rgba(255,255,255,.92);box-shadow:0 0 0 1px #1a1a1a47,0 4px 18px #1a1a1a1f;background:#ffffff0a;border-radius:2px;pointer-events:none;touch-action:none;opacity:0;transform:scale(.985);transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease;will-change:opacity,transform;z-index:2}.laser-preview-test__canvas-wrap.is-hover .laser-preview-test__art-frame,.laser-preview-test__canvas-wrap.is-selected .laser-preview-test__art-frame,.laser-preview-test__canvas-wrap.is-dragging .laser-preview-test__art-frame{opacity:1;transform:scale(1);pointer-events:auto;cursor:grab}.laser-preview-test__canvas-wrap.is-dragging .laser-preview-test__art-frame{cursor:grabbing;box-shadow:0 0 0 1px #1a1a1a66,0 6px 22px #1a1a1a29}.laser-preview-test__handle{position:absolute;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border:1.5px solid rgba(26,26,26,.75);background:#fff;border-radius:50%;padding:0;cursor:nwse-resize;pointer-events:none;touch-action:none;appearance:none;-webkit-appearance:none;opacity:0;transform:scale(.5);transition:opacity .16s ease,transform .16s ease;box-shadow:0 1px 3px #1a1a1a2e}.laser-preview-test__canvas-wrap.is-selected .laser-preview-test__handle,.laser-preview-test__canvas-wrap.is-dragging .laser-preview-test__handle{opacity:1;transform:scale(1);pointer-events:auto}.laser-preview-test__handle--nw{top:0;left:0;cursor:nwse-resize}.laser-preview-test__handle--ne{top:0;left:100%;cursor:nesw-resize}.laser-preview-test__handle--sw{top:100%;left:0;cursor:nesw-resize}.laser-preview-test__handle--se{top:100%;left:100%;cursor:nwse-resize}.laser-preview-test__gesture-hint{margin:0;font-size:12px;line-height:1.4;color:var(--laser-muted);text-align:center;opacity:0;max-height:0;overflow:hidden;transition:opacity .2s ease,max-height .2s ease,margin .2s ease}.laser-preview-test__gesture-hint.is-visible{opacity:1;max-height:3em;margin:0 0 1.25rem}.laser-preview-test__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;background:#efeae7b8;z-index:2;pointer-events:none}.laser-preview-test__loading[hidden]{display:none!important}.laser-preview-test__loading-spinner{width:28px;height:28px;border:2px solid rgba(26,26,26,.15);border-top-color:#1a1a1a;border-radius:50%;animation:laser-preview-spin .7s linear infinite}.laser-preview-test__loading-text{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#1a1a1a}@keyframes laser-preview-spin{to{transform:rotate(360deg)}}.laser-preview-test__field{margin-bottom:1.25rem}.laser-preview-test__field:last-child{margin-bottom:0}.laser-preview-test__label{display:block;margin-bottom:.4rem;font-size:12px;color:var(--laser-muted)}.laser-preview-test__hint{margin:.35rem 0 0;font-size:11px;line-height:1.4;color:var(--laser-muted)}.laser-preview-test__file{display:block;width:100%;font-size:13px}.laser-preview-test__range{width:100%}.laser-preview-test__range-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.laser-preview-test__range-value{font-size:12px;font-variant-numeric:tabular-nums;color:#1a1a1a}.laser-preview-test__actions{display:flex;flex-direction:column;flex-wrap:nowrap;gap:.5rem;margin-top:1.25rem}.laser-preview-test__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:0 1rem;border:1px solid var(--laser-border);background:#fff;color:#1a1a1a;font:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-sizing:border-box}.laser-preview-test__btn:disabled{opacity:.4;cursor:not-allowed}.laser-preview-test__btn--primary{background:#1a1a1a;color:#fff}.laser-preview-test__btn--primary:hover:not(:disabled){background:#333}.laser-preview-test__status{margin:.75rem 0 0;min-height:1.2em;font-size:12px;color:var(--laser-muted)}.laser-preview-test__status.is-error{color:#a11}
/*# sourceMappingURL=/cdn/shop/t/88/assets/laser-engraving-preview.css.map */