.cube-puzzle[data-v-2063fd13]{width:100vw;height:100vh;display:flex;flex-direction:column}.puzzle-area[data-v-2063fd13]{height:30vh;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.1)}.puzzle-grid[data-v-2063fd13]{display:grid;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px);gap:4px;background:rgba(255,255,255,.2);padding:10px;border-radius:8px}.puzzle-slot[data-v-2063fd13]{background:rgba(255,255,255,.3);border:2px dashed rgba(255,255,255,.5);border-radius:4px;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.puzzle-slot.filled[data-v-2063fd13]{border:2px solid #4CAF50;background:rgba(76,175,80,.2)}.puzzle-slot img[data-v-2063fd13]{width:100%;height:100%;object-fit:cover;border-radius:2px}.cube-area[data-v-2063fd13]{height:70vh;position:relative;perspective:1000px;overflow:hidden}.cube-container[data-v-2063fd13]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-style:preserve-3d;width:100%;height:100%}.cube[data-v-2063fd13]{position:absolute;width:40px;height:40px;transform-style:preserve-3d;cursor:pointer;transition:transform .3s ease}.cube[data-v-2063fd13]:hover{transform:scale(1.1)!important}.face[data-v-2063fd13]{position:absolute;width:40px;height:40px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-size:cover;background-position:center}.face-1[data-v-2063fd13]{transform:rotateY(0) translateZ(20px)}.face-2[data-v-2063fd13]{transform:rotateY(90deg) translateZ(20px)}.face-3[data-v-2063fd13]{transform:rotateY(180deg) translateZ(20px)}.face-4[data-v-2063fd13]{transform:rotateY(-90deg) translateZ(20px)}.face-5[data-v-2063fd13]{transform:rotateX(90deg) translateZ(20px)}.face-6[data-v-2063fd13]{transform:rotateX(-90deg) translateZ(20px)}.config-panel[data-v-2063fd13]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);color:#fff;padding:20px;z-index:2000;overflow-y:auto}.config-panel h3[data-v-2063fd13]{margin-bottom:20px;text-align:center}.face-configs[data-v-2063fd13]{margin-bottom:20px}.face-config[data-v-2063fd13]{margin-bottom:15px;display:flex;flex-direction:column;gap:5px}.face-config label[data-v-2063fd13]{font-weight:700}.face-config input[data-v-2063fd13]{padding:8px;border:none;border-radius:4px}.face-config .preview[data-v-2063fd13]{width:60px;height:60px;object-fit:cover;border-radius:4px}.config-panel button[data-v-2063fd13]{width:100%;padding:12px;margin:5px 0;background:#4CAF50;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.config-panel button[data-v-2063fd13]:hover{background:#45a049}.success-modal[data-v-2063fd13]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:3000}.modal-content[data-v-2063fd13]{background:white;padding:40px;border-radius:12px;text-align:center;max-width:300px;width:90%}.modal-content h2[data-v-2063fd13]{margin-bottom:20px;color:#4caf50}.modal-content button[data-v-2063fd13]{padding:12px 24px;background:#4CAF50;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer}.modal-content button[data-v-2063fd13]:hover{background:#45a049}.app{width:100vw;height:100vh;overflow:hidden}