.plus-icon{background-image:url(../assets/images/plus.svg);background-size:cover;background-repeat:no-repeat;display:block;width:30px;height:30px;transform:rotate(45deg);transition:transform 0.3s ease}.collapsed .plus-icon{transform:rotate(0deg)}.mobile-tab-content{padding:12px 12px}.controls-panel{transition:transform 0.3s ease-in-out,opacity 0.3s ease-in-out,visibility 0.3s ease-in-out;transform:translateY(0);opacity:1;visibility:visible;display:flex}.controls-panel-hidden{transform:translateY(50%);opacity:0;visibility:hidden;pointer-events:none}.controls-panel .btn-close{position:absolute;top:15px;right:20px}.clear-button{border:none;background-color:#fff0}.menu-button{padding:8px 0;font-size:18px;font-weight:600}.menu-button.collapsed{font-weight:300}.bg-black{background-color:#000}.bg-white{background-color:white!important}body{font-family:sans-serif;margin:0;background-color:#f0f0f0}.clear-button{background-color:#fff0;border:none}.h-100vh{height:100vh}.source-box{transition:background-color 0.2s ease-in-out,border-color 0.2s ease-in-out;background-color:#2b3035!important}.source-box:hover{background-color:#f8f8f8!important;color:#000!important;cursor:pointer}.border-white{border:1px solid #fff}.black-button{transition:all 0.4s ease}.black-button-2{transition:all 0.4s ease;border:1px solid black!important}.black-button-2:hover{background-color:white!important;border:1px solid black!important;color:#000!important}.black-button:hover{background-color:white!important;color:#000!important}.navigation-buttons button{margin-left:2.5rem;margin-right:2.5rem;text-wrap:nowrap}.navigation-buttons{overflow-x:auto;padding-left:2rem;padding-right:2rem;min-width:0;flex:1 1 0%}@media (max-width:991.98px){html,body{overflow-x:hidden;max-width:100%;width:100%;margin:0;padding:0}body{position:relative}.h-100vh{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-width:100%;height:auto;overflow:hidden}#kanvaWrapper,#konva-container{max-width:100%;overflow-x:clip}.custom-slider{width:100%;max-width:260px}#modelsListPopup{max-width:100%;left:0;right:0}}.navigation-buttons .clear-button.active{font-weight:700;outline:none}.mobile-tab-content.hidden{display:none}.cursor-pointer{cursor:pointer}.type-background{background-size:contain;height:60px;background-position:center;background-repeat:no-repeat}.phone-color-swatch{width:30px;height:30px;border-radius:50%;border:2px solid #eee}.grey-hover{transition:all 0.4s ease}.grey-hover:hover{background-color:#1f1f1f!important}.clear-link{text-decoration:none!important;color:black!important}.fs-10{font-size:11px}.active{outline:1px solid #000;outline-offset:1px}.selected{border:1px solid black!important}.fs-18{font-size:18px}.custom-slider{-webkit-appearance:none;appearance:none;width:300px;height:10px;background-color:#0e0e0e;background:linear-gradient(to right,#0e0e0e 0%,#0e0e0e var(--value-percent,0%),#e0e0e0 var(--value-percent,0%),#e0e0e0 100%);border-radius:5px;outline:none;cursor:pointer}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background-color:#0e0e0e;border-radius:50%;border:2px solid #fff;box-shadow:0 0 5px rgb(0 0 0 / .2);margin-top:-2px}.custom-slider::-moz-range-thumb{width:20px;height:20px;background-color:#0e0e0e;border-radius:50%;border:2px solid #fff;box-shadow:0 0 5px rgb(0 0 0 / .2)}.custom-slider::-moz-range-track{height:8px;border-radius:5px;background-color:gray;border-radius:5px;border:1px solid #fff}.custom-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgb(0 117 255 / .4)}.custom-slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px rgb(0 117 255 / .4)}.custom-slider::-moz-range-progress{background-color:#090909;height:8px;border-radius:5px}.device-select-trigger{display:flex;align-items:center;width:100%;max-width:350px;padding:12px 18px;background-color:#fff;border:1px solid #dee2e6;border-radius:99px;text-align:left;font-size:1rem;color:#212529;transition:box-shadow 0.2s}.device-select-trigger:hover{box-shadow:0 0 0 .25rem rgb(13 110 253 / .25)}.device-select-trigger .separator{margin:0 10px;color:#ced4da}.device-select-trigger .dropdown-arrow{margin-left:auto}@media (max-width:772px){.mobile-p-60px{padding:60px}body{overflow-y:hidden}}@media (min-width:772px){.full-p-60px{padding:60px}}.modal-content{border-radius:1rem}#konva-container{width:100%}.brand-pills{overflow-x:auto;display:flex;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.border-black-2{border:2px solid black!important}.border-white-2{border:2px solid white!important}.brand-pill{padding:8px 20px;border:1px solid #ced4da;border-radius:99px;background-color:#fff;color:#495057;font-weight:500;transition:all 0.2s}.brand-pill.active,.brand-pill:hover{background-color:#000;outline:none;color:#fff;border-color:#000}.model-list .model-list-item{padding:12px 20px;border:1px solid #dee2e6;border-radius:12px;margin-bottom:10px;text-decoration:none;color:#212529;font-weight:500;transition:all 0.2s}.model-list .model-list-item:hover{border-color:#000;background-color:#f8f9fa}#modelsListPopup{z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s}#modelsListPopup.show{opacity:1;transform:translateY(0);visibility:visible}.controls-range-panel{width:95%;max-width:1000px;left:50%;transform:translateX(-50%);bottom:5%;}.custom-slider-wrapper{position:relative;width:300px;height:20px;display:flex;align-items:center}.slider-track{position:absolute;width:100%;height:8px;background-color:#e0e0e0;border-radius:5px;cursor:pointer}.slider-progress{position:absolute;left:0;top:0;height:100%;background-color:#0e0e0e;border-radius:5px;width:0}.slider-thumb{position:absolute;top:50%;width:20px;height:20px;background-color:#0e0e0e;border-radius:50%;border:2px solid #fff;box-shadow:0 0 5px rgb(0 0 0 / .2);cursor:grab;transform:translate(-50%,-50%);left:0}.slider-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.real-slider-input{position:absolute;width:100%;height:100%;margin:0;opacity:0;-webkit-appearance:none;appearance:none;pointer-events:none}.slider-thumb,.slider-track{touch-action:none}.modal-body-scrollable{max-height:60vh;overflow-y:auto;overflow-x:hidden}.border-black{border:1px solid black!important}#konva-container{transition:transform 0.3s ease-in-out}.truncate-2-lines{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;min-height:2.5em}#konva-container{transition:filter 0.3s ease-in-out,opacity 0.3s ease-in-out;filter:blur(0);opacity:1}#konva-container.blurred{filter:blur(10px);opacity:0}.scroll-box{overflow-y:scroll;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.scroll-box::-webkit-scrollbar{display:none}.device-type-option{display:block;padding:4px 0;border-radius:12px;transition:background-color 0.2s ease}.device-type-option:hover{background-color:rgb(0 0 0 / .03)}.device-type-thumb-wrapper{display:flex;align-items:center;justify-content:center;width:88px;height:88px;margin:0 auto;border:1px solid #e0e0e0;border-radius:50%;background-color:#fff}.device-type-thumb{width:56px;height:56px;background-repeat:no-repeat;background-position:center;background-size:contain}.device-type-thumb-case{background-image:url(../assets/images/device-case.svg)}.device-type-thumb-charger{background-image:url(../assets/images/device-charger.svg)}.device-type-thumb-powerbank{background-image:url(../assets/images/device-powerbank.svg)}.device-type-radio{width:18px;height:18px;border:1px solid #c4c4c4;border-radius:50%;background-color:#fff;position:relative;transition:border-color 0.15s ease,background-color 0.15s ease}.device-type-option.active .device-type-radio{background-color:#1f1f1f;border-color:#1f1f1f}.device-type-option.active .device-type-radio::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background-color:#fff;border-radius:50%}.device-type-option.active .device-type-thumb-wrapper{border-color:#1f1f1f}.fs-10{font-size:10px}.fs-12{font-size:12px}.device-type-mobile-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:8px 8px 8px 36px}.device-type-mobile-scroll::-webkit-scrollbar{display:none}.device-type-mobile-track{display:flex;gap:16px;flex-wrap:nowrap;width:max-content}.device-type-option-mobile{flex:0 0 auto;width:110px}.device-type-thumb-wrapper-mobile{width:76px;height:76px}.device-type-thumb-wrapper-mobile .device-type-thumb{width:48px;height:48px}.device-type-scroll-hint{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:#888;pointer-events:none;padding-left:4px;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:1px}.device-type-scroll-hint i{font-size:12px;writing-mode:horizontal-tb;transform:rotate(90deg);margin-top:4px}.canvas-scroll-hint{position:absolute;left:4px;top:90%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:#999;pointer-events:none;z-index:50;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:1px}.canvas-scroll-hint i{writing-mode:horizontal-tb;font-size:12px;animation:kreator-scroll-bounce 1.4s ease-in-out infinite}@keyframes kreator-scroll-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@media (max-width:991.98px){#kanvaWrapper{position:relative}#kanvaWrapper::after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(to bottom,#fff0,rgb(225 225 225 / .85));pointer-events:none;z-index:1}.mobile-tab-content{padding-bottom:calc(72px + env(safe-area-inset-bottom, 16px))}.navigation-buttons{margin-bottom:4px}}.device-type-scroll-hint{display:none!important}