.debug-panel{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:50;box-sizing:border-box;width:min(310px,calc(100vw - 24px));padding:12px 14px;border-radius:10px;background:#16161acc;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 6px 24px #0006;font:12px/1.4 var(--ui-font);color:#d8d8da;user-select:none}.debug-title{font-weight:600;margin-bottom:8px;letter-spacing:.02em}.debug-hint{font-weight:400;color:var(--ink-soft)}.debug-row{display:flex;align-items:center;gap:8px;margin-top:6px}.debug-row input[type=range]{flex:1;accent-color:#c2683f}.debug-row button,.debug-row select{font:12px var(--ui-font);padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#e0e0e2;cursor:pointer}.debug-row select{flex:1}.debug-readout{min-width:34px;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-soft)}@media(max-width:520px){.debug-panel{top:max(12px,env(safe-area-inset-top));bottom:auto}.debug-hint{display:none}}