update

styles.css

@@ -899,3 +899,72 @@ body, button, input, select, textarea {
   font-size: 12px;
   line-height: 1.45;
 }
+
+/* Phase 5: keep advanced depth controls inside the drawer. */
+.advancedRow {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+  max-width: 100%;
+  overflow: hidden;
+}
+.advancedRow .tool {
+  flex: 0 1 auto;
+  min-width: 0;
+  max-width: 100%;
+  padding: 7px 7px;
+  white-space: nowrap;
+}
+#advancedHint {
+  flex: 1 0 100%;
+  min-width: 0;
+}
+#guardrailStats {
+  white-space: pre-wrap;
+}
+.bubbleActions {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+.bubbleActions button:only-child,
+.bubbleActions button:nth-child(3):last-child {
+  grid-column: span 2;
+}
+
+/* Phase 5 follow-up: object hidden list + report dialog + font priority. */
+body, button, input, select, textarea {
+  font-family: "3x5 MT Pixel Font", "Press Start 2P", "PixelMplus10", "DotGothic16", "MS Gothic", "Osaka-Mono", "Courier New", ui-monospace, monospace;
+}
+.hiddenSectionTitle {
+  margin: 8px 0 6px;
+  padding: 5px 7px;
+  background: #ffe6f0;
+  border: 2px solid var(--line);
+  font-size: 11px;
+  font-weight: 900;
+  text-transform: uppercase;
+}
+.reportDialog {
+  position: absolute;
+  z-index: 20;
+  inset: 0;
+  display: grid;
+  place-items: center;
+  background: rgba(20, 25, 34, .34);
+}
+.reportDialog[hidden] { display: none; }
+.reportCard {
+  width: min(360px, calc(100vw - 28px));
+  background: #fffdf5;
+  border: 3px solid var(--line);
+  box-shadow: 8px 8px 0 rgba(36,48,68,.25);
+  padding: 14px;
+}
+.reportCard .hint { margin: 8px 0 10px; }
+.reportActions button { min-width: 0; }
+.assetActions button { min-width: 0; }
+
+
+.toggleList { display:flex; flex-direction:column; gap:10px; }
+.checkRow { display:flex; align-items:center; gap:10px; font-size:13px; color:#243044; }
+.checkRow input { width:16px; height:16px; }