#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:2}.r3f-canvas>*{opacity:0;transition:opacity 2s}.cpb-preview-container{background:#000!important;margin:0!important}@media(max-width:999px){#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(min-width:1000px){#viewer-3d-root{left:0!important;right:0!important;top:0!important;bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important}#viewer-3d-root .app-root{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}#viewer-3d-root .canvas-wrap{width:100%!important;height:100%!important;flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:center!important}#viewer-3d-root canvas,#viewer-3d-root .r3f-canvas{display:block!important;margin:0 auto!important}}@media(pointer:fine){.r3f-canvas,#viewer-3d-root canvas{touch-action:auto}.app-root{overflow:visible}}#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}
/*# sourceMappingURL=/cdn/shop/t/27/assets/viewer.css.map */