/* v0.75by Debug Font and UI Inspector */
html[data-cg-build-profile=debug] .cg-debug-font-panel,html[data-cg-build-profile=debug] .cg-debug-ui-inspector-panel{position:fixed;z-index:2147483000;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}
.cg-debug-font-panel{left:520px;top:84px;width:680px}.cg-debug-ui-inspector-panel{left:1120px;top:84px;width:760px}
.cg-debug-font-panel-body,.cg-debug-inspector-body{padding:14px;overflow:auto;max-height:calc(100vh - 120px)}
.cg-debug-tool-section,.cg-debug-inspector-section{margin-bottom:12px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(0,0,0,.16)}
.cg-debug-tool-heading,.cg-debug-inspector-section h3{margin:0 0 9px;font-weight:700}.cg-debug-tool-note,.cg-debug-inspector-status,.cg-debug-font-role-row small{opacity:.78;font-size:12px}.cg-debug-inspector-status{padding:8px 10px;border-radius:6px;margin-bottom:10px;background:rgba(100,100,100,.15)}.cg-debug-inspector-status.active{background:rgba(30,150,80,.22)}
.cg-debug-inspector-mode-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.cg-debug-inspector-mode-controls .cg-debug-inspector-status{flex:1 1 220px;margin-bottom:0}.cg-debug-inspector-mode-controls button{min-height:32px;padding:5px 10px}.cg-debug-inspector-mode-controls button:disabled{opacity:.45;cursor:not-allowed}#cg-debug-inspector-close{min-width:32px;min-height:32px;padding:2px 8px}
.cg-debug-font-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cg-debug-font-grid label,.cg-debug-kv{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,1.4fr);gap:8px;align-items:center;margin:5px 0}.cg-debug-font-grid input,.cg-debug-font-grid select,.cg-debug-kv input,.cg-debug-font-role-row input,#cg-debug-font-mode{min-width:0;box-sizing:border-box}.cg-debug-font-role-row{display:grid;grid-template-columns:minmax(150px,1fr) 48px 100px;gap:8px;align-items:center;margin:7px 0}.cg-debug-font-role-row div{display:flex;flex-direction:column;gap:2px}.cg-debug-tool-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}#cg-debug-inspector-json{width:100%;min-height:180px;box-sizing:border-box;margin-top:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}
html.cg-ui-inspect-mode body *{cursor:crosshair!important}html.cg-ui-inspect-mode #cg-debug-ui-inspector-panel *,html.cg-ui-inspect-mode #cg-debug-font-panel *{cursor:default!important}
@media(max-width:900px){.cg-debug-font-grid{grid-template-columns:1fr}.cg-debug-ui-inspector-panel{left:12px;right:12px;width:auto}}

/* v0.75by interaction contract: Options controls are native UI. The cursor
   compatibility layer and dynamically created debug panels must not make them
   inert or steal their pointer target. */
#ui-options-panel:not(.hidden) { pointer-events: auto !important; }
#ui-options-panel:not(.hidden) > .panel-body,
#ui-options-panel:not(.hidden) .ui-options-tabpage,
#ui-options-panel:not(.hidden) button,
#ui-options-panel:not(.hidden) input,
#ui-options-panel:not(.hidden) select,
#ui-options-panel:not(.hidden) textarea,
#ui-options-panel:not(.hidden) label { pointer-events: auto; }
html[data-cg-build-profile=debug] #cg-debug-font-panel:not(.hidden),
html[data-cg-build-profile=debug] #cg-debug-ui-inspector-panel:not(.hidden) { pointer-events: auto; }
html[data-cg-build-profile=debug] #cg-debug-font-panel.hidden,
html[data-cg-build-profile=debug] #cg-debug-ui-inspector-panel.hidden { pointer-events: none !important; }