#viewer-3d-root,#viewer-3d-root *,#viewer-3d-root *:before,#viewer-3d-root *:after{margin:0;padding:0;box-sizing:border-box}#viewer-3d-root{font-family:system-ui,sans-serif;color:#fff}.app-root{display:flex;height:100%;overflow:hidden}.canvas-wrap{flex:1;position:relative;min-width:0}@media(max-width:999px){.canvas-wrap{flex:0 0 auto!important;width:100vw!important;margin-left:calc((100% - 100vw)/2)!important}.app-root,#viewer-3d-root,#product-builder .cpb-preview-container,#product-builder .cpb-preview-wrapper{overflow:visible!important}}.r3f-canvas{display:block;width:100%;height:100%;touch-action:none;background:#111;z-index:0}.r3f-canvas.show-canvas>*{opacity:1}.r3f-canvas>*{opacity:0;transition:opacity 2s}@media(max-width:999px){.r3f-canvas>*{transition:none}}.cpb-preview-container{background:#000!important;margin:0!important}@media(max-width:999px){#product-builder .cpb-preview-layers{overflow:hidden}#product-builder .cpb-preview-container,#product-builder .cpb-preview-wrapper{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}}#viewer-3d-root canvas,.cpb-preview-container canvas{display:block!important;max-width:100%!important;max-height:100%!important}.cpb-render-konva,.cpb-render-konva *,.konvajs-content,.konvajs-content *{visibility:hidden!important;pointer-events:none!important}#viewer-3d-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto!important}@media(pointer:fine){.r3f-canvas,#viewer-3d-root canvas{touch-action:auto}.app-root{overflow:visible}}@media(min-width:1000px){#viewer-3d-root{left:-30px}}#product-builder .cpb-layout{overflow:visible!important}@media(max-width:999px){#product-builder .cpb-theme-provider.aloha .cpb-layout:not(.cpb-is-admin){padding-top:0!important}#product-builder .cpb-layout .cpb-preview-wrapper{margin-top:0!important;background-color:#000!important}#product-builder .cpb-theme-provider.aloha .cpb-layout:not(.cpb-is-admin) .cpb-preview-container{background-color:#000!important}}#product-builder .cpb-preview-container .cpb-panels-tabs-wrapper,#product-builder .cpb-preview-container .cpb-render-loader{visibility:hidden!important;pointer-events:none!important}#viewer-3d-root,#viewer-3d-root *{visibility:visible!important}.leva-left>div{left:10px!important;right:auto!important;filter:invert(1) saturate(50)}.scene-loading{background:#121212db;border:1px solid #3f3f3f;color:#ddd;padding:8px 12px;border-radius:8px;font-size:12px;letter-spacing:.02em}.scene-error{background:#1a0c0ceb;border:1px solid #7e3737;color:#ffe8e8;padding:10px 12px;border-radius:8px;font-size:12px;display:grid;gap:4px;min-width:240px;text-align:center}.panel{display:none!important;width:280px;background:#1a1a1a;border-left:1px solid #333;overflow-y:auto;padding:20px 16px;flex-shrink:0}.panel-title{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#999;margin-bottom:20px}.section{margin-bottom:24px}.section-title{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#666;margin-bottom:10px}.swatch-row{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .1s;padding:0}.swatch:hover{transform:scale(1.12)}.swatch.active{border-color:#fff}.shape-row{display:flex;flex-wrap:wrap;gap:6px}.shape-btn{padding:5px 10px;border-radius:6px;font-size:11px;cursor:pointer;background:#2a2a2a;color:#aaa;border:1px solid #3a3a3a;transition:all .15s}.shape-btn:hover{background:#333;color:#fff}.shape-btn.active{background:#fff;color:#111;border-color:#fff}.size-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.size-btn{padding:4px 8px;border-radius:5px;font-size:10px;cursor:pointer;background:#2a2a2a;color:#aaa;border:1px solid #3a3a3a;transition:all .15s}.size-btn:hover{background:#333;color:#fff}.size-btn.active{background:#fff;color:#111;border-color:#fff}.light-style-row{display:flex;gap:6px}.light-btn{flex:1;padding:7px 4px;border-radius:6px;font-size:10px;cursor:pointer;background:#2a2a2a;color:#aaa;border:1px solid #3a3a3a;transition:all .15s;text-align:center}.light-btn:hover{background:#333;color:#fff}.light-btn.active{background:#fff;color:#111;border-color:#fff}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.label{font-size:12px;color:#aaa}input[type=range]{width:100%;accent-color:#fff;cursor:pointer}.text-input{width:100%;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#fff;padding:7px 10px;font-size:12px;outline:none;transition:border-color .15s}.text-input:focus{border-color:#666}.text-input--textarea{min-height:72px;resize:vertical;line-height:1.35}.font-size-step-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.font-size-step-btn{min-width:40px;min-height:34px;padding:0 10px;border-radius:6px;font-size:18px;line-height:1;cursor:pointer;background:#2a2a2a;color:#ddd;border:1px solid #3a3a3a;transition:background .15s,border-color .15s}.font-size-step-btn:hover:not(:disabled){background:#333;border-color:#666;color:#fff}.font-size-step-btn:disabled{opacity:.35;cursor:not-allowed}.font-size-step-value{font-size:10px;color:#777;text-align:center;flex:1}.font-size-step-input{width:72px;min-height:34px;padding:0 8px;text-align:center;font-size:13px;border-radius:6px;background:#1a1a1a;color:#fff;border:1px solid #3a3a3a;outline:none;box-sizing:border-box}.font-size-step-input:focus{border-color:#666}.select{width:100%;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#fff;padding:7px 10px;font-size:12px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toggle-row{display:flex;gap:6px}.toggle-btn{flex:1;padding:6px;border-radius:6px;font-size:11px;cursor:pointer;background:#2a2a2a;color:#aaa;border:1px solid #3a3a3a;transition:all .15s;text-align:center}.toggle-btn.active{background:#fff;color:#111;border-color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.logo-drop-zone{width:100%;min-height:88px;padding:12px;border-radius:8px;border:1px dashed #555;background:#222;color:#aaa;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:border-color .15s,background .15s}.logo-drop-zone:hover{border-color:#888;background:#2a2a2a;color:#ccc}.logo-drop-zone__title{font-size:12px;font-weight:600;color:#ddd}.logo-drop-zone__hint{font-size:10px;line-height:1.35;color:#777}.logo-preview-wrap{margin-top:10px;display:flex;flex-direction:column;gap:8px;align-items:center}.logo-preview-thumb{max-width:100%;max-height:96px;object-fit:contain;border-radius:6px;border:1px solid #3a3a3a}.logo-remove-btn{font-size:11px;padding:5px 10px;border-radius:6px;cursor:pointer;background:#2a2a2a;color:#aaa;border:1px solid #3a3a3a}.logo-remove-btn:hover{background:#3a2020;color:#f88;border-color:#633}.logo-tools-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:100%;max-width:220px}.logo-tool-btn{min-height:30px;padding:0 4px;border-radius:6px;font-size:14px;line-height:1;cursor:pointer;background:#2a2a2a;color:#ddd;border:1px solid #3a3a3a;transition:background .15s,border-color .15s}.logo-tool-btn:hover{background:#333;border-color:#666;color:#fff}.logo-tool-step{display:flex;align-items:stretch;min-width:0}.logo-tool-step-input{width:100%;min-width:0;box-sizing:border-box;padding:4px 2px;text-align:center;font-size:11px;border-radius:6px;background:#1a1a1a;color:#fff;border:1px solid #3a3a3a;outline:none}.logo-tool-step-input:focus{border-color:#666}.logo-remove-bg{width:100%;max-width:220px;margin-top:4px;padding:6px 8px;font-size:10px;border-radius:6px;cursor:not-allowed;background:#252525;color:#666;border:1px dashed #444}.logo-remove-bg:disabled{opacity:.85}.preview-tools{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:40!important;pointer-events:none!important}.preview-tools__row{position:absolute!important;right:14px!important;bottom:14px!important;display:grid!important;place-items:center!important;width:58px!important;height:58px!important;pointer-events:auto!important}.preview-power{--bulb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M8.8 14.7A6 6 0 1 1 15.2 14.7c-.8.6-1.2 1.4-1.2 2.3h-4c0-.9-.4-1.7-1.2-2.3Z'/%3E%3C/svg%3E");-webkit-appearance:none!important;appearance:none!important;display:grid!important;place-items:center!important;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;padding:0!important;margin:0!important;border:2px solid #fff!important;border-radius:50%!important;background:#39383fe6!important;color:#fff!important;box-shadow:0 0 0 2px #18171c,0 5px 16px #00000047!important;font-size:0!important;line-height:0!important;cursor:pointer!important;transition:transform .16s ease,background-color .16s ease!important;pointer-events:auto!important}.preview-power__dot{display:block!important;width:29px!important;height:29px!important;background-color:transparent!important;background-image:var(--bulb)!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important}.preview-power.is-on{--bulb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d00d8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M8.8 14.7A6 6 0 1 1 15.2 14.7c-.8.6-1.2 1.4-1.2 2.3h-4c0-.9-.4-1.7-1.2-2.3Z'/%3E%3Cpath d='M12 1V.2M4.4 4.4 3.2 3.2M19.6 4.4 20.8 3.2M2.7 12H1M23 12h-1.7'/%3E%3C/svg%3E");background:#fff!important;color:#4d00d8!important;border-color:#18171c!important;box-shadow:0 0 0 2px #ffffffeb,0 5px 16px #00000047!important}.preview-power:focus-visible{outline:3px solid #c4b5fd!important;outline-offset:3px!important}@media(hover:hover){.preview-power:hover{transform:scale(1.05)!important}}.preview-power:active{transform:scale(.96)!important}@media(max-width:999px){.preview-tools__row{right:10px!important;bottom:10px!important}.preview-power,.preview-tools__row{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}.preview-power__dot{width:26px!important;height:26px!important}}@media(prefers-reduced-motion:reduce){.preview-power{transition:none!important}}.preview-tools__row{right:16px!important;bottom:16px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important}.preview-tools__row .preview-power{position:relative!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;margin:0!important;box-sizing:border-box!important;line-height:0!important;border:1px solid rgba(82,28,196,.72)!important;border-radius:50%!important;background:#fcfafff5!important;box-shadow:0 0 0 1px #ffffff8c,0 5px 14px #09021238!important}.preview-tools__row .preview-power.is-on{background:#fcfafff5!important;border-color:#521cc4b8!important;color:#5b22d6!important}.preview-tools__row .preview-power.is-off{background:#120d18d1!important;border-color:#ffffff75!important;color:#fff!important;box-shadow:0 0 0 1px #08040e73,0 5px 14px #0902122e!important}.preview-tools__row .preview-power__dot{position:absolute!important;left:50%!important;top:50%!important;width:18px!important;height:18px!important;margin:0!important;transform:translate(-50%,-50%) translateY(-.5px)!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important}.preview-tools__row .preview-power.is-on .preview-power__dot{opacity:1!important}.preview-tools__row .preview-power.is-off .preview-power__dot{opacity:.82!important}@media(max-width:999px){.preview-tools__row{right:14px!important;bottom:16px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.preview-tools__row .preview-power{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.preview-tools__row .preview-power__dot{width:19px!important;height:19px!important}}.preview-tools__row .preview-power{background:transparent!important;border:0!important;box-shadow:none!important}.preview-tools__row .preview-power:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:0;box-sizing:border-box;border-radius:50%;pointer-events:none;background:#f5f1fcdb;border:1px solid rgba(112,65,203,.48);box-shadow:0 3px 10px #0902122e,inset 0 1px #ffffff8c;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.preview-tools__row .preview-power.is-on:before{background:#f5f1fcdb;border-color:#7041cb7a;box-shadow:0 3px 10px #0902122e,inset 0 1px #ffffff8c}.preview-tools__row .preview-power.is-off:before{background:#110d16b3;border-color:#ffffff42;box-shadow:0 3px 9px #09021224,inset 0 1px #ffffff14}.preview-tools__row .preview-power__dot{z-index:1;width:15px!important;height:15px!important}.preview-tools__row .preview-power.is-on .preview-power__dot{opacity:.9!important}.preview-tools__row .preview-power.is-off .preview-power__dot{opacity:.72!important}.preview-tools__row .preview-power:focus-visible{outline:2px solid rgba(196,181,253,.82)!important;outline-offset:1px!important}@media(max-width:999px){.preview-tools__row .preview-power:before{top:3px;right:3px;bottom:3px;left:3px}.preview-tools__row .preview-power__dot{width:16px!important;height:16px!important}}@media(max-width:520px)and (orientation:portrait){body:not(.myx-review-open) #product-builder.cpb-fix-image .cpb-preview-layers,body:not(.myx-review-open) #product-builder.cpb-fix-image-landscape .cpb-preview-layers{min-height:min(44vh,calc(100vw - 24px))!important;min-height:min(44svh,calc(100vw - 24px))!important}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/viewer.css.map */