#dev-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#eef2ff;z-index:10;background:#070a10d1;border:1px solid #ffffff1f;border-radius:14px;width:300px;max-height:calc(100vh - 24px);padding:14px 14px 12px;font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;top:12px;right:12px;overflow:auto;box-shadow:0 12px 40px #00000059}#dev-panel.hidden{display:none}#dev-panel h1{margin:0 0 2px;font:600 15px/1.2 system-ui,sans-serif}#dev-panel p{color:#9da8bf;margin:0 0 8px}.backend{color:#a9b3c9;margin:8px 0 12px}#dev-panel h2{text-transform:uppercase;letter-spacing:.08em;color:#8d99b2;margin:14px 0 7px;font:600 11px/1 system-ui,sans-serif}.dev-row{grid-template-columns:86px 1fr 40px;align-items:center;gap:6px;margin:6px 0;display:grid}.dev-row input{width:100%}.dev-row code{text-align:right;color:#ffc08a}.metrics{color:#8fa2c7;background:#ffffff0b;border-radius:8px;margin-top:12px;padding:7px 8px}.metrics strong{color:#dce8ff}#dev-panel button{color:#fff;cursor:pointer;background:#151b29;border:1px solid #ffffff24;border-radius:9px;width:100%;margin-top:12px;padding:8px}#dev-panel small{color:#6f7b93;margin-top:8px;display:block}@media (width<=720px){#dev-panel{opacity:.92;width:232px;font-size:10px}.dev-row{grid-template-columns:70px 1fr 34px}}