:root{--primary-accent: #B2D12E;--glass-bg: rgba(255, 255, 255, .15);--glass-bg-disabled: rgba(255, 255, 255, .05);--glass-bg-hover: rgba(255, 255, 255, .25);--glass-bg-selected: rgba(255, 255, 255, .3);--text-primary: rgba(0, 0, 0, .87);--text-disabled: rgba(0, 0, 0, .4);--border-default: rgba(0, 0, 0, .2);--border-hover: rgba(0, 0, 0, .3);--price-bg: rgba(255, 255, 255, .8);--border-radius: 16px;--border-radius-small: 4px;--blur-amount: 10px;--blur-amount-small: 4px;--font-family: "Roboto", "Helvetica", "Arial", sans-serif;--font-size-small: 12px;--font-size-default: 14px;--font-size-large: 16px;--line-height-tight: 1.2;--line-height-default: 1.5;--line-height-loose: 1.6}body,html{margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:100%}#customizer{position:relative;width:100%!important;height:var(--customizer-height, 600px)!important;background:transparent;font-family:var(--font-family)!important;overflow:hidden;contain:layout style;max-width:none!important;max-height:none!important}.app-container{position:relative;width:100%;height:100%;display:flex}.interface-section{display:flex!important;flex-direction:column!important;flex:1!important;height:100%!important;min-width:200px;max-width:300px;position:relative!important;min-height:0!important}.canvas-container{flex:4;position:relative;touch-action:none;min-width:0}@media (max-width: 1300px) and (orientation: landscape){.app-container{flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%;max-height:100%}.canvas-container{flex:none;height:31.5%;min-height:280px;max-height:31.5%;position:relative;z-index:2;overflow:hidden}.interface-section{flex:none;width:100%!important;max-width:none!important;min-width:0!important;height:68.5%!important;max-height:68.5%;box-sizing:border-box;position:relative;z-index:1;display:flex;flex-direction:column}.interface-container{flex:1!important;overflow-y:auto!important}}.canvas-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}#customizer canvas{width:100%!important;height:100%!important;outline:none;cursor:grab}#customizer canvas:active{cursor:grabbing}.glass{background:var(--glass-bg);border-radius:var(--border-radius);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount))}#customizer>div:last-child{pointer-events:none}#customizer>div:last-child>*{pointer-events:auto}.loader-position{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}#customizer .screenshot-button{z-index:1000!important;pointer-events:auto!important}.screenshot-button-overlay{position:absolute;top:12px;right:12px;z-index:1000;pointer-events:auto}.screenshot-button-simple{background:rgba(255,255,255,.9);color:#333;border:2px solid rgba(0,0,0,.2);border-radius:50%;width:44px;height:44px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);box-shadow:0 2px 8px #0000004d;transition:all .2s ease-in-out;outline:none;padding:0 0 6px;margin:0}.screenshot-button-simple:hover{background:rgba(255,255,255,1);transform:scale(1.1);border:2px solid rgba(0,0,0,.4)}.screenshot-button-simple:disabled{background:rgba(200,200,200,.5);color:#64646480;border:2px solid rgba(0,0,0,.1);transform:none;cursor:not-allowed}@media (max-width: 768px){.screenshot-button-overlay{top:8px;right:8px}.screenshot-button-simple{width:40px;height:40px;font-size:16px}}#customizer *{font-family:inherit!important}#customizer .MuiTypography-root{font-family:var(--font-family)!important;text-transform:none!important;letter-spacing:normal!important}#customizer .option-box .MuiTypography-root:not(.option-price){white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;width:100%!important;text-align:center!important;padding:0 4px!important;box-sizing:border-box!important}#customizer .interface-container{font-family:var(--font-family)!important;font-size:var(--font-size-default)!important;line-height:var(--line-height-default)!important;background:#f5f5f5!important;flex:1!important;overflow-y:auto!important}#customizer .summary-bar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;z-index:999999!important;background:#ffffff!important;border-top:2px solid #e0e0e0!important;box-shadow:0 -2px 8px #0000001a!important;flex-shrink:0!important;box-sizing:border-box!important}#customizer .interface-section{min-height:0!important;height:100%!important;position:relative!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}#customizer .interface-container{flex:1!important;overflow-y:auto!important;min-height:0!important;box-sizing:border-box!important;padding-bottom:60px!important}#customizer .app-container{max-height:100%;box-sizing:border-box}#customizer{display:flex!important;flex-direction:column!important}#customizer .app-container{flex:1!important;display:flex!important}#customizer .app-container{height:100%!important}#customizer *{box-sizing:border-box}body:has(#customizer) .site-footer,body:has(#customizer) #colophon,body:has(#customizer) footer[role=contentinfo]{display:none!important}.site-footer,#colophon,footer[role=contentinfo]{z-index:1!important}#customizer .MuiPaper-root{position:relative!important}#customizer .product-modal-image{box-shadow:0 4px 8px #0003!important;transition:transform .2s ease!important}#customizer .product-modal-image.main-image:hover{transform:scale(1.02)!important}#customizer .product-modal-thumbnail{transition:all .2s ease!important}#customizer .product-modal-thumbnail:hover{transform:scale(1.1)!important}#customizer .product-gallery-thumbnails{scrollbar-width:thin!important;scrollbar-color:var(--border-default) transparent!important}#customizer .product-gallery-thumbnails::-webkit-scrollbar{height:4px!important}#customizer .product-gallery-thumbnails::-webkit-scrollbar-track{background:transparent!important}#customizer .product-gallery-thumbnails::-webkit-scrollbar-thumb{background:var(--border-default)!important;border-radius:2px!important}#customizer .product-gallery-thumbnails::-webkit-scrollbar-thumb:hover{background:var(--border-hover)!important}#customizer .product-description{color:var(--text-primary)!important;line-height:1.6!important}#customizer .product-description p{margin:0 0 var(--gap-small) 0!important;color:var(--text-primary)!important}#customizer .product-description span{color:var(--text-primary)!important}#customizer .product-description.compact{font-size:calc(var(--font-size-default) * .9)!important;line-height:1.4!important}#customizer .product-description.compact p{margin:0 0 calc(var(--gap-small) * .5) 0!important;font-size:calc(var(--font-size-default) * .9)!important}@media (max-width: 768px){#customizer .product-gallery-container{flex-direction:column!important}#customizer .product-gallery-thumbnails{grid-template-columns:repeat(4,1fr)!important;max-height:80px!important}#customizer .product-modal-thumbnail{height:50px!important}#customizer .product-description.compact{max-height:120px!important}}#customizer .option-box{height:100px!important;border-radius:var(--border-radius)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative!important;background:var(--glass-bg)!important;transition:all .3s ease!important;border:2px solid var(--border-default)!important;box-shadow:0 0 5px #0000001a!important;backdrop-filter:blur(var(--blur-amount))!important;opacity:1!important;padding:8px 4px 20px!important;box-sizing:border-box!important}#customizer .option-box.selected{background:var(--glass-bg-selected)!important;border:3px solid var(--primary-accent)!important;box-shadow:0 0 10px var(--primary-accent)!important}#customizer .option-box.disabled{background:var(--glass-bg-disabled)!important;cursor:not-allowed!important;opacity:.5!important}#customizer .option-box:hover:not(.disabled){background:var(--glass-bg-hover)!important;border:2px solid var(--border-hover)!important;box-shadow:0 0 5px #0003!important}#customizer .option-box.selected:hover{border:3px solid var(--primary-accent)!important;box-shadow:0 0 10px var(--primary-accent)!important}#customizer .section-box{position:relative!important;margin-top:4px!important;padding:4px 8px 8px!important;background:var(--glass-bg)!important;border-radius:var(--border-radius)!important;backdrop-filter:blur(var(--blur-amount))!important;box-shadow:0 0 5px #0000001a!important;border:2px solid var(--border-default)!important;opacity:1!important}#customizer .section-box.disabled{background:var(--glass-bg-disabled)!important;opacity:.5!important}#customizer .section-box:hover:not(.disabled){border-color:var(--border-hover)!important;box-shadow:0 0 5px #0003!important}#customizer .section-title{color:var(--text-primary)!important;font-weight:700!important;margin-bottom:4px!important;text-align:center!important;font-size:var(--font-size-large)!important;line-height:var(--line-height-loose)!important}#customizer .section-title.disabled{color:var(--text-disabled)!important}#customizer .option-price{position:absolute!important;bottom:2px!important;left:2px!important;z-index:10!important;font-size:var(--font-size-small)!important;font-weight:700!important;color:var(--text-primary)!important;background:var(--price-bg)!important;padding:1px 4px!important;border-radius:var(--border-radius-small)!important;backdrop-filter:blur(var(--blur-amount-small))!important;line-height:var(--line-height-tight)!important;white-space:nowrap!important;overflow:visible!important;text-overflow:unset!important;max-width:none!important;width:auto!important;text-align:left!important}@media screen and (orientation: portrait){.app-container{flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%;max-height:100%}.main-content{flex-direction:column!important;flex:1;width:100%;height:100%}.canvas-container{flex:none;height:36%;min-height:280px;max-height:36%;position:relative;z-index:10;overflow:visible;background:transparent;isolation:isolate}.interface-section{flex:1;width:100%!important;max-width:none!important;min-width:0!important;min-height:250px;box-sizing:border-box;position:relative;z-index:1;display:flex;flex-direction:column;margin-top:0;background:#f5f5f5}.interface-container{flex:1!important;overflow-y:auto!important;padding:4px 4px 56px!important}#customizer .interface-container{padding:4px 4px 56px!important}#customizer .option-box{height:80px!important}#customizer .section-box{margin-top:2px!important;padding:2px 6px 6px!important}.canvas-wrapper{z-index:15!important;background:transparent!important;pointer-events:auto!important}#customizer canvas{min-height:200px!important;z-index:15!important;display:block!important}}.main-content{display:flex;flex:1;width:100%;height:100%}@media screen and (orientation: landscape){#customizer .option-box{height:90px!important;min-height:90px!important}@media (min-width: 1301px){.app-container{flex-direction:column}.main-content{flex-direction:row;flex:1}.canvas-container{flex:4;position:relative;touch-action:none;min-width:0}.interface-section{flex:1;height:100%;min-width:200px;max-width:300px;position:relative;z-index:1;display:flex;flex-direction:column}.interface-container{flex:1;padding:4px;padding-bottom:60px!important;background:#f5f5f5;overflow-y:auto}#customizer .option-box{height:90px!important;min-height:90px!important}}@media (max-width: 1300px){.app-container{flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%;max-height:100%}.main-content{flex-direction:row;flex:1}.canvas-container{flex:3;height:100%;min-height:100%;max-height:100%;position:relative;z-index:2;overflow:hidden}.interface-section{flex:2;width:auto!important;max-width:450px!important;min-width:300px!important;height:100%!important;max-height:100%;box-sizing:border-box;position:relative;z-index:1;display:flex;flex-direction:column}.interface-container{flex:1!important;overflow-y:auto!important;padding:6px 6px 60px!important}#customizer .option-box{height:90px!important;min-height:90px!important}#customizer .section-box{margin-top:3px!important;padding:3px 6px 6px!important}#customizer .section-title{font-size:var(--font-size-large)!important;margin-bottom:3px!important}#customizer .MuiTypography-root{font-size:var(--font-size-default)!important}}}@media screen and (orientation: landscape) and (max-height: 500px){.canvas-container{flex:2.5!important}.interface-section{flex:1.5!important;min-width:320px!important;max-width:400px!important}.interface-container{padding:4px 4px 60px!important}#customizer .option-box{height:90px!important;min-height:90px!important}#customizer .section-box{margin-top:2px!important;padding:2px 4px 4px!important}#customizer .section-title{font-size:var(--font-size-default)!important;margin-bottom:2px!important}#customizer .MuiTypography-root{font-size:var(--font-size-default)!important}#customizer .option-price{font-size:var(--font-size-small)!important;padding:1px 4px!important}}@media screen and (orientation: landscape) and (max-height: 400px){.interface-section{min-width:280px!important;max-width:350px!important}.interface-container{padding:3px 3px 60px!important}#customizer .option-box{height:90px!important;min-height:90px!important}#customizer .section-box{margin-top:1px!important;padding:1px 3px 3px!important}#customizer .section-title{font-size:var(--font-size-small)!important;margin-bottom:1px!important}}