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