jomasego/repro-threshold-guided-optimization-for-visual-generative-models
0
1:root {2 --bg: #ffffff;3 --paper: #ffffff;4 --panel: #ffffff;5 --ink: #1f2937;6 --muted: #6b7280;7 --line: #e5e7eb;8 --accent: #f97316;9 --accent-strong: #ea580c;10 --accent-soft: #fff7ed;11 --accent-line: rgba(249, 115, 22, 0.16);12 --grid-line: rgba(31, 41, 55, 0.02);13 --code-bg: #f3f4f6;14 --radius: 12px;15 --sidebar-width: 280px;16 --content-gutter: 40px;17 --serif: ui-serif, "Iowan Old Style", "Palatino Linotype", Georgia, serif;18 --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,19 sans-serif;20 --mono: "SFMono-Regular", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas,21 ui-monospace, monospace;22}23 24* {25 box-sizing: border-box;26}27 28html,29body {30 margin: 0;31 padding: 0;32}33 34html {35 scroll-behavior: smooth;36 scrollbar-gutter: stable;37}38 39body {40 background: var(--bg);41 color: var(--ink);42 font-family: var(--sans);43 font-size: 13px;44 line-height: 1.65;45 -webkit-font-smoothing: antialiased;46}47 48#app {49 display: flex;50 min-height: 100vh;51}52 53body[data-view="trace"] #sidebar-foot,54body[data-view="workspace"] #sidebar-foot {55 display: none;56}57 58/* ---- sidebar (composition-book cover) ---- */59#sidebar {60 width: var(--sidebar-width);61 flex: 0 0 var(--sidebar-width);62 background: #17181c;63 color: #e7e7ea;64 position: sticky;65 top: 0;66 height: 100vh;67 overflow-y: auto;68 padding: 22px 16px;69 display: flex;70 flex-direction: column;71}72 73#book-head {74 display: flex;75 align-items: center;76 gap: 10px;77 padding: 8px;78 margin-bottom: 12px;79 border-radius: 10px;80 cursor: pointer;81 transition: background 0.12s;82}83#book-head:hover {84 background: rgba(255, 255, 255, 0.05);85}86#book-wordmark {87 width: 154px;88 height: auto;89 object-fit: contain;90}91.sr-only {92 position: absolute;93 width: 1px;94 height: 1px;95 padding: 0;96 margin: -1px;97 overflow: hidden;98 clip: rect(0, 0, 0, 0);99 white-space: nowrap;100 border: 0;101}102 103#tree {104 flex: 1;105 padding-top: 8px;106}107 108#tree .tree-label {109 padding: 6px 10px 8px;110 color: #777a83;111 font-size: 10px;112 font-weight: 700;113 letter-spacing: 0.12em;114 text-transform: uppercase;115}116 117#tree a {118 display: block;119 padding: 6px 10px;120 border-radius: 8px;121 color: #c3c4cb;122 text-decoration: none;123 font-size: 14px;124 transition: background 0.12s, color 0.12s;125 overflow: hidden;126 text-overflow: ellipsis;127 white-space: nowrap;128}129 130#tree a:hover {131 background: rgba(255, 255, 255, 0.06);132 color: #ffffff;133}134 135#tree a.active {136 background: rgba(249, 115, 22, 0.16);137 color: #fdba74;138 font-weight: 600;139}140 141#tree a .tree-mark {142 color: #6b6d76;143}144 145#tree a:hover .tree-mark,146#tree a.active .tree-mark {147 color: inherit;148 opacity: 0.6;149}150 151#tree .depth-1 {152 padding-left: 22px;153}154#tree .depth-2 {155 padding-left: 34px;156}157#tree .depth-3 {158 padding-left: 46px;159}160 161 162/* ---- content ---- */163#content {164 flex: 1;165 min-width: 0;166 padding: 24px167 clamp(168 var(--content-gutter),169 calc(100vw - 960px),170 calc(var(--sidebar-width) + var(--content-gutter))171 )172 120px var(--content-gutter);173 background-color: var(--paper);174 background-image:175 linear-gradient(var(--grid-line) 1px, transparent 1px),176 linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);177 background-size: 26px 26px;178 background-position: center top;179}180 181#logbook-header {182 width: 100%;183 max-width: 1080px;184 margin: 0 auto 20px;185}186#logbook-title {187 font-family: var(--serif);188 font-size: 34px;189 line-height: 1.15;190 letter-spacing: -0.02em;191 margin: 0 0 10px;192 overflow-wrap: anywhere;193}194#logbook-cli {195 display: grid;196 gap: 7px;197}198 199#page {200 width: 100%;201 min-width: 0;202 max-width: 1080px;203 margin: 0 auto;204}205 206.page-section {207 scroll-margin-top: 40px;208 padding: 0 0 35px;209 margin: 0 0 32px;210}211 212.page-section:last-child {213 margin-bottom: 0;214}215 216.page-layout {217 display: block;218}219 220.page-body {221 min-width: 0;222}223 224.resource-anchor {225 display: block;226 height: 0;227 overflow: hidden;228}229 230/* ---- pinned notes ---- */231.pinned-notes {232 margin: 30px 0 32px;233}234.pinned-notes-list .cell {235 margin: 0;236}237.pinned-notes-list .cell-title {238 display: flex;239 align-items: center;240 gap: 7px;241}242.pin-ico {243 flex: 0 0 auto;244 width: 14px;245 height: 14px;246 fill: var(--accent);247 stroke: none;248}249.pinned-notes-list .cell + .cell {250 margin-top: 12px;251}252.book-intro.has-pinned-notes {253 border-bottom: none;254 padding-bottom: 22px;255 margin-bottom: 30px;256}257.book-intro.book-intro-tight {258 border-bottom: none;259 padding-bottom: 4px;260 margin-bottom: 20px;261}262 263#page h1 {264 font-family: var(--serif);265 font-size: 34px;266 line-height: 1.15;267 letter-spacing: -0.02em;268 margin: 0 0 8px;269 overflow-wrap: anywhere;270}271 272#page .page-section:not(.book-intro) h1 {273 font-size: 26px;274}275 276#page h2 {277 font-family: var(--serif);278 font-size: 24px;279 margin: 36px 0 10px;280}281 282#page h3 {283 font-size: 17px;284 font-weight: 700;285 margin: 26px 0 2px;286 letter-spacing: -0.01em;287}288 289#page h3::before {290 content: "";291 display: inline-block;292 width: 7px;293 height: 7px;294 border-radius: 2px;295 background: var(--accent);296 margin-right: 10px;297 vertical-align: middle;298 transform: translateY(-1px);299}300 301#page p {302 margin: 10px 0;303}304 305#page blockquote {306 margin: 14px 0;307 padding: 2px 16px;308 border-left: 3px solid #fdba74;309 color: var(--muted);310}311 312#page hr {313 display: none;314}315 316#page code {317 font-family: var(--mono);318 font-size: 0.86em;319 background: var(--code-bg);320 padding: 2px 6px;321 border-radius: 6px;322}323 324#page pre {325 max-width: 100%;326 background: var(--code-bg);327 border: 1px solid var(--line);328 border-radius: var(--radius);329 padding: 14px 16px;330 overflow-x: auto;331}332#page pre code {333 background: none;334 padding: 0;335 font-size: 11.5px;336}337 338/* ---- code blocks + collapsible accordion ---- */339#page pre.hl {340 background: #17181c;341 border: none;342 color: #e7e7ea;343 font-size: 13px;344 line-height: 1.58;345}346#page pre.hl code {347 color: inherit;348 font-family: var(--mono);349}350.code-accordion {351 border: 1px solid rgba(249, 115, 22, 0.2);352 border-radius: 8px;353 overflow: hidden;354 margin: 12px 0;355 background: #17181c;356}357.code-accordion summary {358 list-style: none;359 cursor: pointer;360 display: flex;361 align-items: center;362 gap: 9px;363 padding: 9px 12px;364 font-family: var(--mono);365 font-size: 11.5px;366 font-weight: 700;367 color: #e7e7ea;368 background: #1e2027;369 user-select: none;370 overflow-wrap: anywhere;371}372.code-accordion summary::-webkit-details-marker {373 display: none;374}375.code-accordion summary::after {376 content: "▸";377 margin-left: auto;378 color: var(--accent);379 transition: transform 0.12s;380 transform: rotate(180deg);381}382.code-accordion[open] summary::after {383 transform: rotate(90deg);384}385.code-accordion .code-ico {386 color: var(--accent);387 font-weight: 700;388}389.code-accordion pre.hl {390 margin: 0;391 border-radius: 0;392 border: none;393 border-top: 1px solid rgba(249, 115, 22, 0.16);394}395.tok-comment {396 color: #7a7d87;397 font-style: italic;398}399.tok-string {400 color: #a5d6a7;401}402.tok-keyword {403 color: #fdba74;404}405.tok-number {406 color: #7fd0e0;407}408 409#page a {410 color: var(--accent);411}412 413#page ul {414 padding-left: 20px;415}416 417.ts {418 font-family: var(--mono);419 font-size: 12px;420 color: var(--muted);421 background: none;422 padding: 0;423}424 425/* ---- notebook-style cells ---- */426.cell {427 max-width: 100%;428 margin: 0 0 32px;429 background: none;430 border: none;431 border-radius: 0;432 box-shadow: none;433 overflow: visible;434}435.cell-head {436 display: flex;437 justify-content: space-between;438 gap: 16px;439 align-items: baseline;440 padding: 0 0 5px;441 background: none;442 border-bottom: none;443}444.cell-head.no-title {445 justify-content: flex-end;446 padding: 0 0 3px;447}448.cell-title {449 flex: 1;450 min-width: 0;451 font-size: 13px;452 font-weight: 650;453 color: var(--ink);454 line-height: 1.35;455 overflow-wrap: anywhere;456}457.cell-meta {458 flex: 0 0 auto;459 display: flex;460 align-items: center;461 gap: 10px;462 font-family: var(--sans);463 font-size: 13px;464 color: var(--muted);465}466.cell-open {467 flex: 0 0 auto;468 font-family: var(--mono);469 font-size: 12px;470 color: var(--accent);471 text-decoration: none;472}473.cell-open:hover {474 color: var(--accent-strong);475}476.cell-body {477 min-width: 0;478 padding: 0;479}480.cell.dashboard .cell-body {481 padding: 0;482}483#page .cell-body h1,484#page .cell-body h2 {485 font-family: var(--sans);486 font-size: 17px;487 font-weight: 700;488 letter-spacing: -0.01em;489 line-height: 1.35;490 margin: 22px 0 6px;491}492#page .cell-body > :first-child {493 margin-top: 0;494}495#page .cell-body > :last-child {496 margin-bottom: 0;497}498.figure-fit {499 position: relative;500 overflow: hidden;501 min-height: 160px;502 border: 1px solid var(--line);503 border-radius: 8px;504 background: #fff;505}506.figure-fit[hidden] {507 display: none;508}509.figure-fit:fullscreen,510.figure-fit:-webkit-full-screen {511 width: 100%;512 height: 100%;513 border: none;514 border-radius: 0;515}516.figure-frame {517 display: block;518 width: 100%;519 min-height: 160px;520 border: none;521 background: #fff;522}523.figure-frame[hidden],524.figure-raw[hidden] {525 display: none;526}527.fig-switch {528 position: relative;529 display: inline-flex;530 flex: 0 0 auto;531 border: 1px solid var(--line);532 border-radius: 999px;533 background: var(--code-bg);534 padding: 2px;535}536.fig-switch button {537 position: relative;538 z-index: 1;539 flex: 1;540 min-width: 62px;541 border: none;542 background: none;543 font-family: var(--sans);544 font-size: 12px;545 font-weight: 600;546 color: var(--muted);547 padding: 3px 12px;548 border-radius: 999px;549 cursor: pointer;550 transition: color 0.15s;551}552.fig-switch button.active {553 color: var(--accent-strong);554}555.fig-switch-thumb {556 position: absolute;557 top: 2px;558 bottom: 2px;559 left: 2px;560 width: calc(50% - 2px);561 border-radius: 999px;562 background: var(--panel);563 border: 1px solid rgba(249, 115, 22, 0.35);564 box-shadow: 0 1px 4px rgba(31, 41, 55, 0.08);565 transition: transform 0.18s ease;566}567.fig-switch.raw .fig-switch-thumb {568 transform: translateX(100%);569}570#page .figure-raw pre {571 margin: 0;572 max-height: 420px;573 overflow: auto;574 font-family: var(--mono);575 font-size: 13px;576 line-height: 1.55;577 background: var(--code-bg);578 border: 1px solid var(--line);579 border-radius: 8px;580 padding: 12px 14px;581}582/* ---- figure fullscreen ---- */583.cell-fullscreen {584 position: relative;585 display: inline-flex;586 flex: 0 0 auto;587}588.cell-fullscreen-btn {589 display: inline-flex;590 align-items: center;591 justify-content: center;592 width: 26px;593 height: 26px;594 padding: 0;595 border: 1px solid var(--line);596 border-radius: 999px;597 background: var(--code-bg);598 color: var(--muted);599 cursor: pointer;600 transition: color 0.15s, border-color 0.15s, background 0.15s;601}602.cell-fullscreen-btn:hover {603 color: var(--accent-strong);604 border-color: rgba(249, 115, 22, 0.35);605 background: var(--accent-soft);606}607.cell-fullscreen-btn svg {608 width: 14px;609 height: 14px;610}611/* ---- copyable snippets ---- */612.snippet {613 position: relative;614}615.copy-snippet {616 position: absolute;617 top: 7px;618 right: 8px;619 width: 24px;620 height: 24px;621 border: none;622 border-radius: 6px;623 background: rgba(255, 255, 255, 0.08);624 color: #9a9da8;625 font-size: 12px;626 line-height: 1;627 cursor: pointer;628 opacity: 0;629 transition: opacity 0.12s, color 0.12s, background 0.12s;630}631.snippet:hover .copy-snippet,632.jp-out:hover .copy-snippet,633.figure-raw:hover .copy-snippet,634.code-accordion summary:hover .copy-snippet {635 opacity: 1;636}637.copy-snippet:hover {638 color: #ffffff;639 background: rgba(255, 255, 255, 0.16);640}641.copy-snippet.copied {642 color: #52d08a;643 opacity: 1;644}645.code-accordion .code-name {646 user-select: text;647 cursor: text;648}649.jp-out,650.figure-raw {651 position: relative;652}653.jp-out .copy-snippet,654.figure-raw .copy-snippet {655 background: var(--code-bg);656 color: var(--muted);657 border: 1px solid var(--line);658}659.jp-out .copy-snippet:hover,660.figure-raw .copy-snippet:hover {661 color: var(--accent-strong);662 background: var(--panel);663}664 665/* ---- jupyter-style code cells ---- */666.jp {667 border: 1px solid var(--line);668 border-radius: 10px;669 overflow: hidden;670 margin: 0;671 background: var(--panel);672}673.jp-cmd {674 display: flex;675 align-items: baseline;676 gap: 9px;677 position: relative;678 padding: 10px 16px 10px 0;679 font-family: var(--mono);680 font-size: 12px;681 color: #8b8e98;682}683.jp-cmd-prompt {684 color: var(--accent);685 font-weight: 700;686}687#page .jp-cmd code {688 min-width: 0;689 color: #b6b9c2;690 font-family: var(--mono);691 font-size: 12px;692 background: none;693 padding: 0;694 border-radius: 0;695 overflow-wrap: anywhere;696}697.jp-cmd:hover .copy-snippet {698 opacity: 1;699}700.jp-in-body .jp-cmd + .code-accordion,701.jp-in-body .jp-cmd + .snippet {702 border-top: 1px solid rgba(255, 255, 255, 0.09);703}704.jp-gutter {705 flex: 0 0 46px;706 padding: 13px 0 0 13px;707 font-family: var(--mono);708 font-size: 10.5px;709 letter-spacing: 0.07em;710 text-transform: uppercase;711 font-weight: 600;712 user-select: none;713}714.jp-in {715 display: flex;716 background: #17181c;717}718.jp-in .jp-gutter {719 color: #6f727d;720}721.jp-in-body {722 flex: 1;723 min-width: 0;724}725#page .jp-in-body pre.hl {726 margin: 0;727 border: none;728 border-radius: 0;729 background: none;730 padding: 12px 16px 12px 0;731 overflow-y: auto;732 max-height: 26em;733}734.jp-in-body .code-accordion {735 margin: 0;736 border: none;737 border-top: 1px solid rgba(255, 255, 255, 0.09);738 border-radius: 0;739 background: none;740}741.jp-in-body .code-accordion summary {742 background: none;743 padding: 9px 16px 9px 0;744}745.jp-in-body .code-accordion pre.hl {746 border-top: 1px solid rgba(255, 255, 255, 0.09);747}748.jp-meta {749 padding: 5px 14px;750 font-family: var(--mono);751 font-size: 11.5px;752 color: var(--muted);753 background: #fbfbfc;754 border-top: 1px solid var(--line);755}756.jp-out {757 display: flex;758 border-top: 1px solid var(--line);759 background: var(--panel);760}761.jp-out .jp-gutter {762 color: var(--accent-strong);763}764.jp-out-body {765 flex: 1;766 min-width: 0;767}768#page .jp-out-pre {769 min-width: 0;770 margin: 0;771 border: none;772 border-radius: 0;773 background: none;774 color: var(--ink);775 font-family: var(--mono);776 font-size: 13px;777 line-height: 1.55;778 padding: 12px 16px 12px 0;779 white-space: pre;780 overflow-x: auto;781 overflow-y: auto;782 max-height: 26em;783}784.jp-artifacts {785 display: flex;786 flex-direction: column;787}788.jp-out-body .jp-out-pre + .jp-artifacts {789 border-top: 1px solid var(--line);790}791.out-artifact {792 display: flex;793 align-items: baseline;794 gap: 8px;795 padding: 9px 16px 9px 0;796 text-decoration: none;797 color: inherit;798}799.out-artifact + .out-artifact {800 border-top: 1px solid var(--line);801}802a.out-artifact:hover .out-artifact-name {803 color: var(--accent-strong);804}805.out-artifact-ico {806 flex: 0 0 auto;807 font-size: 13px;808}809.out-artifact-name {810 font-family: var(--mono);811 font-size: 12.5px;812 font-weight: 600;813 color: var(--ink);814 overflow: hidden;815 text-overflow: ellipsis;816 white-space: nowrap;817}818.out-artifact-meta {819 flex: 0 0 auto;820 margin-left: auto;821 padding-left: 12px;822 font-size: 12px;823 color: var(--muted);824 white-space: nowrap;825}826.out-artifact-state.open {827 color: var(--accent);828 font-weight: 600;829}830.trackio-embed {831 border: 1px solid var(--line);832 border-radius: var(--radius);833 overflow: hidden;834 background: var(--panel);835}836.trackio-cell-meta {837 display: flex;838 gap: 6px;839 flex-wrap: wrap;840 justify-content: flex-end;841}842 843/* ---- unfurl cards ---- */844.unfurl {845 display: block;846 border: 1px solid var(--line);847 border-radius: var(--radius);848 background: var(--panel);849 margin: 12px 0;850 overflow: hidden;851 text-decoration: none;852 color: inherit;853 transition: border-color 0.14s, box-shadow 0.14s;854}855.unfurl:hover {856 border-color: #cfcbe6;857 box-shadow: 0 4px 18px rgba(30, 20, 80, 0.06);858}859 860.unfurl-body {861 padding: 13px 16px;862 display: flex;863 gap: 12px;864 align-items: flex-start;865}866 867.unfurl-ico {868 font-size: 20px;869 line-height: 1.3;870 flex: 0 0 auto;871}872 873.unfurl-main {874 min-width: 0;875 flex: 1;876}877 878.unfurl-kind {879 font-family: var(--mono);880 font-size: 10.5px;881 text-transform: uppercase;882 letter-spacing: 0.08em;883 color: var(--accent);884 font-weight: 600;885}886 887.unfurl-title {888 font-weight: 650;889 font-size: 15px;890 margin: 1px 0 2px;891 white-space: nowrap;892 overflow: hidden;893 text-overflow: ellipsis;894}895 896.unfurl-desc {897 color: var(--muted);898 font-size: 13.5px;899 line-height: 1.45;900}901 902.unfurl-meta {903 margin-top: 6px;904 display: flex;905 flex-wrap: wrap;906 gap: 6px;907}908 909.chip {910 font-size: 11.5px;911 background: var(--code-bg);912 border-radius: 999px;913 padding: 2px 9px;914 color: var(--muted);915 font-family: var(--mono);916}917 918.unfurl-raw {919 font-family: var(--mono);920 font-size: 11px;921 color: var(--muted);922 border-top: 1px solid var(--line);923 padding: 7px 16px;924 white-space: nowrap;925 overflow: hidden;926 text-overflow: ellipsis;927}928 929.unfurl.embed {930 padding: 0;931 overflow: hidden;932}933.embed-head {934 display: flex;935 align-items: center;936 gap: 10px;937 padding: 10px 14px;938 border-bottom: 1px solid var(--line);939}940.embed-head .unfurl-kind {941 flex: 0 0 auto;942}943.embed-title {944 flex: 1;945 min-width: 0;946 font-weight: 650;947 font-size: 14px;948 color: var(--ink);949 text-decoration: none;950 white-space: nowrap;951 overflow: hidden;952 text-overflow: ellipsis;953}954.embed-title:hover {955 color: var(--accent);956}957.embed-open {958 flex: 0 0 auto;959 font-family: var(--mono);960 font-size: 12px;961 color: var(--accent);962 text-decoration: none;963}964.embed-frame {965 display: block;966 width: 100%;967 height: 560px;968 border: 0;969 background: var(--code-bg);970}971 972.dashboard-shell {973 display: block;974}975.dashboard-shell .dashboard-frame {976 display: block;977 width: 100%;978 height: 900px;979 border: 0;980 background: var(--code-bg);981}982 983.unfurl.image {984 padding: 0;985}986.unfurl.image img {987 display: block;988 width: 100%;989 height: auto;990 max-height: 460px;991 object-fit: contain;992 background: var(--code-bg);993}994 995.artifact-chip {996 border: 1px solid var(--line);997 background: var(--panel);998 border-radius: var(--radius);999 padding: 10px 14px;1000 margin: 8px 0;1001 font-size: 14px;1002}1003.cell.dashboard .artifact-chip {1004 margin: 14px 18px 18px;1005}1006.artifact-chip code {1007 color: var(--accent);1008}1009 1010/* ---- task board ---- */1011.board-wrap {1012 overflow-x: auto;1013 border: 1px solid var(--line);1014 border-radius: var(--radius);1015 margin: 12px 0 20px;1016 background: var(--panel);1017}1018table.board {1019 border-collapse: collapse;1020 width: 100%;1021 font-size: 14px;1022}1023table.board th,1024table.board td {1025 text-align: left;1026 padding: 9px 14px;1027 border-bottom: 1px solid var(--line);1028 vertical-align: top;1029}1030table.board thead th {1031 background: var(--accent-soft);1032 font-size: 12px;1033 text-transform: uppercase;1034 letter-spacing: 0.05em;1035 color: #9a4a12;1036 font-weight: 600;1037 border-bottom: 1px solid var(--line);1038}1039table.board tbody tr:last-child td {1040 border-bottom: none;1041}1042table.board .col-check {1043 text-align: center;1044 width: 92px;1045 white-space: nowrap;1046}1047table.board tr.section-row td {1048 background: var(--accent-soft);1049 text-align: center;1050 font-weight: 700;1051 font-size: 13px;1052 color: var(--accent-strong);1053 padding: 7px 14px;1054 letter-spacing: 0.02em;1055}1056.box {1057 display: inline-flex;1058 align-items: center;1059 justify-content: center;1060 width: 18px;1061 height: 18px;1062 border: 1.5px solid #cfcbe0;1063 border-radius: 5px;1064 font-size: 12px;1065 color: #fff;1066 line-height: 1;1067}1068.box.on {1069 background: var(--accent);1070 border-color: var(--accent);1071}1072.who-chip {1073 display: inline-block;1074 padding: 3px 12px;1075 border-radius: 999px;1076 font-size: 12.5px;1077 font-weight: 600;1078 white-space: nowrap;1079}1080.who-chip.muted {1081 background: var(--code-bg);1082 color: var(--muted);1083 font-weight: 500;1084}1085 1086/* ---- status badges + clickable rows ---- */1087table.board .col-status {1088 width: 130px;1089 white-space: nowrap;1090}1091.badge {1092 display: inline-block;1093 padding: 3px 11px;1094 border-radius: 999px;1095 font-size: 12px;1096 font-weight: 600;1097 letter-spacing: 0.01em;1098}1099.badge.gray {1100 background: var(--code-bg);1101 color: var(--muted);1102}1103.badge.amber {1104 background: var(--accent-soft);1105 color: #b45309;1106}1107.badge.green {1108 background: #e6f7ee;1109 color: #1a8a55;1110}1111.badge.red {1112 background: #fde8ec;1113 color: #c62a4b;1114}1115table.board tr.linked-row {1116 cursor: pointer;1117}1118table.board tr.linked-row:hover td {1119 background: var(--accent-soft);1120}1121table.board tr.linked-row a {1122 color: var(--ink);1123 font-weight: 600;1124 text-decoration: none;1125}1126table.board tr.linked-row:hover a {1127 color: var(--accent-strong);1128}1129 1130/* ---- agent read hint ---- */1131.agent-hint {1132 display: flex;1133 align-items: center;1134 flex-wrap: wrap;1135 gap: 8px;1136 margin: 0;1137 font-size: 12.5px;1138 color: var(--muted);1139}1140.agent-hint code {1141 flex: 1 1 18rem;1142 min-width: 0;1143 background: var(--code-bg);1144 padding: 2px 9px;1145 border-radius: 6px;1146 font-family: var(--mono);1147 font-size: 12px;1148 font-weight: 500;1149 color: var(--ink);1150 overflow: hidden;1151 text-overflow: ellipsis;1152 white-space: nowrap;1153}1154.agent-hint .copy {1155 flex: 0 0 auto;1156 background: none;1157 color: var(--muted);1158 border: 1px solid var(--line);1159 border-radius: 6px;1160 width: 22px;1161 height: 22px;1162 font-size: 11px;1163 line-height: 1;1164 cursor: pointer;1165 transition: color 0.12s, border-color 0.12s;1166}1167.agent-hint .copy:hover {1168 color: var(--accent-strong);1169 border-color: var(--accent);1170}1171.agent-hint .copy.copied {1172 color: #1a8a55;1173 border-color: #1a8a55;1174}1175.agent-hint-note {1176 margin-left: auto;1177 font-size: 12px;1178 color: var(--muted);1179}1180.hub-destination {1181 display: flex;1182 align-items: center;1183 flex-wrap: wrap;1184 gap: 8px;1185 color: var(--muted);1186 font-size: 12.5px;1187}1188.hub-destination a {1189 display: inline-flex;1190 align-items: center;1191 gap: 6px;1192 max-width: 100%;1193 padding: 3px 9px;1194 border: 1px solid var(--accent-line);1195 border-radius: 999px;1196 background: var(--accent-soft);1197 color: var(--accent-strong);1198 font-family: var(--mono);1199 font-size: 12px;1200 font-weight: 650;