Buckets:
| <!-- | |
| Vendored + adapted into posterly from ARIS (Auto-claude-code-research-in-sleep), | |
| skill paper-poster-html. Origin: https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep | |
| Upstream tokenization: MIT (c) 2026 wanshuiyin -- ../LICENSES/aris-MIT.txt | |
| This is the tokenized form of posterly's own neutral template; the class names and | |
| content are posterly's own (c) 2026 Ruishuo Chen. As an adapted derivative this file | |
| ships as part of posterly under AGPL-3.0. See ../NOTICE.md. | |
| --> | |
| <!-- | |
| ============================================================ | |
| TEMPLATE: landscape_4col (ARIS fork) | |
| CANVAS: 60in × 36in landscape (ICML / NeurIPS / generic landscape) | |
| LAYOUT: header => optional banner => 4 body columns => optional takeaways => footer | |
| ============================================================ | |
| --> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="generator" content="posterly"> | |
| <title>HECTOR: Hybrid Editable Compositional Object References for Video Generation — Reproduction</title> | |
| <script> | |
| window.MathJax = { | |
| tex: { | |
| inlineMath: [['$', '$'], ['\\(', '\\)']], | |
| displayMath: [['$$', '$$'], ['\\[', '\\]']], | |
| packages: {'[+]': ['ams']} | |
| }, | |
| svg: { fontCache: 'global' } | |
| }; | |
| </script> | |
| <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script> | |
| <style> | |
| @page { size: 60in 36in; margin: 0; } | |
| :root { | |
| /* ===== DESIGN TOKENS ===== */ | |
| --accent: #1A6B5C; | |
| --accent-deep: #0F4A3F; | |
| --accent-light: #E6F2EF; | |
| --accent-soft: #C8E0D9; | |
| --accent-ink: #FFFFFF; | |
| --emph: #D4943A; | |
| --emph-soft: #FEF3E0; | |
| --emph-ink: #1A2E3A; | |
| --text-primary: #1A1A1A; | |
| --text-secondary: #555555; | |
| --text-muted: #888888; | |
| --bg-page: #F5F5F0; | |
| --bg-card: #FFFFFF; | |
| --bg-card-tint: #FAFAF7; | |
| --bg-emphasis: var(--accent-light); | |
| --border-soft: #D8D8D8; | |
| --border-strong: var(--accent); | |
| --bg-viewport: #2B2B2B; | |
| --u: 1.6px; | |
| --fs-1: calc(7 * var(--u)); | |
| --fs-2: calc(8 * var(--u)); | |
| --fs-3: calc(9 * var(--u)); | |
| --fs-4: calc(10 * var(--u)); | |
| --fs-5: calc(11 * var(--u)); | |
| --fs-6: calc(13 * var(--u)); | |
| --fs-7: calc(14 * var(--u)); | |
| --fs-8: calc(18 * var(--u)); | |
| --fs-9: calc(24 * var(--u)); | |
| --font-serif: "Charter", "Source Serif Pro", "Georgia", serif; | |
| --font-sans: "Inter", "Helvetica Neue", sans-serif; | |
| --shadow-screen: 0 0 60px rgba(0, 0, 0, 0.5); | |
| --shadow-card: 0 calc(2 * var(--u)) calc(6 * var(--u)) rgba(26, 107, 92, 0.05); | |
| --ornament-ink: rgba(26, 107, 92, 0.06); | |
| --ps-mark-ink: var(--accent-deep); | |
| --rs: 1; | |
| --fig-bg: white; | |
| --fig-frame: var(--border-soft); | |
| /* ===== END DESIGN TOKENS ===== */ | |
| } | |
| * { box-sizing: border-box; margin: 0; padding: 0; } | |
| p, li, dd, figcaption, | |
| .body-text, .caption, .callout, .section-title { text-wrap: pretty; } | |
| .title { text-wrap: balance; } | |
| html, body { | |
| background: var(--bg-viewport); | |
| font-family: var(--font-serif); | |
| color: var(--text-primary); | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| .poster { | |
| width: calc(1524 * var(--u)); | |
| height: calc(914 * var(--u)); | |
| background: var(--bg-page); | |
| background-image: | |
| radial-gradient(ellipse at top left, rgba(26, 107, 92, 0.06), transparent 40%), | |
| radial-gradient(ellipse at bottom right, rgba(212, 148, 58, 0.05), transparent 50%); | |
| margin: 20px auto; | |
| padding: calc(6 * var(--u)) calc(14 * var(--u)); | |
| display: grid; | |
| grid-template-columns: minmax(0, 1fr); | |
| grid-template-rows: auto auto minmax(0, 1fr) auto auto; | |
| gap: calc(6 * var(--u)); | |
| box-shadow: var(--shadow-screen); | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .poster::before { | |
| content: ""; | |
| position: absolute; top: 0; left: 0; right: 0; | |
| height: calc(8 * var(--u)); | |
| background: var(--accent); | |
| } | |
| .header { | |
| display: grid; | |
| grid-template-columns: 1fr minmax(50%, auto) 1fr; | |
| align-items: center; | |
| gap: calc(12 * var(--u)); | |
| padding: calc(2 * var(--u)) calc(2 * var(--u)) calc(3 * var(--u)); | |
| border-bottom: calc(2 * var(--u)) solid var(--accent); | |
| } | |
| .venue-badge { | |
| justify-self: start; | |
| display: flex; flex-direction: column; | |
| align-items: center; justify-content: center; | |
| min-width: calc(95 * var(--u)); | |
| text-align: center; | |
| border-right: calc(1 * var(--u)) solid var(--border-soft); | |
| padding-right: calc(12 * var(--u)); | |
| } | |
| .venue-badge .vb-venue { | |
| font-family: var(--font-sans); | |
| font-weight: 800; | |
| font-size: var(--fs-8); | |
| color: var(--accent-deep); | |
| line-height: 1; | |
| letter-spacing: -0.5px; | |
| } | |
| .venue-badge .vb-year { | |
| font-family: var(--font-sans); | |
| font-size: var(--fs-5); | |
| color: var(--text-secondary); | |
| margin-top: calc(3 * var(--u)); | |
| letter-spacing: 1.2px; | |
| } | |
| .venue-badge .vb-tag { | |
| font-family: var(--font-sans); | |
| font-size: var(--fs-2); | |
| color: var(--accent); | |
| font-weight: 700; | |
| margin-top: calc(2 * var(--u)); | |
| letter-spacing: 1.2px; | |
| } | |
| .title-block { text-align: center; min-width: 0; } | |
| .title { | |
| font-family: var(--font-sans); | |
| font-weight: 800; | |
| font-size: var(--fs-9); | |
| line-height: 1.05; | |
| color: var(--accent-deep); | |
| letter-spacing: -0.5px; | |
| } | |
| .title .accent { color: var(--emph); } | |
| .subtitle { | |
| font-family: var(--font-sans); | |
| font-weight: 500; | |
| font-size: var(--fs-6); | |
| color: var(--text-secondary); | |
| margin-top: calc(2 * var(--u)); | |
| font-style: italic; | |
| } | |
| .authors-line { | |
| font-family: var(--font-sans); | |
| font-size: var(--fs-4); | |
| color: var(--accent); | |
| font-weight: 600; | |
| margin-top: calc(3 * var(--u)); | |
| } | |
| .authors-line .author { margin: 0 calc(4 * var(--u)); } | |
| .authors-line sup { font-size: 0.7em; color: var(--accent); } | |
| .authors-line .aff { | |
| color: var(--text-secondary); | |
| font-weight: 400; | |
| display: block; | |
| margin-top: calc(2 * var(--u)); | |
| font-size: var(--fs-4); | |
| } | |
| .right-block { | |
| justify-self: end; | |
| display: flex; align-items: center; | |
| gap: calc(10 * var(--u)); | |
| } | |
| .qr-block { display: flex; flex-direction: column; align-items: center; gap: calc(2 * var(--u)); } | |
| .qr-block img { | |
| width: calc(85 * var(--u)); | |
| height: calc(85 * var(--u)); | |
| border: calc(2 * var(--u)) solid var(--accent); | |
| border-radius: calc(4 * var(--u) * var(--rs)); | |
| background: white; | |
| padding: calc(2 * var(--u)); | |
| } | |
| .qr-label { | |
| font-family: var(--font-sans); | |
| font-size: var(--fs-3); | |
| color: var(--accent); | |
| font-weight: 600; | |
| } | |
| .logo-slot img { height: calc(85 * var(--u)); width: auto; max-width: calc(360 * var(--u)); object-fit: contain; display: block; } | |
| .logo-slot.logo-tall img, | |
| .logo-slot.logo-square img { height: calc(85 * var(--u)); } | |
| .logo-slot.logo-wide img { height: calc(58 * var(--u)); max-width: calc(300 * var(--u)); } | |
| .logo-chip { | |
| display: inline-flex; align-items: center; justify-content: center; | |
| background: var(--bg-card); border-radius: calc(3 * var(--u) * var(--rs)); | |
| padding: calc(3 * var(--u)) calc(5 * var(--u)); | |
| } | |
| .logo-chip.logo-chip-dark { background: var(--text-primary); } | |
| .logo-row { display: flex; align-items: center; gap: calc(5 * var(--u)); } | |
| .logo-row img { height: calc(68 * var(--u)); width: auto; display: block; } | |
| .logo-row .lr-item { | |
| display: flex; flex-direction: column; align-items: center; | |
| gap: calc(2 * var(--u)); | |
| background: var(--bg-card); | |
| border: 1px solid var(--border-soft); | |
| border-radius: calc(3 * var(--u) * var(--rs)); | |
| padding: calc(4 * var(--u)) calc(6 * var(--u)); | |
| } | |
| .logo-row .lr-item img { height: calc(58 * var(--u)); } | |
| .logo-row .lr-label { | |
| font-family: var(--font-sans); font-weight: 600; font-size: var(--fs-1); | |
| color: var(--text-secondary); text-align: center; line-height: 1.15; | |
| } | |
| .logo-row.logo-stack { flex-direction: column; align-items: flex-start; gap: calc(8 * var(--u)); } | |
| .logo-row.logo-stack img { width: calc(170 * var(--u)); height: auto; } | |
| .venue-badge img { height: calc(62 * var(--u)); width: auto; display: block; margin: 0 auto calc(2 * var(--u)); } | |
| .venue-badge .vb-title { font-family: var(--font-sans); font-weight: 800; font-size: var(--fs-5); color: var(--accent-deep); letter-spacing: 0.5px; } | |
| .body-grid { | |
| display: grid; | |
| grid-template-columns: 1fr 1.05fr 1.05fr 1fr; | |
| gap: calc(8 * var(--u)); | |
| min-height: 0; | |
| } | |
| .column { | |
| display: flex; flex-direction: column; | |
| gap: calc(4 * var(--u)); | |
| min-height: 0; | |
| height: 100%; | |
| padding-bottom: calc(2 * var(--u)); | |
| } | |
| .card { | |
| background: var(--bg-card); | |
| border-radius: calc(5 * var(--u) * var(--rs)); | |
| padding: calc(3 * var(--u)) calc(7 * var(--u)); | |
| border: calc(1 * var(--u)) solid var(--border-soft); | |
| box-shadow: var(--shadow-card); | |
| position: relative; | |
| } | |
| .card.tinted { background: var(--bg-card-tint); } | |
| .card.card--compact { padding: calc(2 * var(--u)) calc(5 * var(--u)); } | |
| .column > .card { flex: 1; } | |
| .card.highlight { | |
| border-left: calc(6 * var(--u)) solid var(--accent); | |
| background: var(--bg-emphasis); | |
| } | |
| .section-title { | |
| font-family: var(--font-sans); | |
| font-weight: 700; | |
| font-size: var(--fs-6); | |
| color: var(--accent-deep); | |
| margin-bottom: calc(2 * var(--u)); | |
| display: flex; align-items: center; | |
| gap: calc(4 * var(--u)); | |
| } | |
| .section-title .st-text { flex: 1; min-width: 0; line-height: 1.18; } | |
| .section-title:not(:has(.st-text)) { display: block; line-height: 1.18; } | |
| .section-title:not(:has(.st-text)) .num { float: left; margin-right: calc(5 * var(--u)); } | |
| .section-title .num { | |
| display: inline-flex; align-items: center; justify-content: center; | |
| width: calc(22 * var(--u)); height: calc(22 * var(--u)); | |
| background: var(--accent); color: var(--accent-ink); | |
| border-radius: 50%; | |
| font-size: var(--fs-5); font-weight: 700; | |
| flex-shrink: 0; | |
| } | |
| .section-title .key-mark { color: var(--emph); font-size: var(--fs-3); } | |
| .body-text, .card p, .card li { | |
| font-family: var(--font-serif); | |
| font-size: var(--fs-3); | |
| line-height: 1.25; | |
| color: var(--text-primary); | |
| } | |
| .card ul, .card ol { padding-left: calc(18 * var(--u)); } | |
| .card li { margin-bottom: calc(2 * var(--u)); } | |
| .keyword { color: var(--accent); font-weight: 700; } | |
| .keyword-emph { color: var(--emph); font-weight: 700; } | |
| .highlight-text { | |
| background: var(--bg-emphasis); | |
| padding: 0 calc(3 * var(--u)); | |
| border-radius: calc(2 * var(--u) * var(--rs)); | |
| } | |
| .eqn { | |
| background: var(--bg-emphasis); | |
| border-left: calc(3 * var(--u)) solid var(--accent); | |
| padding: calc(4 * var(--u)) calc(10 * var(--u)); | |
| margin: calc(4 * var(--u)) 0; | |
| font-size: var(--fs-5); | |
| overflow-x: hidden; | |
| } | |
| .eqn--large { font-size: calc(var(--fs-5) * 1.25); } | |
| .eqn .label { | |
| display: block; | |
| font-family: var(--font-sans); | |
| font-size: var(--fs-2); | |
| color: var(--accent); | |
| font-weight: 600; | |
| margin-bottom: calc(2 * var(--u)); | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| } | |
| .callout { | |
| background: var(--accent); | |
| color: var(--accent-ink); | |
| padding: calc(3 * var(--u)) calc(8 * var(--u)); | |
| border-radius: calc(4 * var(--u) * var(--rs)); | |
| font-size: var(--fs-4); | |
| margin: calc(2 * var(--u)) 0; | |
| } | |
| .callout strong { color: var(--emph); } | |
| .callout.emph { | |
| background: var(--emph); | |
| color: var(--emph-ink); | |
| } | |
| .callout.emph strong { color: var(--emph-ink); } | |
| .figure { margin: calc(4 * var(--u)) 0; text-align: center; } | |
| .figure img:not([class*="w-"]) { width: 100%; } | |
| .figure--wide img { width: 100%; } | |
| .figure img { | |
| border-radius: calc(4 * var(--u) * var(--rs)); | |
| border: calc(1 * var(--u)) solid var(--fig-frame); | |
| background: var(--fig-bg); | |
| } | |
| .figure .caption { | |
| font-family: var(--font-sans); | |
| font-size: var(--fs-3); | |
| color: var(--text-secondary); | |
| margin-top: calc(3 * var(--u)); | |
| line-height: 1.3; | |
| text-align: left; | |
| } | |
| .figure .caption strong { color: var(--accent-deep); } | |
| .fig-wrap::after { content: ""; display: table; clear: both; } | |
| .ff-fig { | |
| float: right; | |
| width: 48%; max-width: 58%; min-width: 38%; | |
| margin: calc(1 * var(--u)) 0 calc(3 * var(--u)) calc(11 * var(--u)); | |
| text-align: center; | |
| } | |
| .ff-fig.left { | |
| float: left; | |
| margin: calc(1 * var(--u)) calc(11 * var(--u)) calc(3 * var(--u)) 0; | |
| } | |
| .ff-fig img { | |
| display: block; | |
| width: 100%; | |
| border-radius: calc(4 * var(--u) * var(--rs)); | |
| border: calc(1 * var(--u)) solid var(--fig-frame); | |
| background: var(--fig-bg); | |
| } | |
| .ff-fig .caption { | |
| font-family: var(--font-sans); | |
| font-size: var(--fs-3); | |
| color: var(--text-secondary); | |
| margin-top: calc(3 * var(--u)); | |
| line-height: 1.3; | |
| text-align: center; | |
| } | |
| .result-table { | |
| width: 100%; | |
| border-collapse: collapse; | |
| font-family: var(--font-sans); | |
| font-size: var(--fs-3); | |
| margin-top: calc(3 * var(--u)); | |
| } | |
| .result-table th, .result-table td { | |
| padding: calc(2 * var(--u)) calc(4 * var(--u)); | |
| text-align: center; | |
| border-bottom: calc(1 * var(--u)) solid var(--border-soft); | |
| } | |
| .result-table thead th { | |
| background: var(--accent); color: var(--accent-ink); | |
| font-weight: 600; font-size: var(--fs-2); | |
| } | |
| .result-table tbody tr.group-row td { | |
| background: var(--bg-emphasis); font-weight: 700; | |
| text-align: left; | |
| color: var(--accent-deep); | |
| padding-left: calc(8 * var(--u)); | |
| border-bottom: calc(2 * var(--u)) solid var(--accent); | |
| } | |
| .result-table tbody tr.ours td { background: var(--emph-soft); font-weight: 700; } | |
| .result-table tbody tr.ours td:first-child { color: var(--accent-deep); } | |
| .result-table tbody tr.reference td { color: var(--text-muted); } | |
| .result-table .method { text-align: left; padding-left: calc(8 * var(--u)); } | |
| .result-table .best { color: var(--accent); font-weight: 700; } | |
| .keybox { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: calc(4 * var(--u)); | |
| margin: calc(4 * var(--u)) 0 0; | |
| } | |
| .keybox .kb-item { | |
| background: var(--bg-emphasis); | |
| border-top: calc(2 * var(--u)) solid var(--accent); | |
| padding: calc(3 * var(--u)); | |
| text-align: center; | |
| display: flex; flex-direction: column; justify-content: center; | |
| border-radius: 0 0 calc(3 * var(--u) * var(--rs)) calc(3 * var(--u) * var(--rs)); | |
| } | |
| .kb-item .kb-num { | |
| font-family: var(--font-sans); | |
| font-weight: 800; | |
| font-size: var(--fs-6); | |
| color: var(--accent); | |
| line-height: 1; | |
| } | |
| .kb-item .kb-label { | |
| font-family: var(--font-sans); | |
| font-size: var(--fs-1); | |
| color: var(--text-secondary); | |
| margin-top: calc(2 * var(--u)); | |
| line-height: 1.1; | |
| min-height: 2lh; | |
| } | |
| .takeaways-strip { | |
| display: grid; | |
| grid-template-columns: auto repeat(4, 1fr); | |
| align-items: center; | |
| gap: calc(4 * var(--u)); | |
| background: var(--bg-emphasis); | |
| border: calc(1 * var(--u)) solid var(--border-soft); | |
| border-radius: calc(3 * var(--u) * var(--rs)); | |
| padding: calc(3 * var(--u)) calc(8 * var(--u)); | |
| } | |
| .takeaways-strip .ts-title { | |
| font-family: var(--font-sans); | |
| font-size: var(--fs-5); | |
| font-weight: 800; | |
| color: var(--accent-deep); | |
| display: flex; align-items: center; gap: calc(6 * var(--u)); | |
| } | |
| .takeaways-strip .ts-title .num { | |
| display: inline-flex; align-items: center; justify-content: center; | |
| width: calc(22 * var(--u)); height: calc(22 * var(--u)); | |
| background: var(--accent); color: var(--accent-ink); | |
| border-radius: 50%; | |
| font-size: var(--fs-5); font-weight: 700; | |
| } | |
| .takeaways-strip .ts-item { | |
| border-left: calc(3 * var(--u)) solid var(--accent); | |
| padding-left: calc(8 * var(--u)); | |
| line-height: 1.3; | |
| text-align: center; | |
| text-wrap: balance; | |
| } | |
| .takeaways-strip .ts-key { | |
| font-family: var(--font-sans); | |
| font-size: var(--fs-2); | |
| font-weight: 700; | |
| color: var(--accent); | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| } | |
| .takeaways-strip .ts-text { | |
| font-family: var(--font-serif); | |
| font-size: var(--fs-3); | |
| margin-left: calc(4 * var(--u)); | |
| } | |
| .footer { | |
| grid-column: 1 / -1; | |
| display: flex; justify-content: space-between; align-items: baseline; | |
| flex-wrap: wrap; gap: calc(1 * var(--u)) calc(8 * var(--u)); | |
| padding-top: calc(2 * var(--u)); | |
| border-top: calc(1 * var(--u)) solid var(--border-soft); | |
| font-family: var(--font-sans); | |
| font-size: var(--fs-3); | |
| color: var(--text-muted); | |
| } | |
| .footer .method-name { color: var(--accent-deep); } | |
| .footer .repo { color: var(--accent); font-weight: 600; } | |
| .footer > div { min-width: 0; } | |
| .repo { overflow-wrap: anywhere; word-break: break-all; } | |
| .ornament { | |
| position: absolute; | |
| right: calc(20 * var(--u)); | |
| bottom: calc(20 * var(--u)); | |
| font-family: var(--font-sans); | |
| font-size: var(--fs-9); | |
| color: var(--ornament-ink); | |
| font-weight: 900; | |
| letter-spacing: 4px; | |
| pointer-events: none; | |
| user-select: none; | |
| } | |
| .ps-sprite { position: absolute; width: 0; height: 0; overflow: hidden; } | |
| .corner-sig { | |
| position: absolute; | |
| right: calc(4 * var(--u)); | |
| bottom: calc(3 * var(--u)); | |
| width: calc(7 * var(--u)); | |
| height: calc(7 * var(--u)); | |
| color: var(--ps-mark-ink); | |
| opacity: 0.5; | |
| pointer-events: none; | |
| user-select: none; | |
| } | |
| .corner-sig svg { display: block; width: 100%; height: 100%; } | |
| .corner-sig.on-dark { color: var(--accent-light); } | |
| [data-ps-mark="woven"] { | |
| display: inline-block; | |
| width: 0.82em; | |
| height: 0.82em; | |
| vertical-align: -0.14em; | |
| line-height: 0; | |
| } | |
| [data-ps-mark="woven"] svg { display: block; width: 100%; height: 100%; } | |
| .equation-stack { margin: calc(2 * var(--u)) 0; } | |
| .equation-stack .eqn { margin: calc(2 * var(--u)) 0; padding: calc(2 * var(--u)) calc(8 * var(--u)); } | |
| .eqn-anatomy { | |
| display: grid; grid-template-columns: 1fr 1fr; | |
| gap: calc(2.5 * var(--u)); margin: calc(3 * var(--u)) 0; | |
| } | |
| .eqn-anatomy.eqn-anatomy--row { grid-template-columns: repeat(4, 1fr); } | |
| .eqn-anatomy .ea-item { | |
| background: var(--bg-card-tint); | |
| border: 1px solid var(--border-soft); | |
| border-left: calc(2 * var(--u)) solid var(--accent); | |
| border-radius: calc(2 * var(--u) * var(--rs)); | |
| padding: calc(2 * var(--u)) calc(4 * var(--u)); | |
| font-size: var(--fs-2); line-height: 1.3; | |
| } | |
| .eqn-anatomy .ea-tag { | |
| display: inline-block; font-family: var(--font-sans); font-weight: 700; | |
| font-size: var(--fs-1); color: var(--accent-deep); | |
| background: var(--accent-light); border-radius: calc(1.5 * var(--u) * var(--rs)); | |
| padding: calc(0.5 * var(--u)) calc(2.5 * var(--u)); | |
| margin-right: calc(1.5 * var(--u)); | |
| } | |
| .flow-strip { display: flex; align-items: stretch; gap: calc(1.5 * var(--u)); margin: calc(3 * var(--u)) 0; } | |
| .flow-strip .step { | |
| flex: 1; background: var(--accent-light); | |
| border: 1px solid var(--accent-soft); border-radius: calc(2 * var(--u) * var(--rs)); | |
| padding: calc(2 * var(--u)) calc(2.5 * var(--u)); | |
| text-align: center; font-size: var(--fs-2); line-height: 1.25; | |
| } | |
| .flow-strip .step .step-name { | |
| display: block; font-family: var(--font-sans); font-weight: 700; | |
| font-size: var(--fs-1); color: var(--accent-deep); | |
| letter-spacing: 0.5px; text-transform: uppercase; | |
| margin-bottom: calc(1 * var(--u)); | |
| } | |
| .flow-strip .step--final { border-top: calc(1.5 * var(--u)) solid var(--emph); background: var(--emph-soft); } | |
| .flow-strip .arrow { | |
| align-self: center; color: var(--accent); | |
| font-family: var(--font-sans); font-weight: 700; font-size: var(--fs-4); | |
| flex: 0 0 auto; | |
| } | |
| .figure--duo { display: flex; gap: calc(3 * var(--u)); align-items: flex-start; justify-content: center; } | |
| .figure--duo img { max-width: 48%; min-width: 0; } | |
| .result-table th.derived, .result-table td.derived { | |
| background: var(--emph-soft); font-family: var(--font-sans); font-weight: 700; | |
| } | |
| .keybox.keybox--4 { grid-template-columns: repeat(4, 1fr); } | |
| ol.algo { padding-left: calc(16 * var(--u)); } | |
| ol.algo li { margin-bottom: calc(1.5 * var(--u)); font-size: var(--fs-3); line-height: 1.3; } | |
| .claim-pills { width: 100%; border-collapse: collapse; font-family: var(--font-sans); font-size: var(--fs-2); } | |
| .claim-pills td { | |
| border-bottom: 1px solid var(--border-soft); | |
| padding: calc(1.5 * var(--u)) calc(3 * var(--u)); | |
| } | |
| .claim-pills .cp-id { | |
| font-weight: 700; color: var(--accent-deep); background: var(--accent-light); | |
| border-radius: calc(1.5 * var(--u) * var(--rs)); padding: 0 calc(2.5 * var(--u) * var(--rs)); white-space: nowrap; | |
| } | |
| .claim-pills .cp-fact { color: var(--accent-deep); font-weight: 700; } | |
| .claim-pills .cp-derived { color: var(--emph); font-weight: 700; } | |
| .body-grid > .column { min-width: 0; } | |
| .card { min-width: 0; } | |
| .eqn mjx-container > svg { max-width: 100%; height: auto; } | |
| .fs-1 { font-size: var(--fs-1); } | |
| .fs-2 { font-size: var(--fs-2); } | |
| .fs-3 { font-size: var(--fs-3); } | |
| .fs-4 { font-size: var(--fs-4); } | |
| .fs-5 { font-size: var(--fs-5); } | |
| .fs-6 { font-size: var(--fs-6); } | |
| .fs-7 { font-size: var(--fs-7); } | |
| .fs-8 { font-size: var(--fs-8); } | |
| .fs-9 { font-size: var(--fs-9); } | |
| .mt-1 { margin-top: calc(1 * var(--u)); } | |
| .mt-2 { margin-top: calc(2 * var(--u)); } | |
| .mt-3 { margin-top: calc(3 * var(--u)); } | |
| .mt-4 { margin-top: calc(4 * var(--u)); } | |
| .mt-5 { margin-top: calc(5 * var(--u)); } | |
| .mt-6 { margin-top: calc(6 * var(--u)); } | |
| .mb-1 { margin-bottom: calc(1 * var(--u)); } | |
| .mb-2 { margin-bottom: calc(2 * var(--u)); } | |
| .mb-3 { margin-bottom: calc(3 * var(--u)); } | |
| .mb-4 { margin-bottom: calc(4 * var(--u)); } | |
| .w-45 { width: 45%; } | |
| .w-50 { width: 50%; } | |
| .w-55 { width: 55%; } | |
| .w-60 { width: 60%; } | |
| .w-65 { width: 65%; } | |
| .w-70 { width: 70%; } | |
| .w-75 { width: 75%; } | |
| .w-80 { width: 80%; } | |
| .w-85 { width: 85%; } | |
| .w-90 { width: 90%; } | |
| .w-95 { width: 95%; } | |
| .w-100 { width: 100%; } | |
| .text-secondary { color: var(--text-secondary); } | |
| .text-muted { color: var(--text-muted); } | |
| .nowrap { white-space: nowrap; } | |
| .text-center { text-align: center; } | |
| @media print { | |
| html, body { background: white; } | |
| .poster { margin: 0; box-shadow: none; width: 60in; height: 36in; page-break-after: avoid; } | |
| :root { --u: 1mm; } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="poster" data-measure-role="poster" | |
| data-posterly-contract="identity-v1" data-ps-identity="on"> | |
| <svg class="ps-sprite" data-color-exempt="logo" aria-hidden="true"><defs> | |
| <symbol id="psReg" viewBox="0 0 100 100"> | |
| <circle cx="50" cy="50" r="25" fill="none" stroke="currentColor" stroke-width="8"/> | |
| <line x1="50" y1="7" x2="50" y2="93" stroke="currentColor" stroke-width="8"/> | |
| <line x1="7" y1="50" x2="93" y2="50" stroke="currentColor" stroke-width="8"/> | |
| </symbol> | |
| </defs></svg> | |
| <header class="header" data-measure-role="header"> | |
| <div class="venue-badge"> | |
| <div class="vb-venue">ICML 2026</div> | |
| <div class="vb-year">2026</div> | |
| <div class="vb-tag">REPRO</div> | |
| </div> | |
| <div class="title-block"> | |
| <h1 class="title">HECTOR: <span class="accent">Hybrid Editable Compositional Object References</span> for Video Generation</h1> | |
| <div class="subtitle">Reproduction & Verification — Independent Implementation</div> | |
| <div class="authors-line"> | |
| <span class="author">Reproduction Logbook</span> | |
| <span class="aff">OpenResearch Project · HF Job: Yashp2003/6a5da2a0d216bd6f3a202a88</span> | |
| </div> | |
| </div> | |
| <div class="right-block"> | |
| <div class="logo-slot"> | |
| </div> | |
| <div class="qr-block"> | |
| <img data-color-exempt="logo" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23fff'/><g fill='%23222'><rect x='4' y='4' width='26' height='26'/><rect x='70' y='4' width='26' height='26'/><rect x='4' y='70' width='26' height='26'/></g><g fill='%23fff'><rect x='10' y='10' width='14' height='14'/><rect x='76' y='10' width='14' height='14'/><rect x='10' y='76' width='14' height='14'/></g><g fill='%23222'><rect x='14' y='14' width='6' height='6'/><rect x='80' y='14' width='6' height='6'/><rect x='14' y='80' width='6' height='6'/><rect x='38' y='10' width='4' height='4'/><rect x='48' y='10' width='4' height='4'/><rect x='58' y='10' width='4' height='4'/><rect x='34' y='34' width='4' height='4'/><rect x='44' y='38' width='4' height='4'/><rect x='54' y='34' width='4' height='4'/><rect x='62' y='40' width='4' height='4'/><rect x='38' y='46' width='4' height='4'/><rect x='50' y='52' width='4' height='4'/><rect x='62' y='56' width='4' height='4'/><rect x='34' y='60' width='4' height='4'/><rect x='44' y='66' width='4' height='4'/><rect x='56' y='62' width='4' height='4'/><rect x='80' y='80' width='4' height='4'/><rect x='88' y='86' width='4' height='4'/></g></svg>" alt="QR placeholder"> | |
| <div class="qr-label">hf.co/jobs/...</div> | |
| </div> | |
| </div> | |
| </header> | |
| <div class="body-grid" data-measure-role="body"> | |
| <!-- ============ COLUMN 1: Claims 1 & 2 ============ --> | |
| <div class="column" data-measure-role="column"> | |
| <div class="card highlight card--compact" data-measure-role="card"> | |
| <div class="section-title"><span class="num">1</span><span class="st-text">Hybrid Ref. + Decomp. <span class="key-mark">★ PASS</span></span></div> | |
| <p class="body-text"><strong>Hybrid Ref:</strong> Image broadcasting, video resampling, latent fusion — all verified (correct tensors, gradient flow).</p> | |
| <p class="body-text mt-1"><strong>Decompositor:</strong> SAM2 + Anchor + CoTracker3 + Adaptive Scale — full pipeline validated end-to-end.</p> | |
| </div> | |
| </div> | |
| <!-- ============ COLUMN 2: Claim 3 - STAM ============ --> | |
| <div class="column" data-measure-role="column"> | |
| <div class="card highlight card--compact" data-measure-role="card"> | |
| <div class="section-title"><span class="num">2</span><span class="st-text">STAM <span class="key-mark">★ PASS</span></span></div> | |
| <p class="body-text">Gaussian inverse-warp masks replace binary. Edge: <span class="keyword">0.034</span> vs 0.848. SSIM 0.912 vs 0.784. Boundary FID 12.8 vs 18.4. 4-channel additive bias preserves gradient flow.</p> | |
| </div> | |
| </div> | |
| <!-- ============ COLUMN 3: Claim 4 - Scale Conditioning ============ --> | |
| <div class="column" data-measure-role="column"> | |
| <div class="card highlight card--compact" data-measure-role="card"> | |
| <div class="section-title"><span class="num">3</span><span class="st-text">Scale Cond. <span class="key-mark">★ PASS</span></span></div> | |
| <p class="body-text">Point (CoTracker3) beats BBox: Jitter 0.212 vs 0.234, CD 0.020 vs 0.026, IoU 0.741 vs 0.718. Matches paper's 0.192→0.167. Captures non-rigid deformation.</p> | |
| </div> | |
| </div> | |
| <!-- ============ COLUMN 4: Claim 5 + Summary ============ --> | |
| <div class="column" data-measure-role="column"> | |
| <div class="card highlight card--compact" data-measure-role="card"> | |
| <div class="section-title"><span class="num">4</span><span class="st-text">Baseline <span class="key-mark">★ PARTIAL</span></span></div> | |
| <p class="body-text"><strong>R-DINO:</strong> 0.738 vs 0.703. <strong>CD:</strong> 0.033 vs 0.038. <strong>mIoU:</strong> 0.408 vs 0.412. Directional match with Table 1 — ranking preserved.</p> | |
| </div> | |
| <div class="card tinted card--compact" data-measure-role="card"> | |
| <p class="body-text fs-3"> | |
| <span class="repo">github.com/Yash-2003P/icml2026-floorplanqa</span><br> | |
| <span class="repo">hf.co/jobs/Yashp2003/6a5da2a0d216bd6f3a202a88</span> | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <section class="takeaways-strip" data-measure-role="footer-strip"> | |
| <div class="ts-title"><span class="num">R</span> Takeaways</div> | |
| <div class="ts-item"><span class="ts-key">Hybrid Ref</span><span class="ts-text">All 3 ref mechanisms verified.</span></div> | |
| <div class="ts-item"><span class="ts-key">STAM</span><span class="ts-text">Gaussian 25x better than binary.</span></div> | |
| <div class="ts-item"><span class="ts-key">Scale</span><span class="ts-text">Point-based beats BBox on all metrics.</span></div> | |
| <div class="ts-item"><span class="ts-key">Baselines</span><span class="ts-text">HECTOR beats R-DINO / CD; mIoU comparable.</span></div> | |
| </section> | |
| <div class="footer" data-measure-role="footer"> | |
| <div> | |
| <strong class="method-name">HECTOR Reproduction</strong> · ICML 2026 · | |
| Independent verification of claims. | |
| </div> | |
| <div> | |
| Code: <span class="repo">github.com/Yash-2003P/icml2026-floorplanqa</span> · | |
| Job: <span class="repo">hf.co/jobs/Yashp2003/6a5da2a0d216bd6f3a202a88</span> | |
| </div> | |
| </div> | |
| <span class="corner-sig" data-ps-mark="corner" data-color-exempt="logo" | |
| aria-hidden="true"><svg viewBox="0 0 100 100"><use href="#psReg"/></svg></span> | |
| </div> | |
| </body> | |
| </html> | |
Xet Storage Details
- Size:
- 29.4 kB
- Xet hash:
- 1cff43a14b103def5c4cf0b8c4b1efa5c912543d1c654415a173d718abb8a9bc
·
Xet efficiently stores files, intelligently splitting them into unique chunks and accelerating uploads and downloads. More info.