.styles_wrapper__8PtI_{background-color:#f8f9fa;min-height:100vh;padding:40px 0}.styles_mainContainer__65IPf{max-width:1200px;margin:0 auto;display:flex;gap:20px;flex-wrap:wrap}.styles_panelTitle__5qppJ{font-size:1.2rem;font-weight:600;margin-bottom:20px;color:#333}.styles_controlsPanel__U8GRz{flex:1 1}.styles_controlsPanel__U8GRz,.styles_playgroundPanel__UMpPX{min-width:300px;background:#fff;border-radius:8px;padding:25px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.styles_playgroundPanel__UMpPX{flex:2 1;display:flex;flex-direction:column}.styles_formGroup__PXnsk{margin-bottom:15px}.styles_formGroup__PXnsk label{display:block;font-weight:600;margin-bottom:5px;color:#555;font-size:.9rem}.styles_gridContainer__ap36x{background-color:#e9ecef;border:1px dashed #adb5bd;min-height:400px;border-radius:4px;padding:10px;flex:1 1}.styles_gridItem__f4te_{background-color:#0d6efd;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;font-size:1.2rem;min-height:50px}.styles_codePanel__9b3z0{margin-top:20px;background-color:#212529;border-radius:6px;padding:15px;position:relative}.styles_codePanel__9b3z0 pre{margin:0;color:#f8f9fa;font-family:monospace}.styles_copyBtn___vYjA{position:absolute;top:15px;right:15px}