.basicShapeContainer{flex-flow:wrap!important;justify-content:center}.shapeItem{display:flex;flex-direction:column;align-items:center;padding:5px;width:35%;height:35%;margin:5px;box-shadow:5px 5px #f9f9f9;max-height:300px}.BasicShapeCard{width:30%!important}.BasicShapeCard.blocked{opacity:.4;filter:grayscale(80%);cursor:not-allowed;pointer-events:all;position:relative}.BasicShapeCard.blocked:before{content:"🚫";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;z-index:10;background:rgba(255,255,255,.9);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2)}.BasicShapeCard.blocked:hover{opacity:.4;background-color:transparent}.shapeItem:hover{background-color:#f8f8f8}.shapeItem:active{background-color:#d9d9d9}.shapeContainer{width:100%;height:90%;display:flex;justify-content:center;align-items:center}.doorShape{background-color:#d9d9d9}.doorShape,.doorShapeOnlyDoor{width:40%;height:85%;border-radius:2px}.doorShapeOnlyDoor{background-color:var(--main-bg-color)}.sidePanel{width:18%;height:85%;margin:0 5px}.sidePanel,.topPanel{background-color:var(--main-bg-color);border-radius:2px}.topPanel{width:40%;height:15%}@media (max-width:767px){.basicShapeContainer{flex-direction:inherit!important;padding:10px}.shapeItem{width:90%;height:auto;min-height:200px;margin:10px auto;padding:15px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.BasicShapeCard{width:90%!important;height:auto;min-height:180px}.shapeContainer{height:80%;margin:10px 0}.doorShape{width:50%;height:70%}.sidePanel{width:20%;height:70%;margin:0 3px}.topPanel{width:50%;height:20%;margin-bottom:5px}}@media (min-width:768px) and (max-width:1023px){.basicShapeContainer{flex-wrap:wrap!important;gap:15px;padding:15px}.shapeItem{width:45%;height:250px;margin:10px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.BasicShapeCard{width:45%!important;height:220px}.shapeContainer{height:85%}.doorShape{width:45%;height:80%}.sidePanel{width:20%;height:80%;margin:0 4px}.topPanel{width:45%;height:18%}}@media (min-width:1024px){.basicShapeContainer{flex-wrap:wrap!important;gap:20px;padding:20px}.shapeItem{width:30%;height:280px;margin:10px}.BasicShapeCard{width:30%!important;height:250px}.shapeContainer{height:90%}.doorShape{width:40%;height:85%}.sidePanel{width:18%;height:85%;margin:0 5px}.topPanel{width:40%;height:15%}}@media (min-width:1440px){.shapeItem{width:25%;height:320px;max-height:350px}.BasicShapeCard{width:25%!important;height:280px}}.dimensionsContainer{padding:20px;max-width:100%}.wanddurchbruchContainer{display:flex;justify-content:center;margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;width:100%}.inputGroup{display:flex;gap:15px;align-items:center}.inputField{text-align:center}.inputField label{display:block;margin-bottom:5px;font-size:14px;font-weight:500;color:#333}.dimensionInput{width:120px;padding:8px;border:1px solid #ccc;border-radius:4px;text-align:center;font-size:14px}.inputSeparator{font-size:18px;color:#666;margin:0 10px;padding-top:20px}.buttonContainer{display:flex;justify-content:center;margin-bottom:25px}.toggleButton{padding:12px 24px;background-color:#007acc;color:white;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.1)}.toggleButton:hover{background-color:#005a99}.tuermassContainer{display:flex;justify-content:center;margin-bottom:25px;padding:20px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.validationDisplay{padding:12px 16px;margin:0 auto 25px;border-radius:6px;font-size:14px;max-width:600px;text-align:center}.validationDisplay.error{background-color:#ffebee;border:1px solid #f44336;color:#d32f2f}.validationDisplay.warning{background-color:#fff3e0;border:1px solid #ff9800;color:#f57c00}.validationDisplay.success{background-color:#e8f5e8;border:1px solid #4caf50;color:#2e7d32}.validationDisplay.info{background-color:#e3f2fd;border:1px solid #2196f3;color:#1976d2}.validationMessage{padding:12px 16px;margin:15px auto;border-radius:6px;font-size:14px;max-width:600px;text-align:center;font-weight:500}.validationMessage.error{background-color:#ffebee;border:1px solid #f44336;color:#d32f2f}.validationMessage.warning{background-color:#fff3e0;border:1px solid #ff9800;color:#f57c00}.validationMessage.success{background-color:#e8f5e8;border:1px solid #4caf50;color:#2e7d32}