#devToggle{padding:7px 9px;font-size:9px}
#devPanel{width:390px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:18px;border:3px solid #25374b;border-radius:8px;background:#fff9e9;color:#203044;box-shadow:5px 5px 0 #12243566;font:12px ui-monospace,monospace;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
#devPanel::backdrop{background:#14283e88}
#devPanel header{display:flex;align-items:center;justify-content:space-between;gap:12px}#devPanel h2{font-size:17px;margin:0}#devPanel p{line-height:1.5}#devPanel form{margin:18px 0}#devPanel label{display:block;font-weight:800;margin-bottom:7px}
#devPanel input[type=number],#devPanel select{min-width:0;width:100%;background:#fffdf6;color:#203044;border:2px solid #718091;border-radius:4px;padding:10px;font:16px ui-monospace,monospace;touch-action:manipulation}
#devPanel .devRow{display:flex;align-items:center;gap:8px}#devPanel .devRow input{flex:1}#devPanel .devRow button{flex-shrink:0}#devPanel .devRow label{min-width:90px;margin:0}#devPanel .devHint{font-size:10px;color:#566574;margin:8px 0}#devPanel .devCheck{display:flex;gap:10px;margin:20px 0;cursor:pointer}#devPanel input[type=checkbox]{width:19px;height:19px;flex-shrink:0;accent-color:#397a86}#devPanel small{display:block;font-size:10px;font-weight:400;line-height:1.5;margin-top:5px;color:#566574}
#devPanel .devActions{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}#devPanel .btn{min-height:38px}#devFeedback{min-height:18px;color:#276957;font-weight:bold}#devSummary{padding:9px;background:#e9e5d6;border-radius:4px;font-size:10px}#devPanel :focus-visible{outline:3px solid #2687af;outline-offset:2px}