Share one secret display style and add the architecture atlas

The API key block and the workspace editor password each carried their
own copy of the same monospace, break-all, boxed styling. Both now use a
single secret-value class in base.css, so a new secret surface inherits
the presentation instead of duplicating it.

ARCHITECTURE.md is a structural overview of the application derived from
the source tree, the live schema and the imported app object, linked
from the README.

devplacepy/static/css/base.css

@@ -481,6 +481,18 @@ img {
     font-size: 0.8125rem;
 }
 
+.secret-value {
+    display: block;
+    font-family: var(--font-mono);
+    font-size: 0.8125rem;
+    word-break: break-all;
+    padding: var(--space-sm);
+    margin-bottom: var(--space-sm);
+    background: var(--bg-input);
+    color: var(--text-primary);
+    border-radius: var(--radius);
+}
+
 .btn-icon {
     padding: 0.5rem;
     border-radius: var(--radius);

devplacepy/static/css/profile.css

@@ -396,18 +396,6 @@ a.profile-stat-value:hover {
     color: var(--accent);
 }
 
-.api-key-value {
-    display: block;
-    font-family: "JetBrains Mono", "Fira Code", monospace;
-    font-size: 0.8125rem;
-    word-break: break-all;
-    padding: 0.5rem;
-    background: var(--bg-input);
-    color: var(--text-primary);
-    border-radius: 6px;
-    margin-bottom: 0.5rem;
-}
-
 .api-key-actions {
     display: flex;
     flex-wrap: wrap;

devplacepy/static/css/workspace.css

@@ -45,19 +45,6 @@
     align-items: center;
 }
 
-.workspace-password {
-    color: var(--text-muted);
-}
-
-.workspace-password code {
-    color: var(--text-primary);
-    background: var(--bg-input);
-    font-family: var(--font-mono);
-    padding: var(--space-xs) var(--space-sm);
-    border-radius: var(--radius);
-    user-select: all;
-}
-
 .workspace-tunnel-list {
     list-style: none;
     padding: 0;