body,html{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}*{box-sizing:border-box}#root{background-color:#fff;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}#babylonjs-canvas,.zakeke-viewer,canvas,canvas[data-engine="babylon.js"]{background-color:#fff!important;border:none!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;width:100%!important}.config-sidebar-content{background-color:#fff;height:100%;overflow-x:hidden;overflow-y:auto;padding:16px;width:100%}.master-dropdown{margin-bottom:20px}.master-dropdown-header{align-items:center!important;background:linear-gradient(135deg,#6a11cb,#2575fc)!important;border:none!important;border-radius:12px!important;box-shadow:0 6px 20px #6a11cb4d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:18px!important;font-weight:700!important;justify-content:space-between!important;letter-spacing:1px!important;margin-bottom:16px!important;padding:18px 24px!important;text-transform:uppercase!important;transition:all .3s ease!important}.master-dropdown-header:hover{box-shadow:0 8px 25px #6a11cb66!important;transform:translateY(-3px)!important}.slave-block{background-color:#fff!important;border:2px solid #e1e1e1!important;border-radius:12px!important;margin-bottom:20px!important;overflow:hidden!important;transition:all .3s ease!important}.slave-block.disabled{opacity:.4;pointer-events:none}.slave-block-header{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 12px #667eea40!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:15px!important;font-weight:600!important;justify-content:space-between!important;margin-bottom:12px!important;padding:14px 20px!important;transition:all .3s ease!important}.slave-block-header:hover{box-shadow:0 6px 18px #667eea59!important;transform:translateY(-2px)!important}.slave-block-header.clothing{background:linear-gradient(135deg,#ffecd2,#fcb69f)!important;box-shadow:0 4px 12px #fcb69f40!important;color:#8b4513!important}.slave-block-header.clothing:hover{box-shadow:0 6px 18px #fcb69f59!important}.slave-block-header.expressions{background:linear-gradient(135deg,#f093fb,#f5576c)!important;box-shadow:0 4px 12px #f093fb40!important}.slave-block-header.expressions:hover{box-shadow:0 6px 18px #f093fb59!important}.slave-block-header.hair{background:linear-gradient(135deg,#4facfe,#00f2fe)!important;box-shadow:0 4px 12px #4facfe40!important}.slave-block-header.hair:hover{box-shadow:0 6px 18px #4facfe59!important}.slave-block-header.skin{background:linear-gradient(135deg,#43e97b,#38f9d7)!important;box-shadow:0 4px 12px #43e97b40!important}.slave-block-header.skin:hover{box-shadow:0 6px 18px #43e97b59!important}.parallel-block{background-color:#fff!important;border:2px solid #e1e1e1!important;margin-bottom:20px!important}.parallel-block:hover{border-color:#4a90e2!important;box-shadow:0 2px 8px #4a90e21a!important}.parallel-block.disabled{opacity:.5!important;pointer-events:none!important}.parallel-block-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border-bottom:1px solid #e1e1e1!important;color:#495057!important;padding:16px 20px!important}.dropdown-arrow{box-shadow:0 6px 18px #43e97b59!important}.gender-submenu{margin-bottom:10px;margin-left:16px}.gender-submenu-header{border:none!important;border-radius:8px!important;margin-bottom:8px!important;padding:12px 16px!important}.gender-submenu-header.boy{background:linear-gradient(135deg,#89cff0,#4a90e2)!important;box-shadow:0 3px 8px #89cff04d!important;color:#fff!important}.gender-submenu-header.boy:hover{box-shadow:0 4px 12px #89cff066!important;transform:translateY(-1px)!important}.gender-submenu-header.girl{background:linear-gradient(135deg,#ffb6c1,#ff69b4)!important;box-shadow:0 3px 8px #ffb6c14d!important;color:#fff!important}.gender-submenu-header.girl:hover{box-shadow:0 4px 12px #ffb6c166!important;transform:translateY(-1px)!important}.options-container{margin-bottom:12px;margin-left:20px}.option-item{background-color:#f8f9fa!important;border:2px solid #e9ecef!important;color:#333!important;font-size:14px!important;font-weight:500!important;margin-bottom:6px!important}.option-gender-prefix{min-width:-webkit-fit-content!important;min-width:fit-content!important;opacity:.9!important;white-space:nowrap!important}.option-name{flex:1 1!important;line-height:1.3!important}.option-item:hover{background-color:#f0f3ff!important;border-color:#667eea!important}.option-item.selected{box-shadow:0 3px 10px #667eea4d!important;transform:translateX(8px)!important}.option-item[data-gender=boy]:not(.selected){background-color:#e3f2fd!important;border-color:#4a90e2!important;color:#1976d2!important}.option-item[data-gender=boy]:not(.selected):hover{background-color:#bbdefb!important;border-color:#1976d2!important}.option-item[data-gender=girl]:not(.selected){background-color:#fce4ec!important;border-color:#ff69b4!important;color:#c2185b!important}.option-item[data-gender=girl]:not(.selected):hover{background-color:#f8bbd9!important;border-color:#c2185b!important}.dropdown-arrow{font-size:18px!important;font-weight:700!important}.config-sidebar-content{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;box-sizing:border-box!important;height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important;padding:20px 60px 20px 20px!important;position:relative!important;width:400px!important}.config-sidebar-content::-webkit-scrollbar{width:8px!important}.config-sidebar-content::-webkit-scrollbar-track{background:#0000001a!important;border-radius:4px!important}.config-sidebar-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:4px!important}.config-sidebar-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important}.price-display{background:linear-gradient(135deg,#ffd89b,#19547b)!important;border:1px solid #ffffff1a!important;border-radius:12px!important;box-shadow:0 4px 15px #19547b4d!important;color:#fff!important;font-size:20px!important;font-weight:700!important;margin-bottom:24px!important;padding:16px 20px!important;text-align:center!important}.parallel-block{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 2px 8px #00000014!important;margin-bottom:16px!important;overflow:hidden!important;transition:all .3s ease!important}.parallel-block:hover{box-shadow:0 4px 12px #0000001f!important;transform:translateY(-1px)!important}.parallel-block-header{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:16px!important;font-weight:600!important;justify-content:space-between!important;padding:14px 18px!important;transition:all .3s ease!important}.parallel-block-header:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important}.dropdown-arrow{color:#fff!important;font-size:14px!important;transition:transform .3s ease!important}.dropdown-arrow.expanded{transform:rotate(180deg)!important}.gender-submenu{background:#f7fafc!important;border-bottom:1px solid #e2e8f0!important}.gender-submenu:last-child{border-bottom:none!important}.gender-submenu-header{align-items:center!important;background:#f7fafc!important;border-left:4px solid #0000!important;color:#2d3748!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;justify-content:space-between!important;padding:12px 18px!important;transition:all .3s ease!important}.gender-submenu-header:hover{background:#edf2f7!important}.gender-submenu-header.boy{border-left-color:#4299e1!important}.gender-submenu-header.boy:hover{background:linear-gradient(90deg,#4299e11a,#edf2f7)!important}.gender-submenu-header.girl{border-left-color:#ed64a6!important}.gender-submenu-header.girl:hover{background:linear-gradient(90deg,#ed64a61a,#edf2f7)!important}.options-container{background:#fff!important;padding:12px!important}.option-item{align-items:center!important;background:#f7fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;gap:8px!important;margin-bottom:8px!important;padding:12px 16px!important;transition:all .3s ease!important}.option-item:last-child{margin-bottom:0!important}.option-item:hover{background:#edf2f7!important;border-color:#cbd5e0!important;transform:translateX(4px)!important}.option-item.selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;box-shadow:0 2px 8px #667eea4d!important;color:#fff!important}.option-item.selected:hover{box-shadow:0 4px 12px #667eea66!important;transform:translateX(0)!important}.option-gender-prefix{font-size:12px!important;font-weight:600!important;opacity:.8!important}.option-name{font-size:14px!important;font-weight:500!important}.add-to-cart-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24)!important;border:1px solid #ffffff1a!important;border-radius:12px!important;box-shadow:0 4px 15px #ff6b6b4d!important;color:#fff!important;cursor:pointer!important;font-size:16px!important;font-weight:700!important;letter-spacing:.8px!important;margin-top:24px!important;padding:18px 24px!important;text-transform:uppercase!important;transition:all .3s ease!important;width:100%!important}.add-to-cart-btn:hover{background:linear-gradient(135deg,#ff5252,#e53e3e)!important;box-shadow:0 6px 20px #ff6b6b66!important;transform:translateY(-2px)!important}.add-to-cart-btn:active{transform:translateY(0)!important}.layout-desktop{background-color:#fff;display:flex;flex-direction:row;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.viewer-desktop{flex:1 1 auto;max-width:calc(100vw - 400px);min-width:300px;width:calc(100vw - 400px)}.sidebar-desktop,.viewer-desktop{background-color:#fff;height:100vh;overflow:hidden;position:relative}.sidebar-desktop{border-left:1px solid #e1e1e1;flex:0 0 400px;max-width:400px;min-width:400px;width:400px}.layout-tablet{background-color:#fff;display:flex;flex-direction:row;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.viewer-tablet{flex:1 1 auto;max-width:calc(100vw - 350px);min-width:400px;width:calc(100vw - 350px)}.sidebar-tablet,.viewer-tablet{background-color:#fff;height:100vh;overflow:hidden;position:relative}.sidebar-tablet{border-left:1px solid #e1e1e1;flex:0 0 350px;max-width:350px;min-width:350px;width:350px}.layout-mobile{background-color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.viewer-mobile{flex:1 1 60vh;height:60vh}.sidebar-mobile,.viewer-mobile{background-color:#fff;max-width:100vw;overflow:hidden;position:relative;width:100vw}.sidebar-mobile{border-left:none;border-top:2px solid #e1e1e1;flex:0 0 40vh;height:40vh}.sidebar-content{height:100%;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.sidebar-content.desktop{padding:16px}.sidebar-content.tablet{padding:14px}.sidebar-content.mobile{padding:12px}@media (min-width:769px) and (max-width:1024px){.config-sidebar-content{padding:14px!important}.master-dropdown-header{font-size:17px!important;padding:16px 20px!important}.slave-block-header{font-size:14px!important;padding:13px 18px!important}}@media (hover:none) and (pointer:coarse){.gender-submenu-header,.master-dropdown-header,.option-item,.slave-block-header{min-height:44px!important}.gender-submenu-header:hover,.master-dropdown-header:hover,.option-item:hover,.slave-block-header:hover{transform:none!important}}.loading-state{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;color:#666;font-size:16px;margin:20px;padding:20px;text-align:center}.zakeke-list{flex-wrap:wrap;gap:4px;list-style:none;margin:0 0 12px;padding:0}.zakeke-list,.zakeke-list-item{align-items:center;display:flex}.zakeke-list-item{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#333;cursor:pointer;flex-direction:column;font-size:14px;font-weight:500;justify-content:center;min-width:80px;padding:12px 16px;position:relative;text-align:center;transition:all .3s ease}.zakeke-list-item:hover{background-color:#f0f3ff;border-color:#667eea;transform:translateY(-1px)}.zakeke-list-item.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 3px 10px #667eea4d;color:#fff}.zakeke-list-item[data-gender=boy]:not(.selected){background-color:#e3f2fd;border-color:#4a90e2;color:#1976d2}.zakeke-list-item[data-gender=boy]:not(.selected):hover{background-color:#bbdefb;border-color:#1976d2}.zakeke-list-item[data-gender=girl]:not(.selected){background-color:#fce4ec;border-color:#ff69b4;color:#c2185b}.zakeke-list-item[data-gender=girl]:not(.selected):hover{background-color:#f8bbd9;border-color:#c2185b}.zakeke-list-item-image{border-radius:4px;height:40px;margin-bottom:8px;object-fit:contain;width:40px}.hidden{display:none!important}.disabled{opacity:.5!important;pointer-events:none!important}.no-scroll{overflow:hidden!important}.gender-selector-buttons{display:flex!important;gap:12px!important;margin-bottom:24px!important;padding:0!important}.gender-button{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;border:2px solid #0000!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;color:#64748b!important;cursor:pointer!important;flex:1 1!important;font-size:16px!important;font-weight:600!important;padding:16px 20px!important;transition:all .3s ease!important}.gender-button:hover{box-shadow:0 4px 16px #00000026!important;transform:translateY(-2px)!important}.gender-button.boy{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border-color:#3b82f6!important;color:#1e40af!important}.gender-button.boy:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd)!important;border-color:#2563eb!important}.gender-button.boy.active{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:#1d4ed8!important;box-shadow:0 4px 20px #3b82f666!important;color:#fff!important}.gender-button.girl{background:linear-gradient(135deg,#fce7f3,#fbcfe8)!important;border-color:#ec4899!important;color:#be185d!important}.gender-button.girl:hover{background:linear-gradient(135deg,#fbcfe8,#f9a8d4)!important;border-color:#db2777!important}.gender-button.girl.active{background:linear-gradient(135deg,#ec4899,#db2777)!important;border-color:#be185d!important;box-shadow:0 4px 20px #ec489966!important;color:#fff!important}