feat: Create initial Daggerheart stream overlay module with manifest, scripts, styles, templates, and localization files.

styles/stream-overlay.css

@@ -0,0 +1,144 @@
+/* Existing settings styles */
+.stream-overlay-settings .drop-zone {
+    border: 2px dashed var(--color-border-light-2);
+    border-radius: 5px;
+    padding: 10px;
+    text-align: center;
+    min-height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--color-bg-light-1);
+    transition: background 0.2s, border-color 0.2s;
+}
+
+.stream-overlay-settings .drop-zone.drag-over {
+    background: var(--color-bg-light-2);
+    border-color: var(--color-border-highlight);
+}
+
+.stream-overlay-settings .actor-data {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    width: 100%;
+}
+
+.stream-overlay-settings .actor-name {
+    flex: 1;
+    text-align: left;
+    font-weight: bold;
+}
+
+.stream-overlay-settings .placeholder {
+    color: var(--color-text-light-2);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 5px;
+}
+
+/* Stream View Layout */
+body.dh-stream-overlay-active {
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background: transparent !important;
+    /* Allow OBS to key out background if needed */
+}
+
+#stream-overlay-wrapper {
+    display: flex;
+    flex-direction: row;
+    width: 100vw;
+    height: 100vh;
+    box-sizing: border-box;
+    padding: 10px;
+    gap: 10px;
+}
+
+/* Panels */
+.stream-panel {
+    background: rgba(0, 0, 0, 0.5);
+    border-radius: 10px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+}
+
+#stream-chat-container {
+    flex: 0 0 320px;
+    min-width: 300px;
+}
+
+#stream-combat-container {
+    flex: 0 0 300px;
+    min-width: 250px;
+    /* Hidden by default in JS if not active, or we can transition it */
+    transition: flex-basis 0.3s ease, padding 0.3s ease;
+}
+
+#stream-actor-container {
+    flex: 1;
+    min-width: 500px;
+    background: rgba(255, 0, 0, 0.2);
+    /* DEBUG RED TINT */
+    border: 2px solid red;
+    /* DEBUG BORDER */
+    position: relative;
+    /* Sheet usually has its own background */
+}
+
+/* Inner adjustments */
+#chat-log,
+.chat-log {
+    flex: 1;
+    overflow-y: scroll;
+    padding: 5px;
+    padding-right: 20px;
+    /* Space for scrollbar */
+    background: transparent !important;
+    margin: 0;
+    border: none;
+    list-style: none;
+    /* remove bullets */
+}
+
+/* Ensure messages wrap correctly */
+.chat-log .message {
+    margin: 5px 0;
+    padding: 8px;
+    background: rgba(0, 0, 0, 0.5);
+    /* semi-transparent background for readability */
+    border-radius: 5px;
+    color: white;
+    word-wrap: break-word;
+    word-break: break-word;
+    /* Ensure long words don't overflow */
+    max-width: 100%;
+}
+
+/* Override window-app styles for embedded content */
+#stream-overlay-wrapper .window-app {
+    box-shadow: none !important;
+    background: rgba(30, 30, 30, 0.9) !important;
+    /* Unified dark theme backing */
+    margin: 0 !important;
+}
+
+#stream-actor-container .window-content {
+    background: rgba(255, 255, 255, 0.95);
+    /* Ensure legibility */
+    border-radius: 8px;
+    height: 100%;
+}
+
+/* Combat tracker specific */
+#combat-tracker {
+    height: 100%;
+    margin: 0;
+}
+
+#combat-tracker .combatant {
+    line-height: 2em;
+}