@keyframes vibrate{0%{transform:translate(0)}10%{transform:translate(-2px,-1px)}20%{transform:translate(2px,1px)}30%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}50%{transform:translate(-1px,2px)}60%{transform:translate(1px,-2px)}70%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}90%{transform:translate(0)}to{transform:translate(0)}}.devtools-button-vibrate{animation:.8s cubic-bezier(.36,.07,.19,.97) both vibrate}.devtools-button{transition:transform .3s,box-shadow .3s,background-color .3s}.devtools-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #0000001a,0 0 0 4px #fff9}.devtools-button:active{transform:scale(.95)}@keyframes pulse-shadow{0%{box-shadow:0 0 10px #3b82f64d,0 0 15px #3b82f633}50%{box-shadow:0 0 15px #3b82f680,0 0 20px #3b82f666}to{box-shadow:0 0 10px #3b82f64d,0 0 15px #3b82f633}}@keyframes rotate-icon{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes color-select{0%{transform:scale(1);box-shadow:0 0 #3b82f666}70%{transform:scale(1.15);box-shadow:0 0 0 10px #3b82f600}to{transform:scale(1.1);box-shadow:0 0 #3b82f600}}@keyframes tab-change{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.devtools-content,.tabs-content-container,.theme-settings,.tabs-header{scrollbar-width:thin;scrollbar-color:#9ca3af80 transparent}.devtools-content::-webkit-scrollbar{width:6px;height:6px}.tabs-content-container::-webkit-scrollbar{width:6px;height:6px}.theme-settings::-webkit-scrollbar{width:6px;height:6px}.tabs-header::-webkit-scrollbar{width:6px;height:6px}.devtools-content::-webkit-scrollbar-track{background:0 0}.tabs-content-container::-webkit-scrollbar-track{background:0 0}.theme-settings::-webkit-scrollbar-track{background:0 0}.tabs-header::-webkit-scrollbar-track{background:0 0}.devtools-content::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:20px}.tabs-content-container::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:20px}.theme-settings::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:20px}.tabs-header::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:20px}input[type=range]{appearance:none;background:#e5e7eb;border-radius:5px;outline:none;width:100%;height:4px;transition:all .2s}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary,#3b82f6);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 0 2px #0000001a}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 4px #0003}input[type=range]::-moz-range-thumb{background:var(--primary,#3b82f6);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 0 2px #0000001a}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 4px #0003}.tabs-content{animation:.3s ease-out forwards tab-change}.devtools-button:hover{animation:2s infinite pulse-shadow;transform:scale(1.05)}.devtools-button:hover svg{animation:1s ease-in-out rotate-icon}.tabs-header button:hover svg{color:var(--primary,#3b82f6);transition:all .2s;transform:scale(1.15)}.tabs-header button:active{transform:translateY(1px)}.tabs-header button[aria-selected=true] svg{animation:1s infinite bounce-soft}.setting-selected,input[type=color]:focus{box-shadow:0 0 0 2px white,0 0 0 4px var(--primary,#3b82f6);transition:transform .2s;transform:scale(1.1)}.theme-settings button{transition:all .2s}.theme-settings button:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.theme-settings button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}input[type=color]{cursor:pointer;border:none;border-radius:6px;width:30px;height:30px;padding:0;transition:all .2s}input[type=color]:hover{transform:scale(1.1)}.pagination-button{transition:all .2s}.pagination-button:not(:disabled):hover{background-color:#3b82f61a;transform:translate(0)scale(1.05)}.pagination-button:first-child:not(:disabled):hover{transform:translate(-2px)}.pagination-button:last-child:not(:disabled):hover{transform:translate(2px)}