docs: add quick start and user guides

apps/acoustic-camera/styles.css

@@ -17,7 +17,9 @@
 .workspace-heading .eyebrow, .section-heading .eyebrow, .array-heading .eyebrow { margin-bottom: 7px; }
 .workspace-heading h1 { margin-bottom: 4px; font-size: clamp(1.9rem, 4vw, 3.2rem); letter-spacing: -.055em; }
 .workspace-meta, .section-copy { margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.55; }
+.workspace-import { display: grid; gap: 7px; justify-items: end; }
 .workspace-tools { justify-content: flex-end; }
+.import-order { margin: 0; color: var(--muted); font-size: .64rem; }
 .scene-canvas-card { position: relative; overflow: hidden; min-height: 520px; border: 1px solid var(--line); border-radius: 22px; background: #07110f; box-shadow: var(--shadow); }
 #scene-canvas { display: block; width: 100%; height: clamp(520px, 64vh, 760px); }
 .canvas-message { position: absolute; top: 32px; left: 50%; display: grid; width: min(440px, calc(100% - 48px)); gap: 6px; color: var(--muted); text-align: center; pointer-events: none; transform: translateX(-50%); }
@@ -109,6 +111,7 @@
   .camera-header, .workspace-heading { align-items: stretch; }
   .camera-header { position: static; display: flex; flex-direction: column; }
   .header-status, .header-actions, .workspace-tools { justify-content: flex-start; width: 100%; }
+  .workspace-import { justify-items: start; }
   .header-actions .button, .workspace-tools .button { flex: 1 1 calc(50% - 5px); }
   .scene-workspace { padding: 18px; }
   .workspace-heading { flex-direction: column; }