.styles_wrapper__Z1Z_z{background-color:#f8f9fa;min-height:100vh;padding:40px 0}.styles_mainContainer__Bc7R0{max-width:1200px;margin:0 auto;display:flex;gap:20px;flex-wrap:wrap}.styles_panelTitle__K3pai{font-size:1.2rem;font-weight:600;margin-bottom:20px;color:#333}.styles_controlsPanel__ImC0X{flex:1 1}.styles_controlsPanel__ImC0X,.styles_playgroundPanel__qoZcl{min-width:300px;background:#fff;border-radius:8px;padding:25px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.styles_playgroundPanel__qoZcl{flex:2 1;display:flex;flex-direction:column}.styles_formGroup__HutKc{margin-bottom:15px}.styles_formGroup__HutKc label{display:block;font-weight:600;margin-bottom:5px;color:#555;font-size:.9rem}.styles_flexContainer__MSrx_{background-color:#e9ecef;border:1px dashed #adb5bd;min-height:400px;border-radius:4px;padding:10px;flex:1 1}.styles_flexItem__Uz5HB{background-color:#198754;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;font-size:1.2rem;padding:20px;min-width:60px}.styles_codePanel__Qcec_{margin-top:20px;background-color:#212529;border-radius:6px;padding:15px;position:relative}.styles_codePanel__Qcec_ pre{margin:0;color:#f8f9fa;font-family:monospace}.styles_copyBtn__xmOVv{position:absolute;top:15px;right:15px}