#traps{position:absolute;top:20px;left:20px;background:#fff;padding:10px;border:1px solid black;z-index:1000}.trap{border:2px solid #444;border-radius:8px;padding:12px;margin:10px 0;background-color:#b02a2a;box-shadow:0 2px 6px #0000001a}h2{color:#fff;margin-left:10px}.trap h3{margin:0 0 6px;font-size:1.2em;color:#333}.trap p{margin:4px 0;font-size:.95em;color:#555}.trap button.delete-trap{margin-top:8px;padding:5px 10px;border:none;background-color:#f0f0f0;color:#fff;border-radius:4px;cursor:pointer}.trap button.delete-trap:hover{background-color:#f0f0f0}.traps-parent{max-width:400px;margin:0 auto;padding:20px}.trap-container{margin:10px;padding:10px;border-radius:5px;background-color:#444;max-width:350px;overflow:visible}.trap-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px}.trap-container input[type=number]{width:20px;border-radius:5px;padding:4px;flex-shrink:0}.trap-container input[type=text]{flex:1;min-width:120px;max-width:180px;padding:4px;border-radius:5px}.trap-container button{padding:4px 8px;min-width:32px;box-sizing:border-box;border-radius:5px}.trap-container .sound-input{flex:2;min-width:150px}.trap-container button.delete-button{background-color:#fff;color:#fff}.trap-container button.delete-button:hover,.trap-container button.reset-button{background-color:#f0f0f0}.trap-container button.reset-button:hover{background-color:#e0e0e0}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.switch input:checked+.slider{background-color:#4caf50}.switch input:checked+.slider:before{transform:translate(26px)}.trap-container .switch{position:relative;display:inline-flex;align-items:center;margin-left:8px}.trap-container .switch input[type=checkbox]{margin-right:4px}.lock-control{display:flex;align-items:center;gap:4px}.lock-control input[type=checkbox]{margin:0;width:16px;height:16px;order:1}.lock-label{color:#fff;font-size:.9em;order:2}.slider-toggle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider-toggle:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.switch-toggle input:checked+.slider-toggle{background-color:#4caf50}.switch-toggle input:checked+.slider-toggle:before{transform:translate(26px)}