.proto-dev-tools{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;color:#fff;background:#000000f2;border-radius:16px;width:400px;max-height:calc(100vh - 200px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;position:fixed;top:100px;right:32px;overflow:hidden;box-shadow:0 8px 32px #0006}.proto-dev-tools-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.proto-dev-tools-header h3{color:#fff;margin:0;font-size:16px;font-weight:600}.proto-dev-tools-close{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:20px;transition:all .2s}.proto-dev-tools-close:hover{color:#fff;background:#ffffff1a}.proto-dev-tools-content{max-height:calc(100vh - 260px);padding:20px;overflow-y:auto}.proto-dev-tools-content::-webkit-scrollbar{width:6px;display:block}.proto-dev-tools-content::-webkit-scrollbar-track{background:#ffffff0d;display:block}.proto-dev-tools-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;display:block}.proto-dev-tools-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.proto-dev-tools-hint{text-align:center;color:#ffffffb3;background:#ffffff0d;border-radius:8px;margin-bottom:20px;padding:12px;font-size:13px}.proto-dev-tools-hint kbd{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px}.proto-dev-tools-section{margin-bottom:24px}.proto-dev-tools-section h4{color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:600}.proto-dev-tools-radio{gap:8px;display:flex}.proto-dev-tools-radio-option{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;flex:1;padding:10px 12px;font-size:13px;transition:all .2s}.proto-dev-tools-radio-option:hover{color:#fff;background:#ffffff1a}.proto-dev-tools-radio-option.selected{color:#fff;background:#44aaff26;border-color:#4af}.proto-dev-tools-radio-note{color:#ffffff80;margin-top:8px;font-size:11px;line-height:1.4;display:block}.proto-dev-tools-control{margin-bottom:20px}.proto-dev-tools-control label{font-size:13px;font-weight:var(--font-weight-medium);color:#ffffffe6;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.proto-dev-tools-value{color:#4af;background:#ffffff1a;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px}.proto-dev-tools-control input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px;margin-bottom:4px}.proto-dev-tools-control input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4af;border-radius:50%;width:16px;height:16px;transition:all .2s}.proto-dev-tools-control input[type=range]::-webkit-slider-thumb:hover{background:#6cf;transform:scale(1.1)}.proto-dev-tools-control input[type=range]::-moz-range-thumb{cursor:pointer;background:#4af;border:none;border-radius:50%;width:16px;height:16px;transition:all .2s}.proto-dev-tools-control input[type=range]::-moz-range-thumb:hover{background:#6cf;transform:scale(1.1)}.proto-dev-tools-control small{color:#ffffff80;font-size:11px;line-height:1.4;display:block}.proto-dev-tools-actions{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px}.proto-dev-tools-button{color:#fff;width:100%;font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:12px;transition:all .2s}.proto-dev-tools-button:hover{background:#ffffff26;border-color:#ffffff4d}.proto-dev-tools-button:active{transform:scale(.98)}.proto-dev-tools-info{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px}.proto-dev-tools-info h4{color:#ffffffe6;margin:0 0 12px;font-size:13px;font-weight:600}.proto-dev-tools-info ul{color:#fff9;margin:0;padding-left:20px;font-size:12px;line-height:1.6}.proto-dev-tools-info li{margin-bottom:6px}.proto-dev-tools-info kbd{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px}@media (max-width:768px){.proto-dev-tools{width:auto;max-width:400px;margin:0 auto;left:16px;right:16px}}@keyframes proto-dev-tools-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.proto-dev-tools{animation:.3s ease-out proto-dev-tools-slide-in-right}