.directional-pad.svelte-n8fd18{display:grid;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px);gap:5px;margin:0 auto}.direction-btn.svelte-n8fd18{font-size:24px;border:none;border-radius:10px;background-color:#ddd;cursor:pointer;transition:all .2s;font-size:xx-large;color:#fff}.direction-btn.svelte-n8fd18:hover{background-color:#ccc}.direction-btn.svelte-n8fd18:active{transform:scale(.95)}.up.svelte-n8fd18{grid-column:2;grid-row:1}.left.svelte-n8fd18{grid-column:1;grid-row:2}.stop.svelte-n8fd18{grid-column:2;grid-row:2}.right.svelte-n8fd18{grid-column:3;grid-row:2}.down.svelte-n8fd18{grid-column:2;grid-row:3}@keyframes svelte-1b7axol-ripple{0%{width:48px;height:48px;opacity:.3}to{width:96px;height:96px;opacity:0}}.groupButton.svelte-1b7axol{display:flex;flex-wrap:wrap;margin:20px 0;justify-content:center}.groupButton.svelte-1b7axol button:where(.svelte-1b7axol){text-decoration:none;font-size:24px;border:none;border-radius:10px;background-color:#ddd;cursor:pointer;transition:all .2s;font-size:xx-large;color:#fff;padding:10px 20px;margin:5px}.groupButton.svelte-1b7axol button:where(.svelte-1b7axol):hover{background-color:#ccc}.groupButton.svelte-1b7axol button:where(.svelte-1b7axol):active{transform:scale(.95)}.svelte-wuk1et{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.remote-control.svelte-wuk1et{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.control-panel.svelte-wuk1et{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:20px}.speed-control.svelte-wuk1et{flex:1;min-width:250px;padding:20px}.tab-container.svelte-wuk1et{max-width:1000px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.tab-header.svelte-wuk1et{display:flex;background:#f1f1f1;border-bottom:1px solid #ddd;overflow-x:auto;scrollbar-width:none}.tab-header.svelte-wuk1et::-webkit-scrollbar{display:none}.tab-button.svelte-wuk1et{padding:12px 20px;background:transparent;border:none;cursor:pointer;font-size:16px;font-weight:600;color:#555;white-space:nowrap;transition:all .3s ease;position:relative;text-decoration:none}.tab-button.svelte-wuk1et:hover{background:#e0e0e0}.tab-button.active.svelte-wuk1et{color:#2196f3;background:#fff}.tab-button.active.svelte-wuk1et:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:#2196f3}.tab-content.svelte-wuk1et{padding:20px}.tab-pane.active.svelte-wuk1et{display:block;animation:svelte-wuk1et-fadeIn .5s ease}@keyframes svelte-wuk1et-fadeIn{0%{opacity:0}to{opacity:1}}.form-group.svelte-wuk1et{margin-bottom:15px}.form-group.svelte-wuk1et input:where(.svelte-wuk1et){width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}@media (max-width: 768px){.tab-button.svelte-wuk1et{padding:10px 15px;font-size:14px}}@media (max-width: 480px){.tab-header.svelte-wuk1et{flex-wrap:wrap}.tab-button.svelte-wuk1et{flex:1 0 50%;text-align:center}}