.ptbuilder-builder-container{display:flex;justify-content:center;padding:8px}.ptbuilder-builder-content-box{border:2px solid #ccc;border-radius:12px;padding:12px;background-color:#fdfdfd;max-width:1200px;width:100%}.ptbuilder-builder-title{font-size:2rem;text-align:center;margin-bottom:10px;color:#345}.ptbuilder-status-panel{display:flex;justify-content:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.ptbuilder-status-box{background-color:#f1f1f1;border:1px solid #aaa;border-radius:8px;padding:6px 12px;font-weight:700;color:#333;min-width:100px;text-align:center}.ptbuilder-draggable-pool{display:flex;justify-content:center;margin-bottom:16px}.ptbuilder-draggable-element{width:55px;height:55px;border-radius:6px;cursor:grab;border:1px solid #ccc;background-color:#eee;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;text-align:center;transition:transform .2s ease}.ptbuilder-draggable-element:hover{transform:scale(1.05)}.ptbuilder-draggable-element{cursor:move!important}.ptbuilder-periodic-table-grid{display:grid;grid-template-columns:repeat(18,55px);grid-template-rows:repeat(10,55px);gap:3px;margin-top:-65px;justify-content:center}.ptbuilder-drop-zone{width:55px;height:55px;border:1px dashed #ccc;border-radius:6px;background-color:transparent;position:relative}.ptbuilder-drop-zone.placed{border:none;background-color:transparent}.ptbuilder-drop-animate{animation:pop-in .3s ease}@keyframes pop-in{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.ptbuilder-placed-element{width:100%;height:100%;background-color:#fff;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;text-align:center}.ptbuilder-placed-element .element-number{font-size:.5rem}.ptbuilder-placed-element .element-symbol{font-size:.85rem;font-weight:700}.ptbuilder-placed-element .element-name{font-size:.5rem;margin-top:1px}.ptbuilder-toggle-row{margin:10px 0;font-size:.9rem;text-align:left}.ptbuilder-toggle-row input[type=checkbox]{margin-right:8px;margin-bottom:6px;display:inline-block}.ptbuilder-button-row{display:flex;justify-content:center;margin-top:10px}.btn.menu-button{background-color:#5d74b3;color:#fff;font-size:.85rem;padding:.4rem .8rem;margin:0 6px;border:none;border-radius:4px;cursor:pointer}.btn.menu-button:hover{background-color:#4a5e99;color:#fff}.ptbuilder-table-container{max-width:100%;max-height:none;overflow:visible;border:none}.ptbuilder-draggable-element.overlay{z-index:9999!important;pointer-events:none;opacity:.9;transform:scale(1.05)}@media (max-width:768px){.ptbuilder-table-container{overflow-x:auto;overflow-y:auto;max-height:70vh;border:1px solid #ddd;border-radius:8px}.ptbuilder-periodic-table-grid{min-width:900px;min-height:500px;justify-content:start}}