body{margin:0;display:flex;justify-content:center;min-height:100vh;background-color:#f5f5f5;font-family:Arial,sans-serif}#app{display:grid;grid-template-columns:1fr 100px;grid-template-rows:1fr 80px;width:90vw;height:95vh;background-color:#fff;box-shadow:0 0 20px #0000001a;border-radius:8px;overflow:hidden}#main-container{grid-column:1;grid-row:1;background-color:#f0f0f0;border:1px solid #ccc;position:relative}#main-canvas{width:100%;height:100%;display:block}#sidebar{grid-column:2;grid-row:1 / span 2;background-color:#e0e0e0;display:flex;flex-direction:column;padding:10px;gap:15px}.draggable-component{width:50px;height:50px;border-radius:50%;background-color:#3498db;display:flex;justify-content:center;align-items:center;cursor:move;-webkit-user-select:none;user-select:none;color:#fff;font-weight:700}.component-slot{background-color:#910909}.component-blackjack{background-color:#24ba16}.component-roulette{background-color:#aa16ba}#button-bar{grid-column:1;grid-row:2;background-color:#d0d0d0;display:flex;justify-content:space-around;align-items:center;padding:10px}.button{padding:10px 20px;background-color:#2c3e50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.config-container{padding:25px;background:#ffffff;border-radius:10px;box-shadow:0 4px 20px #00000014;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#2d3748;height:90vh}.movement-manager-section,.spawner-section{margin:10px}.section-header{color:#2c5282;border-bottom:2px solid #4299e1;padding-bottom:12px;margin-top:0;margin-bottom:25px;font-weight:600;font-size:1.3rem}.parameter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.parameter-row{margin-bottom:0}.parameter-row label{display:block;margin-bottom:8px;font-weight:500;color:#4a5568;font-size:.95rem}.parameter-row input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#ffffff;color:#2d3748;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.parameter-row input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.strategy-selector{margin-bottom:25px}.strategy-selector label{display:block;margin-bottom:10px;font-weight:500;color:#4a5568}.strategy-selector select{width:100%;padding:12px;border-radius:6px;color:#2d3748;border:1px solid #e2e8f0;font-size:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right 12px center;background-size:16px}.strategy-selector select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.strategy-params{background:#ffffff;padding:20px;border-radius:8px;border:1px solid #edf2f7;box-shadow:0 2px 10px #00000008}.custom-placeholder{text-align:center;padding:20px;color:#718096;font-style:italic;background:#f8fafc;border-radius:6px;border:1px dashed #e2e8f0}@media (max-width: 600px){.parameter-grid{grid-template-columns:1fr}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;width:900px;height:700px;padding:1rem;position:relative;border-radius:8px}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.2rem;cursor:pointer}.plot-container,.plot-canvas{width:100%;height:100%}