omni-viewer-core 0.1.0

package/dist/styles/pdf.css

@@ -0,0 +1,551 @@
+
+/* Reverse-contamination guard for 'scoped' mode — see csv/styles.ts. */
+.omni-viewer--pdf {
+    all: initial;
+}
+.omni-viewer--pdf :where(button, input, canvas, img, span, div) {
+    all: revert;
+}
+
+:host, .omni-viewer--pdf {
+    display: block;
+    height: 100%;
+    box-sizing: border-box;
+    color: var(--omni-fg, #e8e8e8);
+    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-pdf, .omni-pdf * { box-sizing: border-box; }
+.omni-pdf {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+}
+.omni-pdf__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    padding: 8px 12px;
+    background: var(--omni-bg-secondary, #252526);
+    border-bottom: 1px solid var(--omni-border, #3c3c3c);
+    flex: none;
+}
+.omni-pdf__title {
+    font-weight: 600;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 40%;
+}
+.omni-pdf__toolbar {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 6px;
+}
+.omni-pdf__page-info {
+    color: var(--omni-fg-muted, #9d9d9d);
+    margin-right: 8px;
+}
+.omni-pdf__page-input {
+    width: 52px;
+    padding: 3px 5px;
+    margin-right: 5px;
+    color: var(--omni-fg, #e8e8e8);
+    background: var(--omni-input-bg, #3c3c3c);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 4px;
+    font: inherit;
+    text-align: center;
+}
+.omni-pdf__page-input:focus {
+    outline: 1px solid var(--omni-accent, #0e639c);
+    border-color: var(--omni-accent, #0e639c);
+}
+.omni-pdf button {
+    font: inherit;
+    color: var(--omni-fg, #e8e8e8);
+    background: var(--omni-button-bg, #3a3d41);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 4px;
+    cursor: pointer;
+}
+.omni-pdf button:hover:not(:disabled) {
+    background: var(--omni-button-hover-bg, #45494e);
+}
+.omni-pdf button:disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+}
+.omni-pdf button[aria-pressed="true"] {
+    background: var(--omni-accent, #0e639c);
+    border-color: var(--omni-accent, #0e639c);
+    color: var(--omni-accent-fg, #ffffff);
+}
+.omni-pdf__tool { padding: 5px 10px; }
+.omni-pdf__markup-wrap {
+    position: relative;
+    display: inline-flex;
+}
+.omni-pdf__markup-wrap .omni-pdf__tool {
+    min-width: 34px;
+    padding: 4px 8px;
+    font-size: 21px;
+    line-height: 1;
+    border-radius: 4px 0 0 4px;
+}
+.omni-pdf__markup-menu-btn {
+    min-width: 28px;
+    padding: 0 6px;
+    border-radius: 0 4px 4px 0;
+}
+.omni-pdf__markup-menu {
+    position: absolute;
+    z-index: 20;
+    top: calc(100% + 4px);
+    left: 0;
+    display: none;
+    min-width: 170px;
+    padding: 7px;
+    background: var(--omni-bg-secondary, #252526);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 6px;
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
+}
+.omni-pdf__markup-menu.is-open { display: block; }
+.omni-pdf__markup-choice {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    box-sizing: border-box;
+    min-height: 32px;
+    padding: 2px 0;
+}
+.omni-pdf__markup-menu button {
+    flex: 1;
+    min-height: 32px;
+    padding: 5px 8px;
+    color: inherit;
+    font: inherit;
+}
+.omni-pdf__markup-menu button {
+    text-align: left;
+    background: transparent;
+    border-color: transparent;
+}
+.omni-pdf__markup-menu button:hover,
+.omni-pdf__markup-menu button[aria-checked="true"] { background: var(--omni-button-hover-bg, #45494e); }
+.omni-pdf__markup-menu button[aria-checked="true"]::before { content: "✓ "; }
+.omni-pdf__highlight-color {
+    width: 30px;
+    height: 28px;
+    padding: 2px;
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 4px;
+    background: var(--omni-button-bg, #3a3d41);
+    cursor: pointer;
+}
+.omni-pdf__highlight-color:disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+}
+.omni-pdf__zoom {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    padding: 6px;
+    background: var(--omni-bg-secondary, #252526);
+    border-bottom: 1px solid var(--omni-border, #3c3c3c);
+    flex: none;
+}
+.omni-pdf__zoom-btn {
+    width: 28px;
+    height: 28px;
+    padding: 0;
+    font-size: 18px;
+    line-height: 1;
+}
+.omni-pdf__zoom-level {
+    min-width: 56px;
+    text-align: center;
+}
+.omni-pdf__view-menu-wrap { position: relative; }
+.omni-pdf__view-menu-btn {
+    width: 30px;
+    height: 28px;
+    padding: 0;
+    font-size: 22px;
+    line-height: 1;
+}
+.omni-pdf__view-menu {
+    position: absolute;
+    z-index: 20;
+    top: calc(100% + 4px);
+    right: 0;
+    display: none;
+    min-width: 210px;
+    padding: 6px;
+    background: var(--omni-bg-secondary, #252526);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 6px;
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
+}
+.omni-pdf__view-menu.is-open { display: block; }
+.omni-pdf__view-menu button {
+    display: block;
+    width: 100%;
+    padding: 7px 10px;
+    text-align: left;
+    background: transparent;
+    border-color: transparent;
+}
+.omni-pdf__view-menu button:hover,
+.omni-pdf__view-menu button[aria-checked="true"] {
+    background: var(--omni-button-hover-bg, #45494e);
+}
+.omni-pdf__view-menu button[aria-checked="true"]::before {
+    content: "✓ ";
+}
+.omni-pdf__view-menu hr {
+    height: 1px;
+    margin: 5px 2px;
+    border: 0;
+    background: var(--omni-border, #3c3c3c);
+}
+.omni-pdf__body {
+    flex: 1;
+    min-height: 0;
+    display: grid;
+    grid-template-columns: 160px minmax(0, 1fr);
+    overflow: hidden;
+}
+.omni-pdf__thumbs {
+    overflow: auto;
+    min-height: 0;
+    background: var(--omni-bg-secondary, #252526);
+    border-right: 1px solid var(--omni-border, #3c3c3c);
+    padding: 8px;
+}
+.omni-pdf__thumb {
+    position: relative;
+    display: flex;
+    width: 100%;
+    min-height: 130px;
+    margin: 0 0 8px;
+    padding: 6px;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    gap: 4px;
+    background: transparent;
+}
+.omni-pdf__thumb:hover,
+.omni-pdf__thumb[aria-current] {
+    background: var(--omni-button-hover-bg, #45494e);
+    border-color: var(--omni-accent, #0e639c);
+}
+.omni-pdf__thumb.is-dragging { opacity: 0.5; }
+.omni-pdf__thumb.drop-before::before,
+.omni-pdf__thumb.drop-after::after {
+    content: "";
+    position: absolute;
+    left: -4px;
+    right: -4px;
+    height: 3px;
+    background: var(--omni-accent, #0e639c);
+    border-radius: 2px;
+    z-index: 4;
+}
+.omni-pdf__thumb.drop-before::before { top: -6px; }
+.omni-pdf__thumb.drop-after::after { bottom: -6px; }
+.omni-pdf__thumb canvas {
+    max-width: 100%;
+    background: #ffffff;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
+}
+.omni-pdf__thumb-label {
+    font-family: var(--omni-font-mono, Monaco, Menlo, monospace);
+    font-size: 10px;
+    color: var(--omni-fg-muted, #9d9d9d);
+}
+.omni-pdf__thumb-remove {
+    position: absolute;
+    top: 2px;
+    right: 2px;
+    width: 22px;
+    height: 22px;
+    padding: 0;
+    border-radius: 50%;
+}
+.omni-pdf__pages {
+    overflow: auto;
+    position: relative;
+    padding: 20px;
+    min-width: 0;
+    min-height: 0;
+}
+.omni-pdf__pages--spread {
+    display: grid;
+    grid-template-columns: repeat(2, max-content);
+    align-content: start;
+    justify-content: center;
+    column-gap: 16px;
+}
+.omni-pdf__spread-blank {
+    min-width: 1px;
+}
+.omni-pdf__pages--theme .omni-pdf__page {
+    background: var(--omni-bg-secondary, #252526);
+}
+.omni-pdf__pages--theme .omni-pdf__page canvas {
+    filter: invert(0.92) hue-rotate(180deg);
+}
+.omni-pdf__page {
+    position: relative;
+    margin: 0 auto 16px;
+    background: #ffffff; /* paper */
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
+}
+.omni-pdf__page canvas {
+    display: block;
+    max-width: 100%;
+    height: auto;
+}
+.omni-pdf__placeholder {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+    color: var(--omni-fg-muted, #9d9d9d);
+}
+.omni-pdf__text-layer {
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+    overflow: clip;
+    opacity: 1;
+    line-height: 1;
+    text-align: initial;
+    text-size-adjust: none;
+    forced-color-adjust: none;
+    transform-origin: 0 0;
+    caret-color: CanvasText;
+    pointer-events: auto;
+    user-select: text;
+    -webkit-user-select: text;
+}
+.omni-pdf__text-layer span,
+.omni-pdf__text-layer br {
+    position: absolute;
+    white-space: pre;
+    color: transparent;
+    cursor: text;
+    transform-origin: 0 0;
+    user-select: text;
+    -webkit-user-select: text;
+}
+.omni-pdf__text-layer ::selection {
+    background: rgba(14, 99, 156, 0.35);
+}
+/* While placing text/signature, let clicks fall through to the canvas. */
+.omni-pdf__pages--placing .omni-pdf__text-layer {
+    pointer-events: none;
+    user-select: none;
+}
+.omni-pdf__annotation {
+    position: absolute;
+    z-index: 2;
+    padding: 0;
+    color: #111111; /* ink on paper */
+    cursor: move;
+    touch-action: none;
+}
+.omni-pdf button.omni-pdf__annotation {
+    background: transparent;
+    border: 0;
+    font: inherit;
+}
+.omni-pdf__annotation img {
+    display: block;
+    pointer-events: none;
+}
+.omni-pdf__annotation.is-selected,
+.omni-pdf__annotation:hover,
+.omni-pdf__annotation.is-hovered,
+.omni-pdf__annotation:focus-visible,
+.omni-pdf__annotation:focus-within {
+    outline: 1px solid var(--omni-accent, #0e639c);
+    outline-offset: 2px;
+}
+.omni-pdf__annotation-delete {
+    position: absolute;
+    top: -10px;
+    right: -10px;
+    z-index: 1;
+    display: none;
+    width: 18px;
+    height: 18px;
+    padding: 0;
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 50%;
+    background: var(--omni-bg-secondary, #252526);
+    color: var(--omni-fg, #e8e8e8);
+    font-size: 15px;
+    line-height: 14px;
+    cursor: pointer;
+}
+.omni-pdf__annotation.is-selected .omni-pdf__annotation-delete,
+.omni-pdf__annotation:hover .omni-pdf__annotation-delete,
+.omni-pdf__annotation:focus-visible .omni-pdf__annotation-delete,
+.omni-pdf__annotation:focus-within .omni-pdf__annotation-delete {
+    display: block;
+}
+.omni-pdf__highlight {
+    background: var(--omni-hl-color, #ffeb3b);
+    mix-blend-mode: multiply;
+    cursor: pointer;
+}
+.omni-pdf__strikeout {
+    background: transparent;
+    cursor: pointer;
+}
+.omni-pdf__strikeout::after {
+    position: absolute;
+    top: calc(50% - 1px);
+    left: 0;
+    width: 100%;
+    height: 2px;
+    content: '';
+    background: var(--omni-hl-color, #ffeb3b);
+}
+.omni-pdf__underline {
+    background: transparent;
+    cursor: pointer;
+}
+.omni-pdf__underline::after {
+    position: absolute;
+    bottom: 8%;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    content: '';
+    background: var(--omni-hl-color, #ffeb3b);
+}
+.omni-pdf__text-editor {
+    position: absolute;
+    z-index: 3;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    padding: 3px;
+    background: var(--omni-bg-secondary, #252526);
+    border: 1px solid var(--omni-accent, #0e639c);
+    border-radius: 3px;
+}
+.omni-pdf__text-input {
+    min-width: 160px;
+    font: inherit;
+    color: #111111;
+    background: #ffffff;
+    border: 0;
+    border-radius: 2px;
+    padding: 2px 4px;
+}
+.omni-pdf__text-size-input {
+    width: 52px;
+    font: inherit;
+}
+.omni-pdf__color-input {
+    width: 28px;
+    height: 24px;
+    padding: 0;
+    border: 0;
+    background: transparent;
+    cursor: pointer;
+}
+.omni-pdf__status {
+    padding: 8px 12px;
+    color: var(--omni-fg-muted, #9d9d9d);
+    border-top: 1px solid var(--omni-border, #3c3c3c);
+    flex: none;
+}
+.omni-pdf__status--error {
+    color: var(--omni-error-fg, #f48771);
+    font-weight: 600;
+}
+.omni-pdf__modal {
+    /* A dialog must be positioned against the visible viewport.  Anchoring it
+       to the flex viewer made it drift when the host or page list scrolled. */
+    position: fixed;
+    inset: 0;
+    z-index: 1000;
+    display: none;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 0, 0, 0.55);
+}
+.omni-pdf__modal.is-open { display: flex; }
+.omni-pdf__panel {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    padding: 18px;
+    background: var(--omni-bg-secondary, #252526);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 8px;
+}
+.omni-pdf__panel input {
+    font: inherit;
+    color: var(--omni-fg, #e8e8e8);
+    background: var(--omni-input-bg, #3c3c3c);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 4px;
+    padding: 6px 8px;
+}
+.omni-pdf__field {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+}
+.omni-pdf__field input[type="color"] {
+    width: 40px;
+    height: 26px;
+    padding: 0;
+    background: transparent;
+    cursor: pointer;
+}
+.omni-pdf__panel button { padding: 5px 12px; }
+.omni-pdf__panel-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+}
+.omni-pdf__error {
+    color: var(--omni-error-fg, #f48771);
+}
+.omni-pdf__signature-pad {
+    display: block;
+    width: min(480px, 80vw);
+    height: auto;
+    background: #ffffff;
+    touch-action: none;
+}
+@media (max-width: 720px) {
+    .omni-pdf__body {
+        grid-template-columns: minmax(0, 1fr);
+        grid-template-rows: minmax(120px, 30vh) minmax(0, 1fr);
+    }
+    .omni-pdf__thumbs {
+        border-right: 0;
+        border-bottom: 1px solid var(--omni-border, #3c3c3c);
+    }
+    .omni-pdf__pages { grid-row: 2; }
+}

package/dist/styles/plantuml.css

@@ -0,0 +1 @@
+.omni-diagram{box-sizing:border-box;min-height:100%;padding:18px;background:var(--omni-bg,#1e1e1e);color:var(--omni-fg,#ddd);font:14px/1.45 system-ui,sans-serif}.omni-diagram *{box-sizing:border-box}.omni-diagram__header{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.omni-diagram__title{font-size:18px;font-weight:650;overflow-wrap:anywhere}.omni-diagram__stage{overflow:auto;min-height:300px;padding:18px;border:1px solid var(--omni-border,#444);border-radius:8px;background:#fff;color:#111}.omni-diagram__stage svg{display:block;max-width:100%;height:auto;margin:auto}.omni-diagram__warning{margin-top:12px;padding:10px;border:1px solid #b98b2f;border-radius:6px;background:#3b2d10;color:#ffd98a;white-space:pre-wrap}.omni-diagram__source-details{margin-top:12px}.omni-diagram__source-details summary{cursor:pointer}.omni-diagram__source{max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}

package/dist/styles/ppt.css

@@ -0,0 +1 @@
+:host,.omni-viewer--ppt{color:var(--omni-fg,#ddd);font:13px system-ui}.omni-ppt{height:100%;display:flex;flex-direction:column;background:var(--omni-bg,#181818)}.omni-ppt__toolbar{display:flex;gap:6px;align-items:center;padding:8px;border-bottom:1px solid var(--omni-border,#444)}.omni-ppt__toolbar button,.omni-ppt__toolbar select{background:var(--omni-control-bg,#292929);color:inherit;border:1px solid var(--omni-border,#555);border-radius:4px;padding:4px 8px}.omni-ppt__viewport{overflow:auto;flex:1;padding:20px}.omni-ppt__slides{display:flex;flex-direction:column;align-items:center;gap:20px}.omni-ppt__slide{position:relative;overflow:hidden;box-shadow:0 2px 12px #0008;transform-origin:top center;flex:none}.omni-ppt__element{position:absolute;box-sizing:border-box;overflow:hidden}.omni-ppt__text{white-space:pre-wrap}.omni-ppt__text p{margin:0}.omni-ppt__image{width:100%;height:100%;object-fit:contain}.omni-ppt__table{border-collapse:collapse;width:100%;height:100%;color:#111}.omni-ppt__table td{border:1px solid #777;padding:3px}.omni-ppt__shape{width:100%;height:100%}.omni-ppt__empty{padding:32px;text-align:center}

package/dist/styles/proto.css

@@ -0,0 +1,2 @@
+
+:host{display:block;height:100%;color:var(--omni-fg,#d4d4d4);background:var(--omni-bg,#1e1e1e);font:13px system-ui,sans-serif}.omni-proto{display:flex;flex-direction:column;height:100%;min-height:420px}.omni-proto__header,.omni-proto__toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--omni-border,#3c3c3c);flex-wrap:wrap}.omni-proto__title{font-size:16px;font-weight:650;margin-right:auto}.omni-proto__summary,.omni-proto__muted{color:var(--omni-muted,#999)}.omni-proto button,.omni-proto input,.omni-proto select,.omni-proto textarea{font:inherit;color:inherit;background:var(--omni-control,#2d2d2d);border:1px solid var(--omni-border,#555);border-radius:4px;padding:5px 9px}.omni-proto button{cursor:pointer}.omni-proto button[aria-pressed=true]{background:var(--omni-accent,#0e639c);border-color:var(--omni-accent,#0e639c);color:#fff}.omni-proto__search{min-width:220px}.omni-proto__workspace{display:grid;grid-template-columns:minmax(280px,42%) 1fr;min-height:0;flex:1}.omni-proto__source,.omni-proto__panel{overflow:auto;min-width:0}.omni-proto__source{margin:0;padding:12px 0;border-right:1px solid var(--omni-border,#3c3c3c);font:12px/1.55 ui-monospace,monospace;counter-reset:line}.omni-proto__line{display:block;padding:0 12px 0 52px;white-space:pre;position:relative}.omni-proto__line:before{counter-increment:line;content:counter(line);position:absolute;left:8px;width:34px;text-align:right;color:var(--omni-muted,#777)}.omni-proto__line.is-selected{background:color-mix(in srgb,var(--omni-accent,#0e639c) 30%,transparent)}.omni-proto__panel{padding:12px}.omni-proto__row,.omni-proto__card{border:1px solid var(--omni-border,#3c3c3c);border-radius:5px;padding:8px;margin-bottom:7px}.omni-proto__row{display:flex;gap:8px;align-items:baseline}.omni-proto__row[data-line]{cursor:pointer}.omni-proto__badge{font-size:11px;color:var(--omni-accent-fg,#75beff);min-width:58px}.omni-proto__code{font-family:ui-monospace,monospace}.omni-proto__children{margin-left:18px}.omni-proto__baseline{box-sizing:border-box;width:100%;min-height:180px;display:block;margin-bottom:8px;font-family:ui-monospace,monospace}.omni-proto__warning{padding:8px 14px;color:#f0c674;border-top:1px solid var(--omni-border,#3c3c3c)}.omni-proto__empty{color:var(--omni-muted,#999);padding:20px;text-align:center}@media(max-width:760px){.omni-proto__workspace{grid-template-columns:1fr;grid-template-rows:minmax(180px,40%) 1fr}.omni-proto__source{border-right:0;border-bottom:1px solid var(--omni-border,#3c3c3c)}}

package/dist/styles/psd.css

@@ -0,0 +1 @@
+.omni-psd{box-sizing:border-box;min-height:100%;padding:16px;background:var(--omni-bg,#1e1e1e);color:var(--omni-fg,#ddd);font:14px/1.45 system-ui,sans-serif}.omni-psd *{box-sizing:border-box}.omni-psd__header{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.omni-psd__title{font-size:18px;font-weight:650}.omni-psd__stage{display:grid;place-items:center;min-height:300px;overflow:auto;padding:16px;border:1px solid var(--omni-border,#444);border-radius:8px;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 50%/20px 20px}.omni-psd__stage canvas,.omni-psd__stage img{max-width:100%;height:auto}.omni-psd__warning{margin-top:10px;padding:10px;border:1px solid #b98b2f;border-radius:6px;background:#3b2d10;color:#ffd98a;white-space:pre-wrap}

package/dist/styles/shapefile.css

@@ -0,0 +1,25 @@
+
+.omni-shp{box-sizing:border-box;min-height:100%;padding:16px;background:var(--omni-bg,#1e1e1e);color:var(--omni-fg,#ddd);font:14px/1.45 system-ui,sans-serif}
+.omni-shp *{box-sizing:border-box}
+.omni-shp__header{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}
+.omni-shp__title{font-size:18px;font-weight:650}
+.omni-shp__summary{color:var(--omni-muted,#aaa)}
+.omni-shp__toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}
+.omni-shp__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-shp__btn:hover{background:var(--omni-accent-hover,#1177bb)}
+.omni-shp__projection{margin-left:auto;color:var(--omni-muted,#aaa);font-size:12px}
+.omni-shp__map{width:100%;height:min(62vh,640px);border:1px solid var(--omni-border,#444);border-radius:8px;background:#eef2f5;cursor:grab;touch-action:none}
+.omni-shp__map.is-panning{cursor:grabbing}
+.omni-shp__geometry{fill:rgba(47,126,216,.24);stroke:#1d66b1;stroke-width:1.5;vector-effect:non-scaling-stroke}
+.omni-shp__geometry:hover{fill:rgba(47,126,216,.42)}
+.omni-shp__point{fill:#d64045;stroke:#fff;vector-effect:non-scaling-stroke}
+.omni-shp__point:hover{fill:#ff5a60}
+.omni-shp__geometry.is-selected,.omni-shp__point.is-selected{stroke:#ffb020;stroke-width:2.5}
+.omni-shp__attributes{margin-top:10px;border:1px solid var(--omni-border,#444);border-radius:8px;background:var(--omni-panel-bg,#252526);padding:10px 12px}
+.omni-shp__attributes-title{font-weight:600;margin-bottom:6px}
+.omni-shp__attributes-empty{color:var(--omni-muted,#aaa)}
+.omni-shp__attributes table{border-collapse:collapse;width:100%}
+.omni-shp__attributes th,.omni-shp__attributes td{text-align:left;border-bottom:1px solid var(--omni-border,#3a3a3a);padding:3px 8px;font-size:12px}
+.omni-shp__attributes th{color:var(--omni-muted,#aaa);font-weight:500;width:35%}
+.omni-shp__warning{margin-top:10px;padding:10px;border:1px solid #b98b2f;border-radius:6px;background:#3b2d10;color:#ffd98a;white-space:pre-wrap}
+.omni-shp__warning[hidden]{display:none}

package/dist/styles/toml.css

@@ -0,0 +1 @@
+:host,.omni-viewer--toml,.omni-viewer--yaml{display:block;height:100%;color:var(--omni-fg,#ddd);background:var(--omni-bg,#1e1e1e);font:13px var(--omni-font,system-ui)}.omni-structured{height:100%;display:flex;flex-direction:column;box-sizing:border-box}.omni-structured__bar{display:flex;gap:5px;align-items:center;padding:6px;border-bottom:1px solid var(--omni-border,#444)}.omni-structured button,.omni-structured input,.omni-structured select{font:inherit;background:var(--omni-button-bg,#333);color:inherit;border:1px solid var(--omni-border,#555);border-radius:3px;padding:3px 7px}.omni-structured button:disabled{opacity:.5}.omni-structured__search{min-width:180px}.omni-structured__diagnostics{white-space:pre-wrap;color:var(--omni-error,#f48771);padding:6px;border-bottom:1px solid var(--omni-border,#444)}.omni-structured__workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:12px;flex:1;min-height:0;padding:12px}.omni-structured__pane{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--omni-border,#444);border-radius:8px;overflow:hidden;background:var(--omni-input-bg,#171717)}.omni-structured__pane-header{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--omni-border,#444)}.omni-structured__pane-header span{color:var(--omni-fg-muted,#999)}.omni-structured__editor,.omni-structured__tree{box-sizing:border-box;flex:1;min-height:0;padding:10px;background:transparent;color:inherit;font:inherit;font-family:var(--omni-font-mono,ui-monospace,monospace)}.omni-structured__editor{resize:none;border:0;outline:none;line-height:1.5;white-space:pre;overflow:auto}.omni-structured__source-surface{position:relative;flex:1;min-height:0;overflow:hidden}.omni-structured__source-highlight{position:absolute;inset:0;box-sizing:border-box;margin:0;padding:10px;overflow:auto;pointer-events:none;font:inherit;font-family:var(--omni-font-mono,ui-monospace,monospace);line-height:1.5;white-space:pre}.omni-structured__pane--highlighted-source .omni-structured__editor{position:relative;z-index:1;width:100%;height:100%;padding:10px;color:transparent;caret-color:var(--omni-fg,#ddd);-webkit-text-fill-color:transparent}.omni-structured__source-key{color:#9cdcfe}.omni-structured__source-value{color:#ce9178}.omni-structured__source-table{color:#c586c0}.omni-structured__source-comment{color:var(--omni-fg-muted,#999)}.omni-structured__tree{overflow:auto}.omni-structured__node{display:flex;gap:6px;align-items:baseline;min-height:25px}.omni-structured__toggle{width:24px;padding:0!important;border:0!important;background:transparent!important}.omni-structured__key{color:var(--omni-accent,#5aa9e6)}.omni-structured__kind{color:var(--omni-fg-muted,#999)}.omni-structured__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.omni-structured__actions{margin-left:auto;display:flex;gap:4px;opacity:0}.omni-structured__node:hover .omni-structured__actions,.omni-structured__actions:focus-within{opacity:1}.omni-structured__raw-preview,.omni-structured__json-preview{flex:1;min-height:0;margin:0;padding:10px;overflow:auto;font-family:var(--omni-font-mono,ui-monospace,monospace);line-height:1.5}.omni-structured__flat-row .omni-structured__key{flex-shrink:0}@media(max-width:720px){.omni-structured__workspace{grid-template-columns:1fr;overflow:auto}.omni-structured__pane{min-height:320px}}

package/dist/styles/video.css

@@ -0,0 +1,74 @@
+
+/* Reverse-contamination guard (DESIGN.md §6). */
+.omni-viewer--video {
+    all: initial;
+}
+.omni-viewer--video :where(button, select, option, input, label, video) {
+    all: revert;
+}
+
+:host, .omni-viewer--video {
+    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-video { display: flex; flex-direction: column; gap: 12px; box-sizing: border-box; height: 100%; padding: 16px; }
+.omni-video * { box-sizing: border-box; }
+
+.omni-video__header { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
+.omni-video__title { font-size: 16px; font-weight: 650; overflow-wrap: anywhere; }
+.omni-video__meta { color: var(--omni-muted, #9d9d9d); white-space: nowrap; }
+
+.omni-video__info { display: flex; gap: 18px; padding: 6px 10px; border: 1px solid var(--omni-border, #444); border-radius: 6px; background: var(--omni-panel-bg, #252526); }
+.omni-video__info[hidden] { display: none; }
+.omni-video__info-item { display: flex; flex-direction: column; align-items: center; gap: 2px; }
+.omni-video__info-label { font-size: 10px; opacity: 0.7; }
+.omni-video__info-value { font-family: var(--omni-mono, ui-monospace, Menlo, monospace); font-weight: 500; }
+
+.omni-video__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-video__group { display: flex; align-items: center; gap: 5px; }
+.omni-video__group-label { font-size: 12px; color: var(--omni-muted, #9d9d9d); }
+
+.omni-video__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-video__btn:hover { background: var(--omni-accent-hover, #1177bb); }
+.omni-video__btn:disabled { opacity: 0.5; cursor: not-allowed; }
+
+.omni-video__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-video__zoom-label { font-family: var(--omni-mono, ui-monospace, Menlo, monospace); font-size: 12px; min-width: 42px; text-align: center; color: var(--omni-muted, #9d9d9d); }
+
+.omni-video__progress-row { display: flex; align-items: center; gap: 10px; padding: 4px 6px; border: 1px solid var(--omni-border, #444); border-radius: 8px; background: var(--omni-panel-bg, #252526); }
+.omni-video__time { font-family: var(--omni-mono, ui-monospace, Menlo, monospace); font-size: 12px; min-width: 52px; text-align: center; }
+.omni-video__bar { flex: 1; height: 8px; background: var(--omni-input-bg, #3c3c3c); border-radius: 4px; cursor: pointer; position: relative; }
+.omni-video__bar:hover, .omni-video__bar--dragging { height: 12px; }
+.omni-video__bar-filled { height: 100%; width: 0%; background: var(--omni-accent, #0e639c); border-radius: 4px; pointer-events: none; position: relative; }
+.omni-video__bar-handle {
+    width: 14px; height: 14px; background: var(--omni-accent-fg, #fff); border: 2px solid var(--omni-accent, #0e639c);
+    border-radius: 50%; position: absolute; right: -7px; top: 50%; transform: translateY(-50%);
+    opacity: 0; transition: opacity 0.15s; pointer-events: none;
+}
+.omni-video__bar:hover .omni-video__bar-handle, .omni-video__bar--dragging .omni-video__bar-handle { opacity: 1; }
+
+.omni-video__stage {
+    flex: 1; min-height: 240px; display: flex; justify-content: center; align-items: center;
+    border: 1px solid var(--omni-border, #444); border-radius: 8px; background: #000; overflow: hidden; position: relative;
+}
+.omni-video__stage--zoomed { overflow: auto; }
+.omni-video__wrapper { transition: transform 0.2s ease; transform-origin: center center; }
+.omni-video video { display: block; max-width: 100%; max-height: 70vh; background: #000; }
+
+.omni-video__warning {
+    padding: 10px 12px; border: 1px solid #b98b2f; border-radius: 7px;
+    background: #3b2d10; color: #ffd98a; white-space: pre-wrap;
+}
+.omni-video__warning[hidden] { display: none; }