.control-container[data-v-906e6122]{-ms-flex-direction:column;flex-direction:column;padding:20px;background-color:transparent;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.1);min-width:5.5rem;margin-top:.8rem}.control-container[data-v-906e6122],.horizontal-layout[data-v-906e6122]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.horizontal-layout[data-v-906e6122]{gap:20px;margin-bottom:20px}.direction-controls[data-v-906e6122]{position:relative;width:200px;height:200px}.dir-btn[data-v-906e6122]{position:absolute;width:60px;height:60px;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:16px;font-weight:500;transition:all .15s ease;box-shadow:0 2px 5px rgba(0,0,0,.05);outline:none}.dir-btn.up[data-v-906e6122]{top:0;left:50%;transform:translateX(-50%)}.dir-btn.down[data-v-906e6122]{bottom:0;left:50%;transform:translateX(-50%)}.dir-btn.left[data-v-906e6122]{left:0;top:50%;transform:translateY(-50%)}.dir-btn.right[data-v-906e6122]{right:0;top:50%;transform:translateY(-50%)}.number-pad[data-v-906e6122]{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);gap:8px;width:220px}.num-btn[data-v-906e6122]{height:45px;background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:16px;font-weight:500;transition:all .15s ease;box-shadow:0 2px 5px rgba(0,0,0,.05);outline:none}.num-btn.zero[data-v-906e6122]{-ms-grid-column:span 3;grid-column:span 3}.function-controls[data-v-906e6122]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;gap:10px}.func-btn[data-v-906e6122]{-ms-flex:1;flex:1;height:60px;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:16px;font-weight:500;transition:all .15s ease;box-shadow:0 2px 5px rgba(0,0,0,.05);outline:none}.dir-btn.active[data-v-906e6122],.func-btn.active[data-v-906e6122],.num-btn.active[data-v-906e6122]{background-color:#3498db;color:#fff;border-color:#2980b9;transform:scale(.95);box-shadow:0 2px 8px rgba(52,152,219,.3)}.dir-btn.down.active[data-v-906e6122],.dir-btn.up.active[data-v-906e6122]{transform:translateX(-50%) scale(.95)}.dir-btn.left.active[data-v-906e6122],.dir-btn.right.active[data-v-906e6122]{transform:translateY(-50%) scale(.95)}.num-btn.zero.active[data-v-906e6122]{transform:scale(.98)}@media (max-width:600px){.control-container[data-v-906e6122]{min-width:auto;width:100%}.horizontal-layout[data-v-906e6122]{-ms-flex-direction:column;flex-direction:column}}