omni-viewer-core 0.1.0

package/dist/styles/audio.css

@@ -0,0 +1,66 @@
+.omni-media{box-sizing:border-box;min-height:100%;padding:20px;background:var(--omni-bg,#181818);color:var(--omni-fg,#eee);font:14px/1.45 system-ui,sans-serif}.omni-media *{box-sizing:border-box}.omni-media__header{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.omni-media__title{font-size:18px;font-weight:650;overflow-wrap:anywhere}.omni-media__meta{color:var(--omni-muted,#aaa)}.omni-media__stage{display:grid;place-items:center;min-height:280px;border:1px solid var(--omni-border,#444);border-radius:10px;background:#000;padding:18px}.omni-media audio,.omni-media video{display:block;width:min(100%,1100px);max-height:75vh}.omni-media__warning{margin-top:12px;padding:10px 12px;border:1px solid #b98b2f;border-radius:7px;background:#3b2d10;color:#ffd98a;white-space:pre-wrap}
+/* Reverse-contamination guard (DESIGN.md §6). */
+.omni-viewer--audio {
+    all: initial;
+}
+.omni-viewer--audio :where(button, select, option, input, label, audio) {
+    all: revert;
+}
+
+:host, .omni-viewer--audio {
+    display: block;
+    height: 100%;
+    box-sizing: border-box;
+    color: var(--omni-fg, #d4d4d4);
+    background: var(--omni-bg, #1e1e1e);
+    font-family: var(--omni-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+    font-size: var(--omni-font-size, 13px);
+}
+
+.omni-audio { display: flex; flex-direction: column; gap: 12px; box-sizing: border-box; min-height: 100%; padding: 16px; }
+.omni-audio * { box-sizing: border-box; }
+
+.omni-audio__header { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
+.omni-audio__title { font-size: 16px; font-weight: 650; overflow-wrap: anywhere; }
+.omni-audio__meta { color: var(--omni-muted, #9d9d9d); white-space: nowrap; }
+
+.omni-audio__info { display: flex; flex-wrap: wrap; gap: 18px; padding: 6px 10px; border: 1px solid var(--omni-border, #444); border-radius: 6px; background: var(--omni-panel-bg, #252526); }
+.omni-audio__info-item { display: flex; flex-direction: column; align-items: center; gap: 2px; }
+.omni-audio__info-label { font-size: 10px; opacity: 0.7; }
+.omni-audio__info-value { font-family: var(--omni-mono, ui-monospace, Menlo, monospace); font-weight: 500; }
+
+.omni-audio__controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 6px; border: 1px solid var(--omni-border, #444); border-radius: 8px; background: var(--omni-panel-bg, #252526); }
+.omni-audio__group { display: flex; align-items: center; gap: 6px; }
+.omni-audio__group-label { font-size: 12px; color: var(--omni-muted, #9d9d9d); }
+
+.omni-audio__btn {
+    background: var(--omni-accent, #0e639c); color: var(--omni-accent-fg, #fff);
+    border: none; padding: 5px 11px; border-radius: 4px; cursor: pointer; font-size: 12px; font-family: inherit;
+}
+.omni-audio__btn:hover { background: var(--omni-accent-hover, #1177bb); }
+.omni-audio__btn:disabled { opacity: 0.5; cursor: not-allowed; }
+.omni-audio__btn.is-active { outline: 2px solid var(--omni-focus, #007fd4); }
+
+.omni-audio__select {
+    background: var(--omni-input-bg, #3c3c3c); color: var(--omni-fg, #d4d4d4);
+    border: 1px solid var(--omni-border, #444); padding: 4px 8px; border-radius: 4px; font-size: 12px; font-family: inherit;
+}
+.omni-audio__slider { width: 90px; }
+.omni-audio__zoom-label { font-family: var(--omni-mono, ui-monospace, Menlo, monospace); font-size: 12px; min-width: 34px; text-align: center; color: var(--omni-muted, #9d9d9d); }
+.omni-audio__time { font-family: var(--omni-mono, ui-monospace, Menlo, monospace); font-size: 12px; min-width: 100px; }
+
+.omni-audio__stage { border: 1px solid var(--omni-border, #444); border-radius: 8px; background: var(--omni-panel-bg, #202021); padding: 12px; overflow: hidden; }
+.omni-audio__timeline { min-height: 20px; }
+.omni-audio__waveform { min-height: 128px; }
+.omni-audio__spectrogram { min-height: 0; }
+.omni-audio__spectrogram--active { min-height: 200px; }
+
+.omni-audio__status { color: var(--omni-muted, #9d9d9d); font-size: 12px; min-height: 16px; }
+
+.omni-audio__loading { display: flex; justify-content: center; align-items: center; min-height: 120px; color: var(--omni-muted, #9d9d9d); }
+
+.omni-audio__warning {
+    padding: 10px 12px; border: 1px solid #b98b2f; border-radius: 7px;
+    background: #3b2d10; color: #ffd98a; white-space: pre-wrap;
+}
+.omni-audio__warning[hidden] { display: none; }

package/dist/styles/automotive.css

@@ -0,0 +1 @@
+:host,.omni-viewer--automotive{display:block;height:100%;color:var(--omni-fg,#ddd);background:var(--omni-bg,#1e1e1e);font:13px var(--omni-font,system-ui)}.omni-auto{height:100%;display:flex;flex-direction:column;min-width:0}.omni-auto__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px 12px;border-bottom:1px solid var(--omni-border,#444);background:var(--omni-panel-bg,#252526)}.omni-auto__eyebrow,.omni-auto__subtitle,.omni-auto__caption{color:var(--omni-fg-muted,#999);font-size:12px}.omni-auto__title{display:block;margin:2px 0 4px;font-size:20px}.omni-auto__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));border-bottom:1px solid var(--omni-border,#444);background:var(--omni-border,#444);gap:1px}.omni-auto__summary-item{padding:11px 14px;background:var(--omni-bg,#1e1e1e);min-width:0}.omni-auto__summary-value{font-size:18px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omni-auto__summary-label{margin-top:4px;color:var(--omni-fg-muted,#999);font-size:12px}.omni-auto__toolbar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--omni-border,#444);background:var(--omni-panel-bg,#252526)}.omni-auto input,.omni-auto button{box-sizing:border-box;border:1px solid var(--omni-border,#555);border-radius:4px;background:var(--omni-button-bg,#333);color:inherit;font:inherit;padding:6px 9px}.omni-auto input{width:min(300px,35vw);min-width:170px;background:var(--omni-input-bg,#171717)}.omni-auto button{cursor:pointer}.omni-auto button[aria-pressed=true]{background:var(--omni-accent,#0e639c);color:var(--omni-accent-fg,#fff)}.omni-auto button:disabled{opacity:.5;cursor:default}.omni-auto__tabs{display:flex;flex:1;flex-wrap:wrap;gap:4px}.omni-auto__warnings{padding:9px 13px;border-bottom:1px solid var(--omni-border,#444);background:var(--omni-warning-bg,#4d3b12);color:var(--omni-warning-fg,#f5d88a)}.omni-auto__content{flex:1;min-height:0;overflow:auto}.omni-auto__panel-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--omni-border,#444);background:var(--omni-bg,#1e1e1e)}.omni-auto__panel-title{margin:0;font-size:15px}.omni-auto__table-wrap{overflow:auto}.omni-auto table{width:100%;border-collapse:collapse}.omni-auto th,.omni-auto td{padding:7px 9px;border-bottom:1px solid var(--omni-border,#444);text-align:left;vertical-align:top;white-space:nowrap}.omni-auto th{position:sticky;top:42px;background:var(--omni-panel-bg,#252526)}.omni-auto td{max-width:520px;overflow:hidden;text-overflow:ellipsis}.omni-auto tr:hover td{background:var(--omni-hover-bg,#2a2d2e)}.omni-auto__raw{box-sizing:border-box;margin:0;padding:14px;white-space:pre-wrap;font:12px/1.5 var(--omni-font-mono,ui-monospace,monospace)}.omni-auto__empty{padding:24px;color:var(--omni-fg-muted,#999)}@media(max-width:720px){.omni-auto__header,.omni-auto__toolbar{align-items:stretch;flex-direction:column}.omni-auto input{width:100%}}

package/dist/styles/csv.css

@@ -0,0 +1,262 @@
+
+/* Reverse-contamination guard (DESIGN.md §6): in 'scoped' mode the viewer
+   renders inside host DOM, so host global styles (element selectors for
+   button/table/input etc.) must be explicitly neutralized. Harmless in
+   shadow mode. Custom properties are exempt from 'all', so the --omni-*
+   theme tokens still pierce. Component rules below override the guard
+   (later in the sheet + higher specificity). */
+.omni-viewer--csv {
+    all: initial;
+}
+.omni-viewer--csv :where(button, select, option, input, label, a,
+    table, thead, tbody, tr, th, td, pre, code) {
+    all: revert;
+}
+
+:host, .omni-viewer--csv {
+    display: block;
+    height: 100%;
+    box-sizing: border-box;
+    color: var(--omni-fg, #d4d4d4);
+    background: var(--omni-bg, #1e1e1e);
+    font-family: var(--omni-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+    font-size: var(--omni-font-size, 13px);
+}
+.omni-csv {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+}
+.omni-csv__toolbar {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 8px;
+    padding: 8px;
+    border-bottom: 1px solid var(--omni-border, #3c3c3c);
+}
+.omni-csv__toolbar label {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+}
+.omni-csv__toolbar select,
+.omni-csv__toolbar button {
+    font: inherit;
+    color: var(--omni-fg, #d4d4d4);
+    background: var(--omni-button-bg, #3a3d41);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 4px;
+    padding: 4px 8px;
+    cursor: pointer;
+}
+.omni-csv__toolbar button:hover:not(:disabled) {
+    background: var(--omni-button-hover-bg, #45494e);
+}
+.omni-csv__toolbar button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+.omni-csv__toolbar button[aria-pressed="true"] {
+    background: var(--omni-accent, #0e639c);
+    border-color: var(--omni-accent, #0e639c);
+    color: var(--omni-accent-fg, #ffffff);
+}
+.omni-csv__toolbar input[type="search"] {
+    font: inherit;
+    color: var(--omni-fg, #d4d4d4);
+    background: var(--omni-input-bg, #3c3c3c);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 4px;
+    padding: 4px 8px;
+    min-width: 140px;
+}
+.omni-csv__spacer { flex: 1; }
+.omni-csv__dirty {
+    color: var(--omni-warning-fg, #cca700);
+    white-space: nowrap;
+}
+.omni-csv__cell-input {
+    font: inherit;
+    color: var(--omni-fg, #d4d4d4);
+    background: var(--omni-input-bg, #3c3c3c);
+    border: 1px solid var(--omni-accent, #0e639c);
+    border-radius: 2px;
+    padding: 2px 4px;
+    width: 100%;
+    box-sizing: border-box;
+}
+.omni-csv__menu {
+    position: absolute;
+    z-index: 10;
+    display: flex;
+    flex-direction: column;
+    min-width: 160px;
+    background: var(--omni-bg-secondary, #252526);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 6px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+    padding: 4px;
+}
+.omni-csv__menu button {
+    font: inherit;
+    text-align: left;
+    color: var(--omni-fg, #d4d4d4);
+    background: transparent;
+    border: none;
+    border-radius: 4px;
+    padding: 6px 10px;
+    cursor: pointer;
+}
+.omni-csv__menu button:hover {
+    background: var(--omni-button-hover-bg, #45494e);
+}
+.omni-csv__table .omni-csv__rownum {
+    color: var(--omni-fg-muted, #9d9d9d);
+    text-align: right;
+    user-select: none;
+}
+.omni-csv__table thead th.omni-csv__rownum {
+    cursor: default;
+}
+.omni-csv__table thead th.omni-csv__rownum:hover {
+    background: var(--omni-bg-secondary, #252526);
+}
+.omni-csv__meta {
+    color: var(--omni-fg-muted, #9d9d9d);
+    white-space: nowrap;
+}
+.omni-csv__diagnostics {
+    padding: 4px 8px;
+    color: var(--omni-warning-fg, #cca700);
+    border-bottom: 1px solid var(--omni-border, #3c3c3c);
+}
+.omni-csv__diag-error {
+    color: var(--omni-error-fg, #f48771);
+    font-weight: 600;
+}
+.omni-csv__body {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+}
+.omni-csv__table {
+    border-collapse: collapse;
+    width: max-content;
+    min-width: 100%;
+}
+.omni-csv__table th,
+.omni-csv__table td {
+    border: 1px solid var(--omni-border, #3c3c3c);
+    padding: 4px 8px;
+    text-align: left;
+    white-space: nowrap;
+    max-width: 480px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+/* Empty cells do not create a line box by themselves, making a newly
+   inserted blank row shorter than populated rows. Keep an invisible-width
+   non-breaking space so every table row uses the normal cell height. */
+.omni-csv__table td:empty::before {
+    content: "\00a0";
+}
+.omni-csv__table thead th {
+    position: sticky;
+    top: 0;
+    background: var(--omni-bg-secondary, #252526);
+    cursor: pointer;
+    user-select: none;
+}
+.omni-csv__table thead th:hover {
+    background: var(--omni-button-hover-bg, #45494e);
+}
+.omni-csv__table tbody tr:nth-child(even) td {
+    background: var(--omni-bg-secondary, #252526);
+}
+.omni-csv__sort-indicator {
+    margin-left: 4px;
+    color: var(--omni-accent, #0e639c);
+}
+.omni-csv__resize-handle {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 7px;
+    height: 100%;
+    cursor: col-resize;
+    user-select: none;
+    touch-action: none;
+}
+.omni-csv__resize-handle:hover {
+    background: var(--omni-accent, #0e639c);
+    opacity: 0.6;
+}
+.omni-csv__raw {
+    margin: 0;
+    padding: 8px;
+    font-family: var(--omni-font-mono, "SF Mono", Monaco, Menlo, Consolas, monospace);
+    white-space: pre;
+}
+.omni-csv__raw-edit {
+    display: block;
+    width: 100%;
+    min-height: 100%;
+    box-sizing: border-box;
+    border: 0;
+    resize: none;
+    font-size: inherit;
+    line-height: inherit;
+    color: var(--omni-fg, #d4d4d4);
+    background: transparent;
+}
+.omni-csv__raw-edit:focus {
+    outline: none;
+}
+.omni-csv__table thead .omni-csv__stats-row th {
+    top: var(--omni-csv-head-h, 24px);
+    cursor: default;
+    color: var(--omni-fg-muted, #9d9d9d);
+    font-weight: 400;
+    font-size: 0.92em;
+    white-space: nowrap;
+}
+.omni-csv__table thead .omni-csv__stats-row th:hover {
+    background: var(--omni-bg-secondary, #252526);
+}
+.omni-csv__footer {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 8px;
+    border-top: 1px solid var(--omni-border, #3c3c3c);
+}
+.omni-csv__footer button {
+    font: inherit;
+    color: var(--omni-fg, #d4d4d4);
+    background: var(--omni-button-bg, #3a3d41);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 4px;
+    padding: 2px 10px;
+    cursor: pointer;
+}
+.omni-csv__footer button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+.omni-csv__empty {
+    padding: 24px;
+    text-align: center;
+    color: var(--omni-fg-muted, #9d9d9d);
+}
+.omni-csv__toast {
+    position: absolute;
+    right: 12px;
+    bottom: 44px;
+    background: var(--omni-accent, #0e639c);
+    color: var(--omni-accent-fg, #ffffff);
+    border-radius: 4px;
+    padding: 4px 10px;
+    opacity: 0.95;
+}

package/dist/styles/excel.css

@@ -0,0 +1,212 @@
+
+/* Reverse-contamination guard (DESIGN.md §6, ADR 40): in 'scoped' mode host
+   global element selectors (button/table/input…) must be neutralized. Harmless
+   in shadow mode. Custom properties pierce 'all', so --omni-* tokens still
+   apply. Component rules below win (later + higher specificity). */
+.omni-viewer--excel {
+    all: initial;
+}
+.omni-viewer--excel :where(button, select, option, input, label,
+    table, thead, tbody, tr, th, td, pre) {
+    all: revert;
+}
+
+:host, .omni-viewer--excel {
+    display: block;
+    height: 100%;
+    box-sizing: border-box;
+    color: var(--omni-fg, #d4d4d4);
+    background: var(--omni-bg, #1e1e1e);
+    font-family: var(--omni-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+    font-size: var(--omni-font-size, 13px);
+}
+.omni-excel {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+}
+.omni-excel__toolbar {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 8px;
+    padding: 6px 8px;
+    border-bottom: 1px solid var(--omni-border, #333);
+}
+.omni-excel__toolbar label {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+}
+.omni-excel__toolbar select,
+.omni-excel__search {
+    background: var(--omni-input-bg, #2a2a2a);
+    color: inherit;
+    border: 1px solid var(--omni-border, #333);
+    border-radius: 3px;
+    padding: 2px 6px;
+}
+.omni-excel__toolbar button {
+    background: var(--omni-button-bg, #333);
+    color: inherit;
+    border: 1px solid var(--omni-border, #333);
+    border-radius: 3px;
+    padding: 2px 8px;
+    cursor: pointer;
+}
+.omni-excel__toolbar button:disabled {
+    opacity: 0.5;
+    cursor: default;
+}
+.omni-excel__spacer { flex: 1 1 auto; }
+.omni-excel__meta { color: var(--omni-fg-muted, #999); white-space: nowrap; }
+.omni-excel__diagnostics {
+    padding: 4px 8px;
+    border-bottom: 1px solid var(--omni-border, #333);
+    color: var(--omni-fg-muted, #999);
+    font-size: 0.92em;
+}
+.omni-excel__diag-error { color: var(--omni-error, #f48771); }
+.omni-excel__body {
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow: auto;
+}
+.omni-excel__empty {
+    padding: 24px;
+    text-align: center;
+    color: var(--omni-fg-muted, #999);
+}
+.omni-excel__raw {
+    margin: 0;
+    padding: 8px 12px;
+    white-space: pre;
+    font-family: var(--omni-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
+}
+.omni-excel__table {
+    border-collapse: collapse;
+    width: max-content;
+    min-width: 100%;
+}
+.omni-excel__table th,
+.omni-excel__table td {
+    border: 1px solid var(--omni-border, #333);
+    padding: 3px 8px;
+    text-align: left;
+    white-space: pre;
+    vertical-align: top;
+}
+.omni-excel__table thead th {
+    position: sticky;
+    top: 0;
+    background: var(--omni-header-bg, #252525);
+    cursor: pointer;
+    user-select: none;
+}
+.omni-excel__table tbody td {
+    cursor: text;
+}
+.omni-excel__cell-input {
+    box-sizing: border-box;
+    width: 100%;
+    min-width: 80px;
+    margin: -3px -8px;
+    padding: 3px 8px;
+    border: 1px solid var(--omni-accent, #0e639c);
+    background: var(--omni-input-bg, #2a2a2a);
+    color: inherit;
+    font: inherit;
+}
+.omni-excel__resize-handle {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 7px;
+    height: 100%;
+    cursor: col-resize;
+    user-select: none;
+    touch-action: none;
+}
+.omni-excel__resize-handle:hover {
+    background: var(--omni-accent, #0e639c);
+    opacity: 0.6;
+}
+.omni-excel__sort-indicator { margin-left: 4px; }
+.omni-excel__hit { background: var(--omni-highlight, rgba(255, 214, 0, 0.25)); }
+.omni-excel__footer {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    padding: 4px 8px;
+    border-top: 1px solid var(--omni-border, #333);
+}
+.omni-excel__footer button {
+    background: var(--omni-button-bg, #333);
+    color: inherit;
+    border: 1px solid var(--omni-border, #333);
+    border-radius: 3px;
+    padding: 2px 8px;
+    cursor: pointer;
+}
+.omni-excel__footer button:disabled { opacity: 0.5; cursor: default; }
+.omni-excel__toast {
+    position: absolute;
+    bottom: 12px;
+    left: 50%;
+    transform: translateX(-50%);
+    background: var(--omni-toast-bg, #333);
+    color: var(--omni-fg, #d4d4d4);
+    border: 1px solid var(--omni-border, #333);
+    border-radius: 4px;
+    padding: 6px 12px;
+    pointer-events: none;
+}
+.omni-excel__dirty { color: var(--omni-warn, #d7a017); white-space: nowrap; }
+.omni-excel__cell-input {
+    width: 100%;
+    box-sizing: border-box;
+    font: inherit;
+    color: inherit;
+    background: var(--omni-input-bg, #2a2a2a);
+    border: 1px solid var(--omni-accent, #3794ff);
+    padding: 2px 6px;
+}
+.omni-excel__menu {
+    position: absolute;
+    z-index: 10;
+    display: flex;
+    flex-direction: column;
+    min-width: 140px;
+    background: var(--omni-menu-bg, #2a2a2a);
+    border: 1px solid var(--omni-border, #333);
+    border-radius: 4px;
+    padding: 4px 0;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
+}
+.omni-excel__menu button {
+    background: none;
+    border: none;
+    color: inherit;
+    text-align: left;
+    padding: 4px 12px;
+    cursor: pointer;
+}
+.omni-excel__menu button:hover { background: var(--omni-hover-bg, #333); }
+
+/* Grid render mode (X3): WYSIWYG. Cell inline styles (from the file) win over
+   these base rules; borders/alignment default here when the file omits them. */
+.omni-excel__grid {
+    border-collapse: collapse;
+    table-layout: fixed;
+    width: max-content;
+}
+.omni-excel__grid td {
+    border: 1px solid var(--omni-border, #333);
+    padding: 2px 6px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    vertical-align: top;
+}

package/dist/styles/fallback.css

@@ -0,0 +1,48 @@
+
+/* Reverse-contamination guard for 'scoped' mode — see csv/styles.ts. */
+.omni-viewer--fallback {
+    all: initial;
+}
+.omni-viewer--fallback :where(pre, code, div) {
+    all: revert;
+}
+
+:host, .omni-viewer--fallback {
+    display: block;
+    height: 100%;
+    box-sizing: border-box;
+    color: var(--omni-fg, #d4d4d4);
+    background: var(--omni-bg, #1e1e1e);
+    font-family: var(--omni-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+    font-size: var(--omni-font-size, 13px);
+}
+.omni-fallback {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+}
+.omni-fallback__reason {
+    padding: 6px 8px;
+    color: var(--omni-warning-fg, #cca700);
+    border-bottom: 1px solid var(--omni-border, #3c3c3c);
+}
+.omni-fallback__title {
+    padding: 6px 8px;
+    color: var(--omni-fg-muted, #9d9d9d);
+    border-bottom: 1px solid var(--omni-border, #3c3c3c);
+}
+.omni-fallback__content {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+    margin: 0;
+    padding: 8px;
+    font-family: var(--omni-font-mono, "SF Mono", Monaco, Menlo, Consolas, monospace);
+    white-space: pre;
+}
+.omni-fallback__note {
+    padding: 4px 8px;
+    color: var(--omni-fg-muted, #9d9d9d);
+    border-top: 1px solid var(--omni-border, #3c3c3c);
+}

package/dist/styles/hdf5.css

@@ -0,0 +1,3 @@
+
+.omni-hdf5{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--omni-bg,#fff);color:var(--omni-fg,#222);font:13px system-ui,sans-serif}.omni-hdf5__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 12px;border-bottom:1px solid var(--omni-border,#ddd);background:var(--omni-panel-bg,#f7f7f7)}.omni-hdf5__eyebrow{color:var(--omni-muted,#666);font-size:12px;text-transform:uppercase}.omni-hdf5 h1{margin:2px 0 4px;font-size:20px}.omni-hdf5__subtitle{color:var(--omni-muted,#666);font-size:12px}.omni-hdf5__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--omni-border,#ddd);border-bottom:1px solid var(--omni-border,#ddd)}.omni-hdf5__summary-item{min-height:64px;padding:12px 14px;background:var(--omni-bg,#fff)}.omni-hdf5__summary-value{font-size:20px;font-weight:650}.omni-hdf5__summary-label{margin-top:4px;color:var(--omni-muted,#666);font-size:12px}.omni-hdf5__toolbar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--omni-border,#ddd);background:var(--omni-toolbar-bg,#f5f5f5)}.omni-hdf5__search{width:min(320px,36vw);min-width:180px;border:1px solid var(--omni-border,#ccc);background:var(--omni-input-bg,#fff);color:inherit;padding:7px 9px;border-radius:4px}.omni-hdf5__tabs{display:flex;flex-wrap:wrap;gap:4px;flex:1}.omni-hdf5 button{border:1px solid var(--omni-border,#ccc);border-radius:4px;background:var(--omni-button-bg,#eee);color:inherit;cursor:pointer;padding:7px 10px}.omni-hdf5 button:hover{background:var(--omni-hover,#e5e5e5)}.omni-hdf5 button[aria-pressed=true]{background:var(--omni-accent,#0e639c);color:var(--omni-accent-fg,#fff)}.omni-hdf5 button:disabled{opacity:.5;cursor:default}.omni-hdf5__warnings{padding:10px 14px;border-bottom:1px solid var(--omni-border,#ddd);background:var(--omni-warning-bg,#fff4ce);color:var(--omni-warning-fg,#5f4700)}.omni-hdf5__content{min-height:0;flex:1;overflow:auto}.omni-hdf5__panel-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--omni-border,#ddd);background:var(--omni-bg,#fff)}.omni-hdf5__panel-header h2{margin:0;font-size:15px}.omni-hdf5__panel-header span{color:var(--omni-muted,#666);font-size:12px}.omni-hdf5__table-wrap{overflow:auto}.omni-hdf5 table{width:100%;border-collapse:collapse}.omni-hdf5 th,.omni-hdf5 td{border-bottom:1px solid var(--omni-border,#ddd);padding:7px 9px;text-align:left;vertical-align:top;white-space:nowrap}.omni-hdf5 th{background:var(--omni-header-bg,#f5f5f5);font-weight:650}.omni-hdf5 td{max-width:520px;overflow:hidden;text-overflow:ellipsis}.omni-hdf5 tr:hover td{background:var(--omni-hover,#f4f4f4)}.omni-hdf5 pre{margin:0;padding:14px;font:13px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.omni-hdf5__empty{padding:24px;color:var(--omni-muted,#666)}
+@media(max-width:720px){.omni-hdf5__header,.omni-hdf5__toolbar{align-items:stretch;flex-direction:column}.omni-hdf5__search{width:auto}}

package/dist/styles/hwp.css

@@ -0,0 +1,12 @@
+
+:host{display:block;height:100%;color:var(--omni-fg,#d4d4d4);background:var(--omni-bg,#1e1e1e)}
+.omni-hwp{display:flex;flex-direction:column;height:100%;font:13px system-ui,-apple-system,"Segoe UI","Noto Sans KR",sans-serif}
+.omni-hwp__header,.omni-hwp__toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--omni-panel-bg,#252526);border-bottom:1px solid var(--omni-border,#3c3c3c)}
+.omni-hwp__header{justify-content:space-between}.omni-hwp__title{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.omni-hwp__meta{opacity:.7;font-size:12px;white-space:nowrap}
+.omni-hwp__toolbar{justify-content:center}.omni-hwp__toolbar button{min-width:34px;padding:6px 10px;color:inherit;background:var(--omni-control-bg,#3a3d41);border:1px solid var(--omni-border,#555);border-radius:6px;cursor:pointer}.omni-hwp__zoom{min-width:52px;text-align:center;opacity:.8}
+.omni-hwp__viewport{position:relative;flex:1;overflow:auto;padding:28px 24px 48px;background:radial-gradient(circle at top,#ffffff0d,transparent 28%)}
+.omni-hwp__content{display:grid;width:max-content;min-width:100%;gap:24px;justify-items:center;transform-origin:top center}
+.omni-hwp__page{display:block;overflow:hidden;background:#fff;border-radius:4px;box-shadow:0 18px 40px #00000047}.omni-hwp__page svg{display:block;max-width:100%;height:auto}
+.omni-hwp__status,.omni-hwp__error{margin:auto;padding:24px;text-align:center}.omni-hwp__error{color:var(--omni-danger,#f48771)}
+.omni-hwp__status{display:flex;align-items:center;gap:12px}.omni-hwp__load-more{padding:7px 12px;color:inherit;background:var(--omni-control-bg,#3a3d41);border:1px solid var(--omni-border,#555);border-radius:6px;cursor:pointer}.omni-hwp__load-more:disabled{opacity:.5}
+@media print{.omni-hwp__header,.omni-hwp__toolbar{display:none}.omni-hwp__viewport{overflow:visible;padding:0}.omni-hwp__content{display:block;transform:none!important}.omni-hwp__page{box-shadow:none;break-after:page}}