3D viewer overhaul: full-bleed + responsive, Web Worker STEP parse, progress bar, caption stats, inline models in text notes, STL fix, app widget; weekday dates (dateText); fix shields badge escaping; docs + licenses

theme/blog_share_theme.css

@@ -1,5 +1,5 @@
 /*
- * Gruvbox Share Theme for Your Blog (Trilium Public Share)
+ * Gruvbox Share Theme for Richard's Blog (Trilium Public Share)
  * Palette: bg #282828 / #3c3836 / #504945 / #1d2021   fg #ebdbb2 / #fbf1c7
  *          red #fb4934 green #b8bb26 yellow #fabd2f
  *          blue #83a598 purple #d3869b aqua #8ec07c orange #fe8019
@@ -811,7 +811,10 @@ html.theme-light #content code {
 /* ---------- 3D model viewer (STL / STEP) ---------- */
 .model-viewer {
     position: relative;
+    box-sizing: border-box;
+    width: calc(100vw - 24px);
     margin: 1em 0;
+    margin-left: calc(50% - (100vw - 24px) / 2);
     background: #1d2021;
     border: 1px solid var(--background-highlight);
     border-radius: 8px;
@@ -836,11 +839,20 @@ html.theme-light #content code {
 
 .model-viewer-canvas {
     position: relative;
+    width: 100%;
+    height: min(70vh, 900px);
+    min-height: 420px;
 }
 
 .model-viewer-status {
-    padding: 48px;
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     text-align: center;
+    padding: 48px;
+    box-sizing: border-box;
     color: #a89984;
     font-size: 0.9em;
 }
@@ -850,9 +862,13 @@ html.theme-light #content code {
 }
 
 .model-viewer-progress {
-    position: relative;
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 40px;
     height: 6px;
-    margin: 0 48px 22px;
+    width: min(60%, 480px);
+    margin: 0 auto;
     background: #3c3836;
     border-radius: 3px;
     overflow: hidden;
@@ -899,7 +915,7 @@ html.theme-light #content code {
 .model-viewer canvas {
     display: block;
     width: 100%;
-    height: auto;
+    height: 100%;
 }
 
 /* ---------- Bildunterschriften (Gruvbox) ---------- */