@erdemtuna/doc-review 0.9.0 → 0.11.0

package/lib/ui/chrome.css

@@ -0,0 +1,4881 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties {
+  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
+    *, :before, :after, ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-animation-delay: 0s;
+      --tw-animation-direction: normal;
+      --tw-animation-duration: initial;
+      --tw-animation-fill-mode: none;
+      --tw-animation-iteration-count: 1;
+      --tw-enter-blur: 0;
+      --tw-enter-opacity: 1;
+      --tw-enter-rotate: 0;
+      --tw-enter-scale: 1;
+      --tw-enter-translate-x: 0;
+      --tw-enter-translate-y: 0;
+      --tw-exit-blur: 0;
+      --tw-exit-opacity: 1;
+      --tw-exit-rotate: 0;
+      --tw-exit-scale: 1;
+      --tw-exit-translate-x: 0;
+      --tw-exit-translate-y: 0;
+    }
+  }
+}
+
+@layer legacy {
+  :root {
+    --canvas: #eceae4;
+    --panel: #fbfaf7;
+    --card: #fff;
+    --card-border: #e9e7e0;
+    --hair: #e4e2db;
+    --hair-2: #eceae4;
+    --dash: #e0ddd4;
+    --strong-border: #d9d5c9;
+    --txt: #26241e;
+    --strong-txt: #1b1a16;
+    --mute: #736e63;
+    --mute-2: #6b6862;
+    --faint: #b6b2a8;
+    --faint-2: #a8a49a;
+    --soft: #f2f0ea;
+    --chip: #f4f2ec;
+    --input-bg: #fdfcfa;
+    --focus: #5a63d8;
+    --danger: #b23b2e;
+    --danger-soft: #f6ecea;
+    --amber: #c99500;
+    --green: #7d9370;
+    --btn-bg: #1b1a16;
+    --btn-fg: #fbfaf7;
+    --toolbar-h: 48px;
+    --drawer-w: 380px;
+    --narrow: 720px;
+    --overlay: 60;
+    --focus-ring: 0 0 0 3px #5a63d847;
+    --diff-paper: #fffefa;
+    --diff-ink: #302f29;
+    --diff-muted: #696459;
+    --diff-line: #dedad0;
+    --diff-removed: #fff2ee;
+    --diff-added: #eff7ec;
+    --diff-delete: #f6d3c9;
+    --diff-insert: #cee8c8;
+    --diff-delete-ink: #833f31;
+    --diff-insert-ink: #386132;
+    --diff-gap: #f7f5ef;
+    --diff-accent: #426581;
+  }
+
+  :root[data-theme="dark"] {
+    --canvas: #171614;
+    --panel: #1f1e1b;
+    --card: #262420;
+    --card-border: #34322d;
+    --hair: #2f2d29;
+    --hair-2: #2a2825;
+    --dash: #3a3833;
+    --strong-border: #403d37;
+    --txt: #eae7e0;
+    --strong-txt: #f4f1ea;
+    --mute: #9c968a;
+    --mute-2: #a8a29a;
+    --faint: #6e6961;
+    --faint-2: #837d74;
+    --soft: #2c2a26;
+    --chip: #2e2c27;
+    --input-bg: #1c1b18;
+    --focus: #8d95ff;
+    --danger: #d9705f;
+    --danger-soft: #3a2320;
+    --amber: #d9a520;
+    --green: #8ea37f;
+    --btn-bg: #f0ede6;
+    --btn-fg: #1b1a16;
+    --diff-paper: #24231f;
+    --diff-ink: #eae7df;
+    --diff-muted: #b8b1a5;
+    --diff-line: #464239;
+    --diff-removed: #372723;
+    --diff-added: #263426;
+    --diff-delete: #61382e;
+    --diff-insert: #355735;
+    --diff-delete-ink: #ffb6a5;
+    --diff-insert-ink: #b1d9a7;
+    --diff-gap: #2a2823;
+    --diff-accent: #9bbad2;
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+
+  html, body {
+    height: 100%;
+    margin: 0;
+    overflow: hidden;
+  }
+
+  body {
+    background: var(--canvas);
+    color: var(--txt);
+    -webkit-font-smoothing: antialiased;
+    font: 13px / 1.5 -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, sans-serif;
+  }
+
+  button, textarea {
+    font: inherit;
+    color: inherit;
+  }
+
+  button:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
+    box-shadow: var(--focus-ring);
+    outline: none;
+  }
+
+  .app {
+    grid-template-rows: auto minmax(0, 1fr);
+    height: 100dvh;
+    display: grid;
+  }
+
+  .icon {
+    flex: none;
+    display: block;
+  }
+
+  .sr-only {
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  .toolbar {
+    z-index: 20;
+    border-bottom: 1px solid var(--hair);
+    align-items: center;
+    display: grid;
+    position: relative;
+  }
+
+  .document-trust {
+    flex: none;
+    grid-area: scripts;
+    align-items: center;
+    gap: 2px;
+    display: flex;
+  }
+
+  .script-switch {
+    cursor: pointer;
+    background: none;
+    border: 1px solid #0000;
+    border-radius: 8px;
+    align-items: center;
+    gap: 8px;
+    height: 44px;
+    padding: 5px 8px;
+    font-weight: 550;
+    display: flex;
+  }
+
+  .script-switch:hover:not([aria-disabled="true"]) {
+    background: var(--soft);
+    border-color: var(--hair);
+  }
+
+  .script-switch:focus-visible, .script-retry:focus-visible {
+    outline: 2px solid var(--focus);
+    outline-offset: 2px;
+  }
+
+  .script-switch[aria-disabled="true"] {
+    cursor: wait;
+  }
+
+  .script-switch-value {
+    text-align: center;
+    width: 20px;
+    color: var(--mute-2);
+    flex: none;
+    font-size: 11px;
+    font-weight: 400;
+  }
+
+  .script-switch-label {
+    white-space: nowrap;
+  }
+
+  .script-switch-short-label {
+    display: none;
+  }
+
+  .script-switch-track {
+    border: 1px solid var(--mute-2);
+    background: var(--soft);
+    border-radius: 20px;
+    flex: none;
+    width: 30px;
+    height: 18px;
+    position: relative;
+  }
+
+  .script-switch-track:after {
+    content: "";
+    background: var(--mute-2);
+    border-radius: 50%;
+    width: 10px;
+    height: 10px;
+    transition: transform .12s;
+    position: absolute;
+    top: 3px;
+    left: 3px;
+  }
+
+  .script-switch[aria-checked="true"] .script-switch-track {
+    background: var(--btn-bg);
+    border-color: var(--btn-bg);
+  }
+
+  .script-switch[aria-checked="true"] .script-switch-track:after {
+    background: var(--btn-fg);
+    transform: translateX(12px);
+  }
+
+  .script-help, .script-status, .script-error {
+    color: var(--mute-2);
+    overflow-wrap: anywhere;
+    margin: 0;
+    padding: 0;
+  }
+
+  .script-status {
+    color: var(--txt);
+  }
+
+  .script-error {
+    color: var(--danger);
+  }
+
+  .script-retry {
+    cursor: pointer;
+    background: none;
+    border: 0;
+    flex: none;
+    height: 24px;
+    padding: 0;
+    font-size: 11px;
+    text-decoration: underline;
+  }
+
+  .script-details {
+    flex: none;
+  }
+
+  .script-details summary {
+    cursor: pointer;
+    width: 24px;
+    height: 24px;
+    color: var(--mute-2);
+    border-radius: 50%;
+    place-items: center;
+    font-size: 12px;
+    list-style: none;
+    display: grid;
+  }
+
+  .script-details summary::-webkit-details-marker {
+    display: none;
+  }
+
+  .script-details summary:hover {
+    background: var(--soft);
+  }
+
+  .script-details summary:focus-visible {
+    outline: 2px solid var(--focus);
+    outline-offset: 1px;
+  }
+
+  .script-details-body {
+    border: 1px solid var(--strong-border);
+    background: var(--panel);
+    width: min(380px, 100vw - 16px);
+    max-height: min(300px, 50vh);
+    color: var(--txt);
+    border-radius: 8px;
+    padding: 12px 16px;
+    font-size: 12px;
+    line-height: 1.5;
+    position: absolute;
+    top: calc(100% + 4px);
+    right: 8px;
+    overflow: auto;
+    box-shadow: 0 8px 24px #0002;
+  }
+
+  .script-details-body p {
+    overflow-wrap: anywhere;
+    margin: 0 0 8px;
+  }
+
+  .script-details-body p:last-child {
+    margin-bottom: 0;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .script-switch-track:after {
+      transition: none;
+    }
+  }
+
+  .stage {
+    background: var(--canvas);
+    min-width: 0;
+    min-height: 0;
+    position: relative;
+  }
+
+  .history-panel {
+    z-index: 1;
+    background: var(--panel);
+    scrollbar-gutter: stable;
+    height: 100%;
+    padding: 18px clamp(12px, 2vw, 28px) 28px;
+    position: absolute;
+    inset: 0;
+    overflow: auto;
+  }
+
+  .history-head, .history-controls, .history-navigation {
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+    display: flex;
+  }
+
+  .history-head h1 {
+    letter-spacing: -.5px;
+    margin: 0;
+    font-size: 20px;
+  }
+
+  .history-head h1 .section {
+    vertical-align: middle;
+    letter-spacing: .04em;
+    margin-left: 10px;
+  }
+
+  .history-summary {
+    color: var(--mute-2);
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: baseline;
+    gap: 4px 16px;
+    margin: 8px 0 14px;
+    font-size: 12px;
+    display: flex;
+  }
+
+  .history-summary > p {
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+
+  .history-summary > :empty {
+    display: none;
+  }
+
+  .history-panel label {
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+    display: flex;
+  }
+
+  .history-panel select {
+    border: 1px solid var(--strong-border);
+    background: var(--card);
+    min-width: 0;
+    max-width: 100%;
+    min-height: 44px;
+    color: var(--txt);
+    font: inherit;
+    text-overflow: ellipsis;
+    border-radius: 7px;
+    padding: 8px 10px;
+  }
+
+  .history-panel select:focus-visible {
+    outline: 2px solid var(--focus);
+  }
+
+  .history-controls {
+    justify-content: flex-start;
+    gap: 8px 16px;
+    margin: 0;
+  }
+
+  .history-controls > label {
+    color: var(--mute-2);
+    flex-wrap: nowrap;
+    font-size: 12px;
+  }
+
+  .history-round-label select {
+    max-width: min(280px, 65vw);
+  }
+
+  #historyTargetLabel {
+    flex: 200px;
+  }
+
+  #historyTarget {
+    width: 100%;
+  }
+
+  .history-controls button {
+    min-width: 44px;
+    min-height: 44px;
+  }
+
+  .history-controls [aria-pressed="true"] {
+    background: var(--soft);
+    color: var(--strong-txt);
+  }
+
+  .history-controls button:disabled {
+    opacity: .55;
+    cursor: default;
+  }
+
+  .history-counts {
+    color: var(--mute-2);
+    flex-wrap: wrap;
+    gap: 16px;
+    margin: 0;
+    display: flex;
+  }
+
+  .history-timing {
+    flex-wrap: wrap;
+    gap: 12px 24px;
+    margin: 14px 0;
+    display: flex;
+  }
+
+  .history-timing > div {
+    min-width: 0;
+  }
+
+  .history-timing dt {
+    text-transform: uppercase;
+    color: var(--mute-2);
+    letter-spacing: .04em;
+    font-size: 11px;
+  }
+
+  .history-timing dd {
+    overflow-wrap: anywhere;
+    margin: 2px 0 0;
+    font-weight: 550;
+  }
+
+  .history-context {
+    color: var(--mute-2);
+    overflow-wrap: anywhere;
+  }
+
+  .history-context p {
+    margin: 6px 0;
+  }
+
+  .history-diagnostics {
+    color: var(--mute-2);
+    margin: 12px 0 0;
+    font-size: 12px;
+  }
+
+  .history-diagnostics summary {
+    cursor: pointer;
+    width: fit-content;
+    min-height: 44px;
+    padding-block: 12px;
+  }
+
+  .history-diagnostics > p {
+    max-width: 90ch;
+  }
+
+  .history-diagnostics > button {
+    min-height: 44px;
+  }
+
+  .change-detail {
+    border: 1px solid var(--diff-line);
+    background: var(--card);
+    overflow-wrap: anywhere;
+    border-radius: 0 0 8px 8px;
+  }
+
+  .change-detail:empty {
+    display: none;
+  }
+
+  .comparison-header {
+    z-index: 4;
+    background: var(--panel);
+    position: sticky;
+    top: 0;
+  }
+
+  .history-navigation {
+    background: var(--panel);
+    justify-content: flex-start;
+    gap: 8px;
+    margin: 0;
+    padding: 0 0 8px;
+    font-size: 12px;
+  }
+
+  .history-navigation button {
+    min-width: 44px;
+    min-height: 44px;
+  }
+
+  .history-navigation .change-jump-label {
+    flex: 1;
+    justify-content: flex-end;
+  }
+
+  .change-jump-label select {
+    max-width: min(420px, 100%);
+  }
+
+  .comparison-headings, .comparison-row {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    display: grid;
+  }
+
+  .comparison-headings {
+    background: var(--soft);
+    border: 1px solid var(--diff-line);
+    color: var(--diff-muted);
+    border-radius: 8px 8px 0 0;
+    font-size: 12px;
+    font-weight: 600;
+  }
+
+  .comparison-headings > div {
+    padding: 12px 18px;
+  }
+
+  .comparison-headings > div + div, .comparison-after {
+    border-left: 1px solid var(--diff-line);
+  }
+
+  .comparison-row + .comparison-row {
+    border-top: 1px solid var(--hair-2);
+  }
+
+  .comparison-cell {
+    min-width: 0;
+    padding: 16px 20px 16px 0;
+    display: flex;
+  }
+
+  .comparison-cell-body {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .comparison-gutter {
+    text-align: center;
+    color: var(--diff-muted);
+    -webkit-user-select: none;
+    user-select: none;
+    flex: 0 0 32px;
+    padding-top: 2px;
+    font: 12px / 1.6 ui-monospace, monospace;
+  }
+
+  .comparison-block {
+    min-width: 0;
+    color: var(--diff-ink);
+    font: 15px / 1.7 system-ui, sans-serif;
+  }
+
+  .comparison-block :is(p, h1, h2, h3, h4, h5, h6, pre, ul, ol, figure, blockquote) {
+    margin: 0;
+  }
+
+  .comparison-block h1 {
+    letter-spacing: -.5px;
+    font-size: 25px;
+    line-height: 1.3;
+  }
+
+  .comparison-block h2 {
+    letter-spacing: -.3px;
+    font-size: 21px;
+    line-height: 1.4;
+  }
+
+  .comparison-block h3 {
+    font-size: 18px;
+    line-height: 1.4;
+  }
+
+  .comparison-block :is(h4, h5, h6) {
+    font-size: 16px;
+    line-height: 1.5;
+  }
+
+  .comparison-block pre {
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+    tab-size: 4;
+    font: 12px / 1.7 ui-monospace, monospace;
+  }
+
+  .comparison-block blockquote {
+    border-left: 3px solid var(--strong-border);
+    color: var(--diff-muted);
+    padding-left: 12px;
+  }
+
+  .comparison-block :is(code, kbd, samp) {
+    background: var(--soft);
+    border-radius: 3px;
+    padding: 1px 3px;
+    font-family: ui-monospace, monospace;
+    font-size: .9em;
+  }
+
+  .comparison-removed {
+    background: var(--diff-removed);
+  }
+
+  .comparison-added {
+    background: var(--diff-added);
+  }
+
+  .comparison-gap {
+    background: repeating-linear-gradient(135deg, var(--diff-paper) 0, var(--diff-paper) 5px, var(--diff-gap) 5px, var(--diff-gap) 7px);
+  }
+
+  .comparison-surface {
+    background: var(--diff-paper);
+    color: var(--diff-ink);
+  }
+
+  .comparison-surface del {
+    background: var(--diff-delete);
+    text-decoration: line-through;
+    -webkit-text-decoration-color: var(--diff-delete-ink);
+    -webkit-text-decoration-color: var(--diff-delete-ink);
+    text-decoration-color: var(--diff-delete-ink);
+    border-radius: 2px;
+  }
+
+  .comparison-surface ins {
+    background: var(--diff-insert);
+    text-decoration: underline;
+    text-decoration-thickness: 2px;
+    -webkit-text-decoration-color: var(--diff-insert-ink);
+    -webkit-text-decoration-color: var(--diff-insert-ink);
+    text-decoration-color: var(--diff-insert-ink);
+    text-underline-offset: 3px;
+    border-radius: 2px;
+  }
+
+  .comparison-current > .comparison-before {
+    box-shadow: inset 3px 0 var(--diff-accent);
+  }
+
+  .comparison-mobile-label {
+    display: none;
+  }
+
+  .comparison-change-label {
+    color: var(--diff-muted);
+    margin-bottom: 6px;
+    font-size: 11px;
+    display: block;
+  }
+
+  .comparison-expand {
+    border: 0;
+    border-block: 1px solid var(--diff-line);
+    background: var(--soft);
+    width: 100%;
+    min-height: 44px;
+    color: var(--diff-muted);
+    cursor: pointer;
+    text-align: center;
+    padding: 10px 16px;
+    font: 12px / 1.5 system-ui, sans-serif;
+    display: block;
+  }
+
+  .comparison-expand:hover {
+    background: var(--chip);
+    color: var(--strong-txt);
+  }
+
+  .comparison-surface :focus-visible, .history-panel summary:focus-visible {
+    outline: 2px solid var(--focus);
+    outline-offset: -2px;
+  }
+
+  .comparison-notice, .comparison-budget {
+    color: var(--diff-muted);
+    margin: 0;
+    padding: 14px 18px;
+    font-size: 12px;
+  }
+
+  .comparison-budget {
+    color: var(--danger);
+  }
+
+  .comparison-block .metadata-note, .comparison-block .structure-note, .comparison-block .newline-note {
+    color: var(--diff-muted);
+    overflow-wrap: anywhere;
+    margin-top: 5px;
+    font: 12px / 1.5 system-ui, sans-serif;
+    display: block;
+  }
+
+  .saved-link {
+    color: var(--diff-accent);
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+
+  .saved-image {
+    border: 1px dashed var(--diff-muted);
+    background: var(--diff-gap);
+    border-radius: 5px;
+    padding: 12px;
+  }
+
+  .saved-image small {
+    color: var(--diff-muted);
+    font-size: 12px;
+    display: block;
+  }
+
+  .saved-list {
+    padding-inline-start: 22px;
+  }
+
+  .saved-table {
+    border-collapse: collapse;
+    table-layout: fixed;
+    width: 100%;
+  }
+
+  .saved-table :is(th, td) {
+    border: 1px solid var(--diff-line);
+    text-align: left;
+    vertical-align: top;
+    padding: 7px 10px;
+  }
+
+  .saved-table th {
+    background: var(--soft);
+  }
+
+  .saved-table .comparison-block {
+    font-size: 13px;
+  }
+
+  .comparison-source .comparison-cell {
+    padding-block: 0;
+    padding-right: 8px;
+  }
+
+  .comparison-source .comparison-change-label {
+    display: none;
+  }
+
+  .comparison-source .comparison-gutter {
+    text-align: right;
+    white-space: pre;
+    flex-basis: 60px;
+    padding: 0 12px 0 4px;
+  }
+
+  .comparison-source .comparison-block pre {
+    min-height: 22px;
+    line-height: 22px;
+  }
+
+  .comparison-source .comparison-block .newline-note {
+    margin: 0;
+    padding: 3px 0;
+  }
+
+  .capture-warning {
+    border: 1px solid var(--strong-border);
+    background: var(--panel);
+    overflow-wrap: anywhere;
+    border-radius: 8px;
+    padding: 12px;
+  }
+
+  .capture-warning p {
+    margin: 0 0 8px;
+  }
+
+  body.comparing :is(#compose, #alignedCard) {
+    display: none !important;
+  }
+
+  body.comparing #frame {
+    pointer-events: none;
+  }
+
+  @media (max-width: 540px) {
+    .history-panel {
+      padding: 12px 8px;
+    }
+
+    .history-head {
+      align-items: flex-start;
+    }
+  }
+
+  @media (max-width: 700px) {
+    .comparison-headings {
+      display: none;
+    }
+
+    .change-detail {
+      border-radius: 8px;
+    }
+
+    .comparison-row {
+      border-bottom: 1px solid var(--diff-line);
+      grid-template-columns: minmax(0, 1fr);
+    }
+
+    .comparison-after {
+      border-left: 0;
+      border-top: 1px solid var(--diff-line);
+    }
+
+    .comparison-gap, .comparison-unchanged > .comparison-after {
+      display: none;
+    }
+
+    .comparison-cell {
+      padding-right: 10px;
+    }
+
+    .comparison-mobile-label {
+      color: var(--diff-muted);
+      margin-bottom: 8px;
+      font: 600 12px / 1.6 system-ui, sans-serif;
+      display: block;
+    }
+
+    .comparison-change-label {
+      display: none;
+    }
+
+    .comparison-current > .comparison-after {
+      box-shadow: inset 3px 0 var(--diff-accent);
+    }
+
+    .comparison-block {
+      font-size: 14px;
+    }
+
+    .comparison-source .comparison-gutter {
+      flex-basis: 48px;
+    }
+
+    .history-navigation {
+      flex-wrap: nowrap;
+    }
+
+    .history-navigation .change-jump-label {
+      flex: 1;
+    }
+
+    .change-jump-label > span {
+      display: none;
+    }
+
+    .change-jump-label select {
+      width: 100%;
+      max-width: 100%;
+    }
+
+    .history-navigation button {
+      flex: 0 0 44px;
+      width: 44px;
+      padding: 4px;
+      font-size: 0;
+    }
+
+    .history-navigation button:before {
+      font-size: 18px;
+    }
+
+    #previousChange:before {
+      content: "←";
+    }
+
+    #nextChange:before {
+      content: "→";
+    }
+
+    #changePosition {
+      white-space: nowrap;
+    }
+  }
+
+  #frame {
+    background: #fff;
+    border: 0;
+    width: 100%;
+    height: 100%;
+    display: block;
+  }
+
+  #frame[data-replacing] {
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  #previousFrame {
+    z-index: 1;
+    pointer-events: none;
+    border: 0;
+    width: 100%;
+    height: 100%;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
+
+  .icon-btn {
+    border: 1px solid var(--hair);
+    background: var(--soft);
+    width: 30px;
+    height: 30px;
+    color: var(--mute-2);
+    cursor: pointer;
+    border-radius: 7px;
+    justify-content: center;
+    align-items: center;
+    padding: 0;
+    display: inline-flex;
+  }
+
+  .icon-btn:hover {
+    border-color: var(--strong-border);
+    color: var(--strong-txt);
+  }
+
+  .contextual-compose {
+    z-index: 90;
+    border: 1px solid var(--strong-border);
+    background: var(--card);
+    width: min(340px, 100vw - 24px);
+    max-height: calc(100dvh - var(--toolbar-h) - 12px);
+    border-radius: 10px;
+    padding: 14px;
+    animation: .13s ease-out rise;
+    position: fixed;
+    overflow-y: auto;
+    box-shadow: 0 16px 44px #1b1a163d;
+  }
+
+  .contextual-compose.sheet {
+    width: 100%;
+    max-height: min(70dvh, 420px);
+    padding-bottom: max(14px, env(safe-area-inset-bottom));
+    border-radius: 14px 14px 0 0;
+    bottom: 0;
+    right: 0;
+    top: auto !important;
+    left: 0 !important;
+  }
+
+  .contextual-compose.edge-top, .contextual-compose.edge-bottom {
+    border-color: var(--focus);
+  }
+
+  .contextual-compose.pass-through {
+    pointer-events: none;
+    opacity: .92;
+  }
+
+  .compose-head {
+    justify-content: space-between;
+    align-items: center;
+    gap: 10px;
+    margin-bottom: 10px;
+    display: flex;
+  }
+
+  .compose-head > div {
+    align-items: center;
+    gap: 8px;
+    display: flex;
+  }
+
+  .compose-head strong {
+    font-size: 13px;
+  }
+
+  .chip {
+    background: var(--chip);
+    color: var(--mute);
+    border-radius: 999px;
+    padding: 2px 8px;
+    font-size: 10px;
+    font-weight: 600;
+  }
+
+  .compose-direction {
+    background: var(--soft);
+    color: var(--mute-2);
+    border-radius: 6px;
+    justify-content: space-between;
+    align-items: center;
+    gap: 10px;
+    margin: -2px 0 9px;
+    padding: 7px 9px;
+    font-size: 11.5px;
+    display: flex;
+  }
+
+  .link-action {
+    color: var(--focus);
+    font: inherit;
+    cursor: pointer;
+    background: none;
+    border: 0;
+    flex: none;
+    padding: 0;
+    font-weight: 600;
+  }
+
+  .compose-help {
+    color: var(--faint-2);
+    justify-content: space-between;
+    gap: 10px;
+    margin: 5px 1px 0;
+    font-size: 10.5px;
+    display: flex;
+  }
+
+  .quote {
+    color: var(--mute);
+    white-space: normal;
+    overflow-wrap: anywhere;
+    border-left: 2px solid #f5c400b3;
+    margin: 0 0 10px;
+    padding-left: 9px;
+    font-size: 12px;
+    font-style: italic;
+    line-height: 1.45;
+  }
+
+  .contextual-compose textarea, .send-section textarea {
+    border: 1px solid var(--hair);
+    background: var(--input-bg);
+    resize: vertical;
+    border-radius: 6px;
+    outline: none;
+    width: 100%;
+    padding: 8px 10px;
+    font-size: 13px;
+    line-height: 1.5;
+  }
+
+  .contextual-compose textarea:focus, .send-section textarea:focus {
+    border-color: var(--focus);
+    background: var(--card);
+  }
+
+  .compose-actions {
+    align-items: center;
+    gap: 8px;
+    margin-top: 9px;
+    display: flex;
+  }
+
+  .compose-error {
+    color: var(--danger);
+    margin: 8px 0 0;
+    font-size: 11.5px;
+  }
+
+  .btn-primary, .btn-ghost {
+    cursor: pointer;
+    border-radius: 6px;
+    justify-content: center;
+    align-items: center;
+    gap: 7px;
+    min-height: 32px;
+    padding: 6px 11px;
+    font-size: 12px;
+    font-weight: 500;
+    display: inline-flex;
+  }
+
+  .btn-primary {
+    border: 1px solid var(--btn-bg);
+    background: var(--btn-bg);
+    color: var(--btn-fg);
+  }
+
+  .btn-primary:disabled {
+    opacity: .55;
+    cursor: wait;
+  }
+
+  .btn-ghost {
+    color: var(--mute);
+    background: none;
+    border: 0;
+  }
+
+  .btn-ghost:hover {
+    background: var(--soft);
+    color: var(--strong-txt);
+  }
+
+  .aligned-card {
+    z-index: 55;
+    width: 300px;
+    max-height: min(280px, calc(100dvh - var(--toolbar-h) - 24px));
+    border: 1px solid var(--strong-border);
+    background: var(--card);
+    border-radius: 9px;
+    padding: 13px 14px;
+    position: fixed;
+    overflow: auto;
+    box-shadow: 0 10px 30px #1b1a1633;
+  }
+
+  .drawer {
+    z-index: 75;
+    top: var(--toolbar-h);
+    width: min(var(--drawer-w), calc(100vw - 32px));
+    border-left: 1px solid var(--hair);
+    background: var(--panel);
+    visibility: hidden;
+    grid-template-rows: auto minmax(0, 1fr) minmax(0, auto);
+    transition: transform .16s ease-out, visibility 0s linear .16s;
+    display: grid;
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    transform: translateX(102%);
+    box-shadow: -12px 0 34px #1b1a1629;
+  }
+
+  .drawer.open {
+    visibility: visible;
+    transition-delay: 0s;
+    transform: none;
+  }
+
+  .drawer-inventory {
+    min-width: 0;
+    min-height: 0;
+    padding: 14px 12px 18px;
+    overflow: hidden auto;
+  }
+
+  .drawer-backdrop {
+    z-index: 70;
+    inset: var(--toolbar-h) 0 0;
+    background: #14131133;
+    position: fixed;
+  }
+
+  .rail-head {
+    align-items: baseline;
+    gap: 7px;
+    padding: 0 4px 9px;
+    display: flex;
+  }
+
+  .rail-head.tight {
+    padding-top: 0;
+  }
+
+  .section {
+    letter-spacing: .08em;
+    text-transform: uppercase;
+    color: var(--mute);
+    font-size: 11px;
+    font-weight: 600;
+  }
+
+  .dim {
+    color: var(--faint);
+    font-size: 11px;
+  }
+
+  .link-btn {
+    color: var(--faint-2);
+    cursor: pointer;
+    background: none;
+    border: 0;
+    margin-left: auto;
+    padding: 0;
+    font-size: 11px;
+  }
+
+  .link-btn:hover {
+    color: var(--strong-txt);
+  }
+
+  .danger-hover:hover {
+    color: var(--danger);
+  }
+
+  .aligned-card {
+    color: var(--txt);
+  }
+
+  .comment-head {
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 8px;
+    display: flex;
+  }
+
+  .comment-head .who {
+    margin-right: auto;
+  }
+
+  .who {
+    color: var(--mute-2);
+    font-size: 11px;
+    font-weight: 500;
+  }
+
+  .who .sep {
+    color: var(--faint);
+    margin: 0 4px;
+  }
+
+  .who .when {
+    color: var(--faint-2);
+  }
+
+  .jump {
+    color: var(--faint-2);
+    white-space: nowrap;
+    cursor: pointer;
+    background: none;
+    border: 0;
+    margin-left: auto;
+    padding: 0;
+    font-size: 11px;
+  }
+
+  .jump:hover {
+    color: var(--strong-txt);
+  }
+
+  .edit-comment {
+    margin-left: 0;
+  }
+
+  .remove {
+    color: var(--faint);
+    cursor: pointer;
+    background: none;
+    border: 0;
+    border-radius: 4px;
+    margin-left: 0;
+    padding: 3px;
+  }
+
+  .remove:hover {
+    background: var(--danger-soft);
+    color: var(--danger);
+  }
+
+  .aligned-card .quote {
+    margin-bottom: 8px;
+  }
+
+  .aligned-card .body {
+    cursor: text;
+    white-space: pre-wrap;
+    border-radius: 4px;
+    margin: 0;
+    font-size: 13px;
+    line-height: 1.5;
+  }
+
+  .card-action {
+    color: var(--faint-2);
+    font: inherit;
+    cursor: pointer;
+    white-space: nowrap;
+    background: none;
+    border: 0;
+    border-radius: 4px;
+    flex: none;
+    align-items: center;
+    gap: 4px;
+    padding: 3px 4px;
+    font-size: 11px;
+    display: inline-flex;
+  }
+
+  .card-action:hover, .card-action:focus-visible, .more-trigger[aria-expanded="true"] {
+    background: var(--soft);
+    color: var(--strong-txt);
+  }
+
+  .comment-menu {
+    z-index: 3;
+    border: 1px solid var(--strong-border);
+    background: var(--card);
+    border-radius: 7px;
+    min-width: 132px;
+    padding: 4px;
+    position: absolute;
+    top: 38px;
+    right: 12px;
+    box-shadow: 0 8px 24px #1b1a1633;
+  }
+
+  .aligned-card .comment-menu {
+    top: 38px;
+    right: 12px;
+  }
+
+  .comment-menu-item {
+    width: 100%;
+    color: var(--danger);
+    font: inherit;
+    text-align: left;
+    cursor: pointer;
+    background: none;
+    border: 0;
+    border-radius: 5px;
+    align-items: center;
+    gap: 7px;
+    padding: 7px 8px;
+    font-size: 12px;
+    display: flex;
+  }
+
+  .comment-menu-item:hover, .comment-menu-item:focus-visible {
+    background: var(--danger-soft);
+    outline: none;
+  }
+
+  .body-edit {
+    border: 1px solid var(--focus);
+    background: var(--card);
+    width: 100%;
+    color: var(--txt);
+    resize: vertical;
+    border-radius: 6px;
+    outline: none;
+    padding: 6px 8px;
+    font-size: 13px;
+    line-height: 1.5;
+  }
+
+  .body-edit[readonly] {
+    opacity: .75;
+  }
+
+  .edit-help {
+    color: var(--faint-2);
+    margin: 5px 0 0;
+    font-size: 10.5px;
+  }
+
+  .comment-edit-actions, .delete-actions {
+    align-items: center;
+    gap: 7px;
+    margin-top: 8px;
+    display: flex;
+  }
+
+  .comment-validation {
+    color: var(--danger);
+    margin: 6px 0 0;
+    font-size: 11.5px;
+  }
+
+  .delete-prompt {
+    margin: 2px 0 0;
+    font-size: 13px;
+    font-weight: 600;
+  }
+
+  .btn-danger {
+    border: 1px solid var(--danger);
+    background: var(--danger);
+    color: #fff;
+    cursor: pointer;
+    border-radius: 6px;
+    min-height: 32px;
+    padding: 6px 11px;
+    font-size: 12px;
+    font-weight: 500;
+  }
+
+  .btn-danger:disabled, .comment-edit-actions button:disabled, .delete-actions button:disabled {
+    opacity: .55;
+    cursor: wait;
+  }
+
+  .badge {
+    background: var(--chip);
+    color: var(--faint-2);
+    border-radius: 999px;
+    margin-left: 6px;
+    padding: 1px 7px;
+    font-size: 10px;
+    font-weight: 600;
+    display: inline-block;
+  }
+
+  .badge.correction {
+    background: var(--danger-soft);
+    color: var(--danger);
+  }
+
+  #othersBox, #editsBox {
+    margin-top: 20px;
+  }
+
+  .save-line {
+    color: var(--faint-2);
+    align-items: center;
+    gap: 7px;
+    padding: 0 4px 9px;
+    font-size: 11px;
+    display: flex;
+  }
+
+  .save-line.failed {
+    color: var(--danger);
+  }
+
+  .save-line.dynamic {
+    color: var(--mute);
+  }
+
+  .dot {
+    background: var(--green);
+    border-radius: 50%;
+    flex: none;
+    width: 6px;
+    height: 6px;
+  }
+
+  .save-line.saving .dot, .save-line.dynamic .dot, .dot.amber {
+    background: var(--amber);
+  }
+
+  .save-line.failed .dot {
+    background: var(--danger);
+  }
+
+  .edit-list {
+    border: 1px solid var(--card-border);
+    background: var(--card);
+    border-radius: 8px;
+    overflow: hidden;
+  }
+
+  .edit-row {
+    border-top: 1px solid var(--hair-2);
+    align-items: center;
+    gap: 9px;
+    padding: 9px 12px;
+    display: flex;
+  }
+
+  .edit-row:first-child {
+    border-top: 0;
+  }
+
+  .edit-row .pip {
+    background: var(--amber);
+    border-radius: 50%;
+    flex: none;
+    width: 5px;
+    height: 5px;
+  }
+
+  .edit-row.deleted .pip {
+    background: var(--danger);
+  }
+
+  .edit-row .label {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    font-size: 12.5px;
+    overflow: hidden;
+  }
+
+  .edit-row .kind {
+    color: var(--faint-2);
+    white-space: nowrap;
+    margin-left: auto;
+    font-size: 11px;
+  }
+
+  .edit-more {
+    border: 0;
+    border-top: 1px solid var(--hair-2);
+    width: 100%;
+    color: var(--faint-2);
+    text-align: left;
+    cursor: pointer;
+    background: none;
+    padding: 8px 12px;
+    font-size: 11.5px;
+  }
+
+  .edit-more:hover {
+    background: var(--soft);
+    color: var(--strong-txt);
+  }
+
+  .drawer-footer {
+    border-top: 1px solid var(--hair);
+    background: var(--panel);
+    grid-template-rows: auto minmax(44px, 1fr);
+    min-width: 0;
+    min-height: 0;
+    max-height: min(55dvh, 430px);
+    display: grid;
+  }
+
+  .send-primary {
+    flex: none;
+    padding: 12px 12px 10px;
+  }
+
+  .send-secondary {
+    min-height: 0;
+    padding: 0 12px 12px;
+    overflow: hidden auto;
+  }
+
+  .send-section textarea {
+    min-height: 64px;
+    max-height: min(24vh, 160px);
+    margin-bottom: 9px;
+    overflow-y: auto;
+  }
+
+  .send {
+    border: 1px solid var(--btn-bg);
+    background: var(--btn-bg);
+    width: 100%;
+    min-height: 40px;
+    color: var(--btn-fg);
+    cursor: pointer;
+    border-radius: 6px;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    padding: 9px 12px;
+    font-size: 12.5px;
+    font-weight: 500;
+    display: flex;
+  }
+
+  .send:disabled {
+    border-color: var(--hair);
+    background: var(--soft);
+    color: var(--faint);
+    cursor: default;
+  }
+
+  .agent-line {
+    color: var(--faint);
+    justify-content: center;
+    align-items: center;
+    gap: 6px;
+    margin: 10px 2px 2px;
+    font-size: 11px;
+    display: flex;
+  }
+
+  .handoff {
+    border: 1px solid var(--strong-border);
+    background: var(--card);
+    border-radius: 8px;
+    padding: 11px 12px;
+  }
+
+  .handoff-title {
+    margin: 0 0 4px;
+    font-size: 12px;
+    font-weight: 600;
+  }
+
+  .handoff-body {
+    color: var(--mute);
+    margin: 0 0 8px;
+    font-size: 11.5px;
+  }
+
+  .handoff-cmd {
+    background: var(--input-bg);
+    border: 1px solid var(--hair);
+    border-radius: 6px;
+    margin-bottom: 8px;
+    padding: 8px 9px;
+    overflow-x: auto;
+  }
+
+  .handoff-cmd code {
+    white-space: pre-wrap;
+    word-break: break-word;
+    font: 11.5px / 1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
+  }
+
+  .end-review {
+    width: 100%;
+    color: var(--faint-2);
+    cursor: pointer;
+    background: none;
+    border: none;
+    border-radius: 6px;
+    margin-top: 9px;
+    padding: 6px;
+    font-size: 12px;
+  }
+
+  .end-review:hover {
+    color: var(--danger);
+    background: var(--danger-soft);
+  }
+
+  .ended {
+    z-index: 100;
+    background: var(--panel);
+    color: var(--txt);
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 4px;
+    display: flex;
+    position: fixed;
+    inset: 0;
+  }
+
+  .ended h2 {
+    color: var(--strong-txt);
+    margin: 0;
+    font-size: 17px;
+  }
+
+  .ended p {
+    color: var(--mute-2);
+    margin: 0;
+    font-size: 13px;
+  }
+
+  .toast {
+    z-index: 110;
+    background: var(--btn-bg);
+    color: var(--btn-fg);
+    border-radius: 8px;
+    padding: 8px 14px;
+    font-size: 12px;
+    animation: .14s ease-out rise;
+    position: fixed;
+    bottom: 22px;
+    left: 50%;
+    transform: translateX(-50%);
+    box-shadow: 0 8px 24px #0000002e;
+  }
+
+  @keyframes rise {
+    from {
+      opacity: 0;
+      transform: translateY(4px);
+    }
+
+    to {
+      opacity: 1;
+      transform: none;
+    }
+  }
+
+  @media (max-width: 720px) {
+    .drawer {
+      top: var(--toolbar-h);
+      border-left: 0;
+      width: 100%;
+    }
+
+    .drawer-backdrop, .aligned-card {
+      display: none !important;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    *, :before, :after {
+      scroll-behavior: auto !important;
+      transition: none !important;
+      animation: none !important;
+    }
+  }
+}
+
+@layer theme {
+  :root, :host {
+    --spacing: .25rem;
+    --container-xs: 20rem;
+    --container-sm: 24rem;
+    --text-xs--line-height: calc(1 / .75);
+    --text-sm--line-height: calc(1.25 / .875);
+    --text-base--line-height: calc(1.5 / 1);
+    --text-lg--line-height: calc(1.75 / 1.125);
+    --font-weight-medium: 500;
+    --font-weight-semibold: 600;
+    --tracking-tight: -.025em;
+    --tracking-widest: .1em;
+    --leading-relaxed: 1.625;
+    --radius-md: var(--radius);
+    --radius-4xl: 2rem;
+    --ease-out: cubic-bezier(0, 0, .2, 1);
+    --default-transition-duration: .15s;
+    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+  }
+}
+
+@layer base {
+  .review-ui {
+    font-family: var(--review-font-sans);
+    font-size: var(--review-text-sm);
+    color: var(--foreground);
+    -webkit-font-smoothing: antialiased;
+    line-height: 1.5;
+  }
+
+  :root.review-ui {
+    font-size: 100%;
+  }
+
+  .review-ui :where(*) {
+    box-sizing: border-box;
+    border: 0 solid var(--border);
+  }
+
+  .review-ui :where(button, input, select, textarea) {
+    font: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+  }
+
+  .review-ui :where(button) {
+    cursor: pointer;
+    background-color: #0000;
+  }
+
+  .review-ui :where(button:disabled, input:disabled, select:disabled, textarea:disabled) {
+    cursor: not-allowed;
+  }
+
+  .review-ui :where(svg) {
+    flex-shrink: 0;
+    display: block;
+  }
+
+  .review-ui :where([hidden]) {
+    display: none !important;
+  }
+
+  .review-ui :where(h1, h2, h3, p) {
+    margin: 0;
+  }
+
+  .review-ui :where(a) {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+}
+
+@layer components {
+  #historyPanel.review-ui {
+    background: var(--background);
+    --diff-paper: var(--card);
+    --diff-ink: var(--foreground);
+    --diff-muted: var(--muted-foreground);
+    --diff-line: var(--border);
+    --diff-accent: var(--ring);
+    --diff-added: var(--review-added);
+    --diff-removed: var(--review-removed);
+    --diff-gap: var(--muted);
+    --diff-delete: var(--review-delete);
+    --diff-delete-ink: var(--review-removed-foreground);
+    --diff-insert: var(--review-insert);
+    --diff-insert-ink: var(--review-added-foreground);
+  }
+
+  #historyPanel .comparison-header {
+    background: var(--background);
+  }
+
+  #historyPanel .comparison-surface {
+    border: 1px solid var(--border);
+    background: var(--card);
+    color: var(--foreground);
+  }
+
+  #historyPanel .comparison-current {
+    scroll-margin-top: var(--comparison-header-height, 0px);
+  }
+
+  #historyPanel .comparison-headings {
+    border: 1px solid var(--border);
+    background: var(--muted);
+    color: var(--muted-foreground);
+  }
+
+  #historyPanel .comparison-headings > div + div, #historyPanel .comparison-after {
+    border-left: 1px solid var(--border);
+  }
+
+  #historyPanel .comparison-row + .comparison-row {
+    border-top: 1px solid var(--border);
+  }
+
+  #historyPanel .comparison-block {
+    color: var(--foreground);
+    font-family: var(--review-font-sans);
+  }
+
+  #historyPanel .comparison-block blockquote {
+    border-left: 3px solid var(--input);
+    color: var(--muted-foreground);
+  }
+
+  #historyPanel .comparison-block :is(code, kbd, samp) {
+    background: var(--muted);
+    font-family: var(--review-font-mono);
+  }
+
+  #historyPanel .comparison-block pre {
+    font-family: var(--review-font-mono);
+  }
+
+  #historyPanel .comparison-block hr {
+    border-top: 1px solid var(--border);
+    margin: 12px 0;
+  }
+
+  #historyPanel .comparison-block mark {
+    background: var(--review-modified);
+    color: var(--review-modified-foreground);
+  }
+
+  #historyPanel .comparison-gutter, #historyPanel .comparison-change-label, #historyPanel .comparison-mobile-label {
+    color: var(--muted-foreground);
+  }
+
+  #historyPanel .comparison-added {
+    background: var(--review-added);
+  }
+
+  #historyPanel .comparison-removed {
+    background: var(--review-removed);
+  }
+
+  #historyPanel .comparison-surface ins {
+    background: var(--review-insert);
+    -webkit-text-decoration-color: var(--review-added-foreground);
+    -webkit-text-decoration-color: var(--review-added-foreground);
+    text-decoration-color: var(--review-added-foreground);
+  }
+
+  #historyPanel .comparison-surface del {
+    background: var(--review-delete);
+    -webkit-text-decoration-color: var(--review-removed-foreground);
+    -webkit-text-decoration-color: var(--review-removed-foreground);
+    text-decoration-color: var(--review-removed-foreground);
+  }
+
+  #historyPanel .comparison-notice {
+    color: var(--muted-foreground);
+  }
+
+  #historyPanel .comparison-budget {
+    color: var(--destructive);
+  }
+
+  #historyPanel .comparison-block :is(.metadata-note, .structure-note, .newline-note) {
+    color: var(--muted-foreground);
+    font-family: var(--review-font-sans);
+  }
+
+  #historyPanel .comparison-expand {
+    border-block: 1px solid var(--border);
+    background: var(--muted);
+    color: var(--muted-foreground);
+    font: 12px/1.5 var(--review-font-sans);
+  }
+
+  #historyPanel .comparison-expand:hover {
+    background: var(--accent);
+    color: var(--accent-foreground);
+  }
+
+  #historyPanel .saved-link {
+    color: var(--primary);
+  }
+
+  #historyPanel .saved-image {
+    border: 1px dashed var(--input);
+    background: var(--muted);
+  }
+
+  #historyPanel .saved-image small {
+    color: var(--muted-foreground);
+  }
+
+  #historyPanel .saved-table :is(th, td) {
+    border: 1px solid var(--border);
+  }
+
+  #historyPanel .saved-table th {
+    background: var(--muted);
+  }
+
+  @media (max-width: 700px) {
+    #historyPanel .comparison-row {
+      border-bottom: 1px solid var(--border);
+    }
+
+    #historyPanel .comparison-after {
+      border-left: 0;
+      border-top: 1px solid var(--border);
+    }
+  }
+
+  .changes-controls {
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    background: var(--card);
+    margin-bottom: 12px;
+    padding: 12px;
+  }
+
+  .changes-support {
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 8px;
+    display: flex;
+  }
+
+  #historyStatus {
+    min-width: 0;
+    color: var(--muted-foreground);
+    overflow-wrap: anywhere;
+    margin: 0;
+    font-size: 12px;
+  }
+
+  .changes-toolbar {
+    border: 1px solid var(--border);
+    border-radius: var(--radius) var(--radius) 0 0;
+    background: var(--card);
+    border-bottom: 0;
+    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+    align-items: center;
+    gap: 12px 8px;
+    padding: 8px 12px;
+    font-size: 12px;
+    display: grid;
+  }
+
+  .changes-view-tools {
+    flex-wrap: wrap;
+    grid-area: 1 / 3;
+    justify-content: flex-end;
+    justify-self: end;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+    max-width: 100%;
+    display: flex;
+  }
+
+  .changes-context {
+    flex-wrap: wrap;
+    grid-area: 1 / 1;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+    max-width: 100%;
+    display: flex;
+  }
+
+  .changes-context > #historyTargetLabel {
+    flex: 0 auto;
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  .choice-trigger {
+    max-width: 100%;
+  }
+
+  .choice-label {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  #roundPicker {
+    max-width: 12rem;
+  }
+
+  #historyTarget {
+    width: auto;
+    max-width: 12rem;
+  }
+
+  .changes-counts {
+    white-space: normal;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 4px;
+    display: flex;
+  }
+
+  .changes-counts [data-slot="badge"] {
+    background: var(--card);
+    border-color: var(--border);
+    color: var(--foreground);
+    gap: 4px;
+  }
+
+  .changes-added svg {
+    color: var(--review-count-added);
+  }
+
+  .changes-modified svg {
+    color: var(--review-count-modified);
+  }
+
+  .changes-removed svg {
+    color: var(--review-count-removed);
+  }
+
+  .changes-error-line {
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 8px;
+    margin-top: 8px;
+    display: flex;
+  }
+
+  .changes-error {
+    color: var(--destructive);
+    overflow-wrap: anywhere;
+    margin: 0;
+    font-size: 12px;
+  }
+
+  .changes-navigation {
+    grid-area: 1 / 2;
+    justify-self: center;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+    max-width: 100%;
+    display: flex;
+  }
+
+  .changes-navigation #previousChange:before, .changes-navigation #nextChange:before {
+    content: none;
+  }
+
+  @media (max-width: 700px) {
+    .changes-toolbar {
+      grid-template-columns: minmax(0, 1fr);
+    }
+
+    .changes-navigation {
+      grid-area: 2 / 1;
+    }
+
+    .changes-view-tools {
+      grid-area: 3 / 1;
+      justify-content: center;
+      justify-self: center;
+    }
+  }
+
+  .changes-diagnostics {
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    background: var(--card);
+    color: var(--muted-foreground);
+    overflow-wrap: anywhere;
+    margin-top: 12px;
+    padding: 0 12px 12px;
+    font-size: 12px;
+  }
+
+  .changes-diagnostics summary {
+    width: fit-content;
+    max-width: 100%;
+    min-height: 32px;
+    color: var(--foreground);
+    cursor: pointer;
+    padding: 8px 0;
+    font-weight: 500;
+  }
+
+  .changes-diagnostics summary:focus-visible {
+    outline: 2px solid var(--ring);
+    outline-offset: 2px;
+    border-radius: 2px;
+  }
+
+  .changes-diagnostics p {
+    max-width: 90ch;
+    margin: 8px 0;
+  }
+
+  .changes-diagnostics ul {
+    margin: 8px 0;
+    padding-left: 20px;
+  }
+
+  .changes-timing {
+    flex-wrap: wrap;
+    gap: 12px 24px;
+    margin: 12px 0;
+    display: flex;
+  }
+
+  .changes-timing dt {
+    color: var(--muted-foreground);
+  }
+
+  .changes-timing dd {
+    color: var(--foreground);
+    margin: 4px 0 0;
+  }
+
+  .changes-legend, .changes-legend > span {
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 8px;
+    display: flex;
+  }
+
+  .changes-legend {
+    column-gap: 16px;
+  }
+
+  .feedback-edits {
+    border-top: 1px solid var(--border);
+    margin-top: 0;
+  }
+
+  .feedback-disclosure h3 {
+    margin: 0;
+  }
+
+  .feedback-disclosure-trigger {
+    justify-content: flex-start;
+    gap: 8px;
+    width: 100%;
+    height: auto;
+    min-height: 44px;
+    padding: 10px 0;
+    font-size: 13px;
+    font-weight: 600;
+  }
+
+  .feedback-disclosure-trigger[aria-disabled="true"] {
+    cursor: default;
+  }
+
+  .disclosure-chevron {
+    transition: transform var(--review-duration);
+    color: var(--muted-foreground);
+    transform: rotate(-90deg);
+  }
+
+  .feedback-disclosure[data-open="true"] .disclosure-chevron {
+    transform: rotate(0);
+  }
+
+  .feedback-disclosure-content {
+    padding-bottom: 12px;
+  }
+
+  .disclosure-help {
+    margin: 0 0 8px;
+  }
+
+  .feedback-edit-status {
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 4px;
+    display: flex;
+  }
+
+  .feedback-edit-status .feedback-save {
+    flex: 1;
+    margin: 0;
+  }
+
+  .feedback-revert {
+    color: var(--destructive);
+    margin-left: auto;
+  }
+
+  .feedback-save, .feedback-help {
+    color: var(--muted-foreground);
+    overflow-wrap: anywhere;
+    margin: 0 0 8px;
+    font-size: 12px;
+  }
+
+  .feedback-save[data-error="true"], .feedback-error {
+    color: var(--destructive);
+    overflow-wrap: anywhere;
+    font-size: 12px;
+  }
+
+  .feedback-edit-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .feedback-edit-list li {
+    border-bottom: 1px solid var(--border);
+    align-items: baseline;
+    gap: 8px;
+    padding: 6px 0;
+    display: flex;
+  }
+
+  .feedback-edit-label {
+    overflow-wrap: anywhere;
+    flex: 1;
+    min-width: 0;
+    font-size: 12px;
+  }
+
+  .drawer-footer.review-ui {
+    border-color: var(--border);
+    background: var(--card);
+    grid-template-rows: auto minmax(0, 1fr) auto;
+    max-height: min(55dvh, 430px);
+  }
+
+  .feedback-primary {
+    grid-row: 1;
+    gap: 8px;
+    padding: 12px;
+    display: grid;
+  }
+
+  .feedback-primary #note {
+    resize: vertical;
+    background: var(--background);
+    height: 56px;
+    min-height: 56px;
+    max-height: min(18dvh, 120px);
+    margin: 0;
+  }
+
+  .feedback-actions {
+    grid-row: 3;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+    padding: 0 12px 12px;
+    display: flex;
+  }
+
+  .feedback-send {
+    white-space: normal;
+    overflow-wrap: anywhere;
+    flex: 0 auto;
+    min-width: 0;
+    max-width: 100%;
+    height: auto;
+    min-height: 32px;
+    padding-top: 6px;
+    padding-bottom: 6px;
+  }
+
+  .feedback-secondary {
+    grid-row: 2;
+    padding: 0 12px 12px;
+  }
+
+  .feedback-end {
+    width: auto;
+    color: var(--muted-foreground);
+    flex: none;
+  }
+
+  .feedback-handoff {
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    background: var(--background);
+    overflow-wrap: anywhere;
+    margin: 0 0 8px;
+    padding: 10px;
+  }
+
+  .feedback-handoff p {
+    color: var(--muted-foreground);
+    margin: 0 0 8px;
+    font-size: 12px;
+  }
+
+  .feedback-handoff h3 {
+    margin: 0 0 6px;
+    font-size: 13px;
+  }
+
+  .feedback-handoff code {
+    border-radius: var(--radius);
+    background: var(--muted);
+    color: var(--foreground);
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+    margin-bottom: 8px;
+    padding: 8px;
+    font: 11px / 1.5 ui-monospace, monospace;
+    display: block;
+  }
+
+  @media (max-height: 550px) {
+    .drawer-footer.review-ui {
+      max-height: calc(100dvh - var(--toolbar-h) - 80px);
+    }
+
+    .feedback-primary {
+      gap: 6px;
+      padding: 8px 12px;
+    }
+
+    .feedback-primary #note {
+      height: 40px;
+      min-height: 40px;
+      max-height: 60px;
+    }
+  }
+
+  .contextual-compose.review-ui {
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    background: var(--card);
+    color: var(--card-foreground);
+    max-height: calc(100dvh - var(--toolbar-h) - 24px);
+    padding: 12px;
+    overflow: auto;
+    box-shadow: 0 8px 24px #00000026;
+  }
+
+  .contextual-compose.review-ui .quote {
+    border-left: 2px solid var(--border);
+    color: var(--muted-foreground);
+    overflow-wrap: anywhere;
+    margin: 0 0 10px;
+    padding-left: 8px;
+    font-size: 12px;
+    font-style: normal;
+  }
+
+  .contextual-compose.review-ui textarea {
+    background: var(--background);
+    color: var(--foreground);
+    border-color: var(--input);
+  }
+
+  .contextual-compose.review-ui .compose-help {
+    margin: calc(2 * var(--review-space)) 1px 0;
+    color: var(--muted-foreground);
+    flex-wrap: wrap;
+  }
+
+  .contextual-compose.review-ui.edge-top, .contextual-compose.review-ui.edge-bottom {
+    border-color: var(--ring);
+  }
+
+  .contextual-direction {
+    color: var(--muted-foreground);
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 4px;
+    margin-bottom: 8px;
+    font-size: 12px;
+    display: flex;
+  }
+
+  .aligned-card.review-ui {
+    max-height: calc(100dvh - var(--toolbar-h) - 24px);
+    background: none;
+    border: 0;
+    padding: 0;
+    overflow: auto;
+  }
+
+  .aligned-card.review-ui .inventory-card {
+    margin: 0;
+  }
+
+  .shell-toolbar {
+    border-color: var(--border);
+    background: var(--card);
+    grid-template: "destinations mode actions recovery"
+    / minmax(0, 1fr) auto minmax(0, 1fr) auto;
+    gap: 8px;
+    padding: 8px 12px;
+  }
+
+  #toolbarRoot {
+    display: contents;
+  }
+
+  .shell-destinations {
+    grid-area: destinations;
+  }
+
+  .segmented-control {
+    border: 1px solid var(--border);
+    border-radius: calc(var(--radius) + 2px);
+    flex-wrap: wrap;
+    gap: 2px;
+    width: fit-content;
+    padding: 2px;
+    display: flex;
+  }
+
+  .shell-mode {
+    grid-area: mode;
+  }
+
+  .shell-actions {
+    grid-area: actions;
+    justify-content: flex-end;
+    gap: 4px;
+    display: flex;
+  }
+
+  .shell-recovery {
+    grid-area: recovery;
+    justify-self: end;
+  }
+
+  .stage {
+    flex-direction: column;
+    display: flex;
+  }
+
+  .document-host {
+    flex: 1;
+    min-width: 0;
+    min-height: 0;
+    position: relative;
+  }
+
+  #noticesRoot {
+    z-index: var(--review-layer-notice);
+    flex: none;
+    min-height: 0;
+    max-height: min(45dvh, 20rem);
+    position: relative;
+    overflow: auto;
+  }
+
+  .recovery-notices {
+    background: var(--background);
+    padding: 8px 12px;
+  }
+
+  .recovery-notice {
+    border: 1px solid var(--input);
+    border-radius: var(--radius);
+    background: var(--card);
+    color: var(--card-foreground);
+    overflow-wrap: anywhere;
+    margin: 0;
+    padding: 12px;
+  }
+
+  .recovery-notice[data-error="true"] {
+    border-color: var(--destructive);
+  }
+
+  .recovery-notice[data-error="true"] strong {
+    color: var(--destructive);
+  }
+
+  .recovery-notice-actions {
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 8px;
+    margin-top: 10px;
+    display: flex;
+  }
+
+  .recovery-notice p {
+    margin: 4px 0 0;
+  }
+
+  .recovery-notice :where(button):focus-visible {
+    outline-offset: 2px;
+  }
+
+  .inventory-drawer-head {
+    border-bottom: 1px solid var(--border);
+    background: var(--card);
+    justify-content: space-between;
+    align-items: center;
+    gap: 8px;
+    padding: 12px;
+    display: flex;
+  }
+
+  .inventory-drawer-head h2 {
+    margin: 0;
+    font-size: 17px;
+    font-weight: 600;
+  }
+
+  .inventory-heading {
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 10px;
+    display: flex;
+  }
+
+  .inventory-heading h3 {
+    margin: 0;
+    font-size: 13px;
+    font-weight: 600;
+  }
+
+  .inventory-cards {
+    flex-direction: column;
+    gap: 8px;
+    display: flex;
+  }
+
+  .inventory-card {
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    background: var(--card);
+    min-width: 0;
+    color: var(--card-foreground);
+    overflow-wrap: anywhere;
+    padding: 12px;
+  }
+
+  .inventory-card.active {
+    border-color: var(--ring);
+    box-shadow: inset 2px 0 0 var(--ring);
+  }
+
+  .inventory-card-head {
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 4px;
+    margin-bottom: 8px;
+    display: flex;
+  }
+
+  .inventory-meta {
+    color: var(--muted-foreground);
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 4px;
+    margin-right: auto;
+    font-size: 11px;
+    display: flex;
+  }
+
+  .inventory-actions {
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 4px;
+    display: flex;
+  }
+
+  .inventory-card .quote {
+    border-left: 2px solid var(--border);
+    color: var(--muted-foreground);
+    white-space: pre-wrap;
+    margin: 0 0 8px;
+    padding-left: 8px;
+    font-size: 12px;
+    font-style: normal;
+  }
+
+  .inventory-card .body {
+    border-radius: var(--radius);
+    white-space: pre-wrap;
+    cursor: text;
+    margin: 0;
+    font-size: 13px;
+  }
+
+  .inventory-card .body:hover {
+    background: var(--muted);
+  }
+
+  .inventory-card .body-edit {
+    background: var(--background);
+    color: var(--foreground);
+    border-color: var(--input);
+  }
+
+  .inventory-help {
+    color: var(--muted-foreground);
+    margin: 6px 0;
+    font-size: 11px;
+  }
+
+  .inventory-error {
+    color: var(--destructive);
+    margin: 6px 0;
+    font-size: 12px;
+  }
+
+  .inventory-delete {
+    margin: 0 0 8px;
+    font-weight: 500;
+  }
+
+  .inventory-empty {
+    border: 1px dashed var(--input);
+    border-radius: var(--radius);
+    color: var(--muted-foreground);
+    text-align: center;
+    margin: 0;
+    padding: 16px 12px;
+    font-size: 12px;
+  }
+
+  .inventory-other-pages {
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    background: var(--card);
+    overflow: hidden;
+  }
+
+  .inventory-other-page {
+    white-space: normal;
+    text-align: left;
+    border-radius: 0;
+    justify-content: space-between;
+    gap: 8px;
+    width: 100%;
+    height: auto;
+    min-height: 32px;
+    padding: 8px;
+  }
+
+  .inventory-other-page > span:first-child {
+    overflow-wrap: anywhere;
+    min-width: 0;
+  }
+
+  @media (max-width: 600px) {
+    .shell-toolbar {
+      grid-template-columns: auto minmax(0, 1fr) auto;
+      grid-template-areas: "destinations destinations actions"
+                           "mode recovery recovery";
+    }
+
+    .shell-comments-label {
+      display: none;
+    }
+
+    body.comparing .shell-toolbar {
+      grid-template-areas: "destinations destinations actions";
+    }
+  }
+}
+
+@layer utilities {
+  .pointer-events-none {
+    pointer-events: none;
+  }
+
+  .collapse {
+    visibility: collapse;
+  }
+
+  .invisible {
+    visibility: hidden;
+  }
+
+  .visible {
+    visibility: visible;
+  }
+
+  .sr-only {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  .absolute {
+    position: absolute;
+  }
+
+  .fixed {
+    position: fixed;
+  }
+
+  .relative {
+    position: relative;
+  }
+
+  .static {
+    position: static;
+  }
+
+  .sticky {
+    position: sticky;
+  }
+
+  .inset-0 {
+    inset: 0;
+  }
+
+  .top-1\/2 {
+    top: 50%;
+  }
+
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
+  .right-2\.5 {
+    right: calc(var(--spacing) * 2.5);
+  }
+
+  .left-1\/2 {
+    left: 50%;
+  }
+
+  .isolate {
+    isolation: isolate;
+  }
+
+  .z-\(--review-layer-dialog\) {
+    z-index: var(--review-layer-dialog);
+  }
+
+  .z-\(--review-layer-menu\) {
+    z-index: var(--review-layer-menu);
+  }
+
+  .row-10 {
+    grid-row: 10;
+  }
+
+  .row-39 {
+    grid-row: 39;
+  }
+
+  .row-43 {
+    grid-row: 43;
+  }
+
+  .container {
+    width: 100%;
+  }
+
+  @media (min-width: 40rem) {
+    .container {
+      max-width: 40rem;
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .container {
+      max-width: 48rem;
+    }
+  }
+
+  @media (min-width: 64rem) {
+    .container {
+      max-width: 64rem;
+    }
+  }
+
+  @media (min-width: 80rem) {
+    .container {
+      max-width: 80rem;
+    }
+  }
+
+  @media (min-width: 96rem) {
+    .container {
+      max-width: 96rem;
+    }
+  }
+
+  .m-0 {
+    margin: 0;
+  }
+
+  .-mx-1 {
+    margin-inline: calc(var(--spacing) * -1);
+  }
+
+  .-mx-4 {
+    margin-inline: calc(var(--spacing) * -4);
+  }
+
+  .mx-1 {
+    margin-inline: var(--spacing);
+  }
+
+  .my-1 {
+    margin-block: var(--spacing);
+  }
+
+  .mt-1 {
+    margin-top: var(--spacing);
+  }
+
+  .mt-1\.5 {
+    margin-top: calc(var(--spacing) * 1.5);
+  }
+
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
+
+  .-mb-4 {
+    margin-bottom: calc(var(--spacing) * -4);
+  }
+
+  .mb-2 {
+    margin-bottom: calc(var(--spacing) * 2);
+  }
+
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+
+  .ml-auto {
+    margin-left: auto;
+  }
+
+  .\!block {
+    display: block !important;
+  }
+
+  .block {
+    display: block;
+  }
+
+  .contents {
+    display: contents;
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .grid {
+    display: grid;
+  }
+
+  .hidden {
+    display: none;
+  }
+
+  .inline {
+    display: inline;
+  }
+
+  .inline-flex {
+    display: inline-flex;
+  }
+
+  .table {
+    display: table;
+  }
+
+  .table-cell {
+    display: table-cell;
+  }
+
+  .field-sizing-content {
+    field-sizing: content;
+  }
+
+  .size-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+    height: calc(var(--spacing) * 3.5);
+  }
+
+  .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+
+  .size-6 {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
+
+  .size-7 {
+    width: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 7);
+  }
+
+  .size-8 {
+    width: calc(var(--spacing) * 8);
+    height: calc(var(--spacing) * 8);
+  }
+
+  .size-9 {
+    width: calc(var(--spacing) * 9);
+    height: calc(var(--spacing) * 9);
+  }
+
+  .size-10 {
+    width: calc(var(--spacing) * 10);
+    height: calc(var(--spacing) * 10);
+  }
+
+  .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
+
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
+
+  .h-7 {
+    height: calc(var(--spacing) * 7);
+  }
+
+  .h-8 {
+    height: calc(var(--spacing) * 8);
+  }
+
+  .h-9 {
+    height: calc(var(--spacing) * 9);
+  }
+
+  .h-auto {
+    height: auto;
+  }
+
+  .h-px {
+    height: 1px;
+  }
+
+  .max-h-\(--radix-dropdown-menu-content-available-height\) {
+    max-height: var(--radix-dropdown-menu-content-available-height);
+  }
+
+  .max-h-\[calc\(100dvh-2rem\)\] {
+    max-height: calc(100dvh - 2rem);
+  }
+
+  .max-h-\[min\(22rem\,var\(--radix-dropdown-menu-content-available-height\)\)\] {
+    max-height: min(22rem, var(--radix-dropdown-menu-content-available-height));
+  }
+
+  .min-h-8 {
+    min-height: calc(var(--spacing) * 8);
+  }
+
+  .min-h-16 {
+    min-height: calc(var(--spacing) * 16);
+  }
+
+  .w-64 {
+    width: calc(var(--spacing) * 64);
+  }
+
+  .w-72 {
+    width: calc(var(--spacing) * 72);
+  }
+
+  .w-80 {
+    width: calc(var(--spacing) * 80);
+  }
+
+  .w-\[calc\(100\%-2rem\)\] {
+    width: calc(100% - 2rem);
+  }
+
+  .w-fit {
+    width: fit-content;
+  }
+
+  .w-full {
+    width: 100%;
+  }
+
+  .max-w-\[calc\(100vw-1\.5rem\)\] {
+    max-width: calc(100vw - 1.5rem);
+  }
+
+  .max-w-\[calc\(100vw-2rem\)\] {
+    max-width: calc(100vw - 2rem);
+  }
+
+  .max-w-full {
+    max-width: 100%;
+  }
+
+  .min-w-0 {
+    min-width: 0;
+  }
+
+  .min-w-7 {
+    min-width: calc(var(--spacing) * 7);
+  }
+
+  .min-w-8 {
+    min-width: calc(var(--spacing) * 8);
+  }
+
+  .min-w-9 {
+    min-width: calc(var(--spacing) * 9);
+  }
+
+  .min-w-32 {
+    min-width: calc(var(--spacing) * 32);
+  }
+
+  .min-w-48 {
+    min-width: calc(var(--spacing) * 48);
+  }
+
+  .shrink {
+    flex-shrink: 1;
+  }
+
+  .shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .border-collapse {
+    border-collapse: collapse;
+  }
+
+  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
+    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+  }
+
+  .-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .transform {
+    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
+  }
+
+  .cursor-default {
+    cursor: default;
+  }
+
+  .resize {
+    resize: both;
+  }
+
+  .appearance-none {
+    appearance: none;
+  }
+
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .grid-rows-\[auto_1fr\] {
+    grid-template-rows: auto 1fr;
+  }
+
+  .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .flex-row {
+    flex-direction: row;
+  }
+
+  .place-items-center {
+    place-items: center;
+  }
+
+  .content-start {
+    align-content: flex-start;
+  }
+
+  .items-center {
+    align-items: center;
+  }
+
+  .justify-center {
+    justify-content: center;
+  }
+
+  .justify-start {
+    justify-content: flex-start;
+  }
+
+  .gap-1 {
+    gap: var(--spacing);
+  }
+
+  .gap-1\.5 {
+    gap: calc(var(--spacing) * 1.5);
+  }
+
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+
+  .gap-3 {
+    gap: calc(var(--spacing) * 3);
+  }
+
+  .gap-4 {
+    gap: calc(var(--spacing) * 4);
+  }
+
+  .gap-5 {
+    gap: calc(var(--spacing) * 5);
+  }
+
+  .gap-\[--spacing\(var\(--gap\)\)\] {
+    gap: calc(var(--spacing) * var(--gap));
+  }
+
+  .overflow-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .rounded-4xl {
+    border-radius: var(--radius-4xl);
+  }
+
+  .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
+    border-radius: min(var(--radius-md), 10px);
+  }
+
+  .rounded-\[min\(var\(--radius-md\)\,12px\)\] {
+    border-radius: min(var(--radius-md), 12px);
+  }
+
+  .rounded-lg {
+    border-radius: calc(var(--radius) + 2px);
+  }
+
+  .rounded-md {
+    border-radius: var(--radius);
+  }
+
+  .rounded-sm {
+    border-radius: calc(var(--radius) - 2px);
+  }
+
+  .rounded-xl {
+    border-radius: calc(var(--radius) + 4px);
+  }
+
+  .rounded-b-xl {
+    border-bottom-right-radius: calc(var(--radius) + 4px);
+    border-bottom-left-radius: calc(var(--radius) + 4px);
+  }
+
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+
+  .border-t {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
+
+  .border-border {
+    border-color: var(--border);
+  }
+
+  .border-input {
+    border-color: var(--input);
+  }
+
+  .border-transparent {
+    border-color: #0000;
+  }
+
+  .bg-\(--review-overlay\) {
+    background-color: var(--review-overlay);
+  }
+
+  .bg-\[Canvas\] {
+    background-color: canvas;
+  }
+
+  .bg-background {
+    background-color: var(--background);
+  }
+
+  .bg-border {
+    background-color: var(--border);
+  }
+
+  .bg-destructive\/10 {
+    background-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-destructive\/10 {
+      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+    }
+  }
+
+  .bg-foreground {
+    background-color: var(--foreground);
+  }
+
+  .bg-muted, .bg-muted\/50 {
+    background-color: var(--muted);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-muted\/50 {
+      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+    }
+  }
+
+  .bg-popover {
+    background-color: var(--popover);
+  }
+
+  .bg-primary {
+    background-color: var(--primary);
+  }
+
+  .bg-review-added {
+    background-color: var(--review-added);
+  }
+
+  .bg-review-modified {
+    background-color: var(--review-modified);
+  }
+
+  .bg-review-removed {
+    background-color: var(--review-removed);
+  }
+
+  .bg-secondary {
+    background-color: var(--secondary);
+  }
+
+  .bg-transparent {
+    background-color: #0000;
+  }
+
+  .bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .p-1 {
+    padding: var(--spacing);
+  }
+
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
+
+  .px-0 {
+    padding-inline: 0;
+  }
+
+  .px-1\.5 {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+
+  .px-2 {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+
+  .px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5);
+  }
+
+  .px-3 {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+
+  .py-0\.5 {
+    padding-block: calc(var(--spacing) * .5);
+  }
+
+  .py-1 {
+    padding-block: var(--spacing);
+  }
+
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
+
+  .py-2 {
+    padding-block: calc(var(--spacing) * 2);
+  }
+
+  .py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5);
+  }
+
+  .pr-8 {
+    padding-right: calc(var(--spacing) * 8);
+  }
+
+  .pl-1\.5 {
+    padding-left: calc(var(--spacing) * 1.5);
+  }
+
+  .pl-2\.5 {
+    padding-left: calc(var(--spacing) * 2.5);
+  }
+
+  .text-center {
+    text-align: center;
+  }
+
+  .font-mono {
+    font-family: var(--review-font-mono);
+  }
+
+  .text-base {
+    font-size: var(--review-text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+
+  .text-lg {
+    font-size: var(--review-text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+
+  .text-sm {
+    font-size: var(--review-text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+
+  .text-xs {
+    font-size: var(--review-text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+
+  .text-\[0\.8rem\] {
+    font-size: .8rem;
+  }
+
+  .text-\[13px\] {
+    font-size: 13px;
+  }
+
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+
+  .leading-relaxed {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
+
+  .font-medium {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+
+  .font-semibold {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
+
+  .tracking-tight {
+    --tw-tracking: var(--tracking-tight);
+    letter-spacing: var(--tracking-tight);
+  }
+
+  .tracking-widest {
+    --tw-tracking: var(--tracking-widest);
+    letter-spacing: var(--tracking-widest);
+  }
+
+  .text-balance {
+    text-wrap: balance;
+  }
+
+  .wrap-anywhere {
+    overflow-wrap: anywhere;
+  }
+
+  .whitespace-normal {
+    white-space: normal;
+  }
+
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+
+  .text-\[CanvasText\] {
+    color: canvastext;
+  }
+
+  .text-background {
+    color: var(--background);
+  }
+
+  .text-destructive {
+    color: var(--destructive);
+  }
+
+  .text-foreground {
+    color: var(--foreground);
+  }
+
+  .text-muted-foreground {
+    color: var(--muted-foreground);
+  }
+
+  .text-popover-foreground {
+    color: var(--popover-foreground);
+  }
+
+  .text-primary {
+    color: var(--primary);
+  }
+
+  .text-primary-foreground {
+    color: var(--primary-foreground);
+  }
+
+  .text-review-added-foreground {
+    color: var(--review-added-foreground);
+  }
+
+  .text-review-modified-foreground {
+    color: var(--review-modified-foreground);
+  }
+
+  .text-review-removed-foreground {
+    color: var(--review-removed-foreground);
+  }
+
+  .text-secondary-foreground {
+    color: var(--secondary-foreground);
+  }
+
+  .uppercase {
+    text-transform: uppercase;
+  }
+
+  .italic {
+    font-style: italic;
+  }
+
+  .ordinal {
+    --tw-ordinal: ordinal;
+    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
+  }
+
+  .line-through {
+    text-decoration-line: line-through;
+  }
+
+  .underline {
+    text-decoration-line: underline;
+  }
+
+  .underline-offset-4 {
+    text-underline-offset: 4px;
+  }
+
+  .accent-foreground {
+    accent-color: var(--foreground);
+  }
+
+  .shadow {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .shadow-md {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .ring {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .outline-hidden {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    .outline-hidden {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+
+  .blur {
+    --tw-blur: blur(8px);
+    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+  }
+
+  .transition {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
+  .transition-all {
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
+  .transition-colors {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
+  .duration-\(--review-duration\) {
+    --tw-duration: var(--review-duration);
+    transition-duration: var(--review-duration);
+  }
+
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
+
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  .select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  .block-1 {
+    block-size: var(--spacing);
+  }
+
+  .running {
+    animation-play-state: running;
+  }
+
+  .group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *) {
+    color: var(--accent-foreground);
+  }
+
+  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
+    pointer-events: none;
+  }
+
+  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
+    opacity: .5;
+  }
+
+  .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
+    display: grid;
+  }
+
+  .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .group-data-\[spacing\=0\]\/toggle-group\:rounded-none:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
+    border-radius: 0;
+  }
+
+  .group-data-\[spacing\=0\]\/toggle-group\:px-2:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+
+  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
+    cursor: not-allowed;
+  }
+
+  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
+    opacity: .5;
+  }
+
+  .selection\:bg-primary ::selection {
+    background-color: var(--primary);
+  }
+
+  .selection\:bg-primary::selection {
+    background-color: var(--primary);
+  }
+
+  .selection\:text-primary-foreground ::selection {
+    color: var(--primary-foreground);
+  }
+
+  .selection\:text-primary-foreground::selection {
+    color: var(--primary-foreground);
+  }
+
+  .placeholder\:text-muted-foreground::placeholder {
+    color: var(--muted-foreground);
+  }
+
+  @media (hover: hover) {
+    .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
+      background-color: var(--secondary);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
+        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
+      }
+    }
+
+    .hover\:bg-destructive\/20:hover {
+      background-color: var(--destructive);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-destructive\/20:hover {
+        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+      }
+    }
+
+    .hover\:bg-muted:hover {
+      background-color: var(--muted);
+    }
+
+    .hover\:bg-primary\/80:hover {
+      background-color: var(--primary);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-primary\/80:hover {
+        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
+      }
+    }
+
+    .hover\:text-destructive:hover {
+      color: var(--destructive);
+    }
+
+    .hover\:text-foreground:hover {
+      color: var(--foreground);
+    }
+
+    .hover\:text-muted-foreground:hover {
+      color: var(--muted-foreground);
+    }
+
+    .hover\:underline:hover {
+      text-decoration-line: underline;
+    }
+  }
+
+  .focus\:z-10:focus {
+    z-index: 10;
+  }
+
+  .focus\:bg-accent:focus {
+    background-color: var(--accent);
+  }
+
+  .focus\:text-accent-foreground:focus, :is(.focus\:\*\*\:text-accent-foreground:focus *), :is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant="destructive"]):focus *) {
+    color: var(--accent-foreground);
+  }
+
+  .focus-visible\:z-10:focus-visible {
+    z-index: 10;
+  }
+
+  .focus-visible\:border-destructive\/40:focus-visible {
+    border-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-visible\:border-destructive\/40:focus-visible {
+      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
+    }
+  }
+
+  .focus-visible\:border-ring:focus-visible {
+    border-color: var(--ring);
+  }
+
+  .focus-visible\:text-destructive:focus-visible {
+    color: var(--destructive);
+  }
+
+  .focus-visible\:ring-3:focus-visible, .focus-visible\:ring-\[3px\]:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .focus-visible\:ring-destructive\/20:focus-visible {
+    --tw-ring-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-visible\:ring-destructive\/20:focus-visible {
+      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+    }
+  }
+
+  .focus-visible\:ring-ring\/50:focus-visible {
+    --tw-ring-color: var(--ring);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-visible\:ring-ring\/50:focus-visible {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+  }
+
+  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
+    --tw-translate-y: 1px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .disabled\:pointer-events-none:disabled {
+    pointer-events: none;
+  }
+
+  .disabled\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
+  }
+
+  .disabled\:bg-input\/50:disabled {
+    background-color: var(--input);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .disabled\:bg-input\/50:disabled {
+      background-color: color-mix(in oklab, var(--input) 50%, transparent);
+    }
+  }
+
+  .disabled\:opacity-50:disabled {
+    opacity: .5;
+  }
+
+  :where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-lg {
+    border-radius: calc(var(--radius) + 2px);
+  }
+
+  .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
+    padding-right: calc(var(--spacing) * 1.5);
+  }
+
+  .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
+    padding-right: calc(var(--spacing) * 2);
+  }
+
+  .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-end\]\:pr-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon="inline-end"]) {
+    padding-right: calc(var(--spacing) * 1.5);
+  }
+
+  .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
+    padding-left: calc(var(--spacing) * 1.5);
+  }
+
+  .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
+    padding-left: calc(var(--spacing) * 2);
+  }
+
+  .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-start\]\:pl-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon="inline-start"]) {
+    padding-left: calc(var(--spacing) * 1.5);
+  }
+
+  .has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot="alert-dialog-media"]) {
+    grid-template-rows: auto auto 1fr;
+  }
+
+  .has-data-\[slot\=alert-dialog-media\]\:gap-x-4:has([data-slot="alert-dialog-media"]) {
+    column-gap: calc(var(--spacing) * 4);
+  }
+
+  .has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)) {
+    opacity: .5;
+  }
+
+  .aria-expanded\:bg-muted[aria-expanded="true"] {
+    background-color: var(--muted);
+  }
+
+  .aria-expanded\:bg-secondary[aria-expanded="true"] {
+    background-color: var(--secondary);
+  }
+
+  .aria-expanded\:bg-transparent[aria-expanded="true"] {
+    background-color: #0000;
+  }
+
+  .aria-expanded\:text-foreground[aria-expanded="true"] {
+    color: var(--foreground);
+  }
+
+  .aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
+    color: var(--secondary-foreground);
+  }
+
+  .aria-invalid\:border-destructive[aria-invalid="true"] {
+    border-color: var(--destructive);
+  }
+
+  .aria-invalid\:ring-3[aria-invalid="true"] {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
+    --tw-ring-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
+      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+    }
+  }
+
+  .aria-pressed\:bg-accent[aria-pressed="true"] {
+    background-color: var(--accent);
+  }
+
+  .aria-pressed\:text-accent-foreground[aria-pressed="true"] {
+    color: var(--accent-foreground);
+  }
+
+  .data-disabled\:pointer-events-none[data-disabled] {
+    pointer-events: none;
+  }
+
+  .data-disabled\:opacity-50[data-disabled] {
+    opacity: .5;
+  }
+
+  .data-inset\:pl-7[data-inset] {
+    padding-left: calc(var(--spacing) * 7);
+  }
+
+  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
+    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
+  }
+
+  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
+    --tw-enter-translate-x: calc(2*var(--spacing));
+  }
+
+  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
+    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
+  }
+
+  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
+    --tw-enter-translate-y: calc(2*var(--spacing));
+  }
+
+  .data-\[size\=default\]\:max-w-xs[data-size="default"] {
+    max-width: var(--container-xs);
+  }
+
+  .data-\[size\=sm\]\:h-7[data-size="sm"] {
+    height: calc(var(--spacing) * 7);
+  }
+
+  .data-\[size\=sm\]\:max-w-xs[data-size="sm"] {
+    max-width: var(--container-xs);
+  }
+
+  .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size="sm"] {
+    border-radius: min(var(--radius-md), 10px);
+  }
+
+  .data-\[size\=sm\]\:py-0\.5[data-size="sm"] {
+    padding-block: calc(var(--spacing) * .5);
+  }
+
+  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-lg:is(:where(.group\/toggle-group)[data-orientation="horizontal"] *)[data-spacing="0"]:first-child {
+    border-top-left-radius: calc(var(--radius) + 2px);
+    border-bottom-left-radius: calc(var(--radius) + 2px);
+  }
+
+  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-lg:is(:where(.group\/toggle-group)[data-orientation="vertical"] *)[data-spacing="0"]:first-child {
+    border-top-left-radius: calc(var(--radius) + 2px);
+    border-top-right-radius: calc(var(--radius) + 2px);
+  }
+
+  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-lg:is(:where(.group\/toggle-group)[data-orientation="horizontal"] *)[data-spacing="0"]:last-child {
+    border-top-right-radius: calc(var(--radius) + 2px);
+    border-bottom-right-radius: calc(var(--radius) + 2px);
+  }
+
+  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-lg:is(:where(.group\/toggle-group)[data-orientation="vertical"] *)[data-spacing="0"]:last-child {
+    border-bottom-right-radius: calc(var(--radius) + 2px);
+    border-bottom-left-radius: calc(var(--radius) + 2px);
+  }
+
+  .data-\[state\=closed\]\:overflow-hidden[data-state="closed"] {
+    overflow: hidden;
+  }
+
+  .data-\[state\=on\]\:border-ring[data-state="on"] {
+    border-color: var(--ring);
+  }
+
+  .data-\[state\=on\]\:bg-accent[data-state="on"] {
+    background-color: var(--accent);
+  }
+
+  .data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
+    color: var(--accent-foreground);
+  }
+
+  .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
+    color: var(--destructive);
+  }
+
+  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
+    background-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
+      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+    }
+  }
+
+  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
+    color: var(--destructive);
+  }
+
+  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0:is(:where(.group\/toggle-group)[data-orientation="horizontal"] *)[data-spacing="0"][data-variant="outline"] {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 0;
+  }
+
+  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0:is(:where(.group\/toggle-group)[data-orientation="vertical"] *)[data-spacing="0"][data-variant="outline"] {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 0;
+  }
+
+  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:is(:where(.group\/toggle-group)[data-orientation="horizontal"] *)[data-spacing="0"][data-variant="outline"]:first-child {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
+
+  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t:is(:where(.group\/toggle-group)[data-orientation="vertical"] *)[data-spacing="0"][data-variant="outline"]:first-child {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
+
+  @media (min-width: 40rem) {
+    .sm\:inline {
+      display: inline;
+    }
+
+    .sm\:grid-cols-2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .sm\:flex-row {
+      flex-direction: row;
+    }
+
+    .sm\:justify-end {
+      justify-content: flex-end;
+    }
+
+    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
+      grid-row: span 2 / span 2;
+    }
+
+    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
+      place-items: start;
+    }
+
+    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
+      text-align: left;
+    }
+
+    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *):is(:where(.group\/alert-dialog-content):has([data-slot="alert-dialog-media"]) *) {
+      grid-column-start: 2;
+    }
+
+    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size="default"] *):has([data-slot="alert-dialog-media"]) {
+      grid-template-rows: auto 1fr;
+    }
+
+    .data-\[size\=default\]\:sm\:max-w-sm[data-size="default"] {
+      max-width: var(--container-sm);
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .md\:text-sm {
+      font-size: var(--review-text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+
+    .md\:text-pretty {
+      text-wrap: pretty;
+    }
+  }
+
+  .dark\:border-input:where([data-theme="dark"], [data-theme="dark"] *) {
+    border-color: var(--input);
+  }
+
+  .dark\:bg-destructive\/20:where([data-theme="dark"], [data-theme="dark"] *) {
+    background-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-destructive\/20:where([data-theme="dark"], [data-theme="dark"] *) {
+      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+    }
+  }
+
+  .dark\:bg-input\/30:where([data-theme="dark"], [data-theme="dark"] *) {
+    background-color: var(--input);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-input\/30:where([data-theme="dark"], [data-theme="dark"] *) {
+      background-color: color-mix(in oklab, var(--input) 30%, transparent);
+    }
+  }
+
+  @media (hover: hover) {
+    .dark\:hover\:bg-destructive\/30:where([data-theme="dark"], [data-theme="dark"] *):hover {
+      background-color: var(--destructive);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:hover\:bg-destructive\/30:where([data-theme="dark"], [data-theme="dark"] *):hover {
+        background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
+      }
+    }
+
+    .dark\:hover\:bg-input\/50:where([data-theme="dark"], [data-theme="dark"] *):hover {
+      background-color: var(--input);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:hover\:bg-input\/50:where([data-theme="dark"], [data-theme="dark"] *):hover {
+        background-color: color-mix(in oklab, var(--input) 50%, transparent);
+      }
+    }
+
+    .dark\:hover\:bg-muted\/50:where([data-theme="dark"], [data-theme="dark"] *):hover {
+      background-color: var(--muted);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:hover\:bg-muted\/50:where([data-theme="dark"], [data-theme="dark"] *):hover {
+        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+      }
+    }
+  }
+
+  .dark\:focus-visible\:ring-destructive\/40:where([data-theme="dark"], [data-theme="dark"] *):focus-visible {
+    --tw-ring-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:focus-visible\:ring-destructive\/40:where([data-theme="dark"], [data-theme="dark"] *):focus-visible {
+      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
+    }
+  }
+
+  .dark\:disabled\:bg-input\/80:where([data-theme="dark"], [data-theme="dark"] *):disabled {
+    background-color: var(--input);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:disabled\:bg-input\/80:where([data-theme="dark"], [data-theme="dark"] *):disabled {
+      background-color: color-mix(in oklab, var(--input) 80%, transparent);
+    }
+  }
+
+  .dark\:aria-invalid\:border-destructive\/50:where([data-theme="dark"], [data-theme="dark"] *)[aria-invalid="true"] {
+    border-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:aria-invalid\:border-destructive\/50:where([data-theme="dark"], [data-theme="dark"] *)[aria-invalid="true"] {
+      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
+    }
+  }
+
+  .dark\:aria-invalid\:ring-destructive\/40:where([data-theme="dark"], [data-theme="dark"] *)[aria-invalid="true"] {
+    --tw-ring-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:aria-invalid\:ring-destructive\/40:where([data-theme="dark"], [data-theme="dark"] *)[aria-invalid="true"] {
+      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
+    }
+  }
+
+  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where([data-theme="dark"], [data-theme="dark"] *)[data-variant="destructive"]:focus {
+    background-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where([data-theme="dark"], [data-theme="dark"] *)[data-variant="destructive"]:focus {
+      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+    }
+  }
+
+  .data-open\:animate-in[data-state="open"] {
+    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
+  }
+
+  .data-open\:bg-accent[data-state="open"] {
+    background-color: var(--accent);
+  }
+
+  .data-open\:text-accent-foreground[data-state="open"] {
+    color: var(--accent-foreground);
+  }
+
+  .data-open\:fade-in-0[data-state="open"] {
+    --tw-enter-opacity: 0;
+  }
+
+  .data-open\:zoom-in-95[data-state="open"] {
+    --tw-enter-scale: .95;
+  }
+
+  .data-closed\:animate-out[data-state="closed"] {
+    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
+  }
+
+  .data-closed\:fade-out-0[data-state="closed"] {
+    --tw-exit-opacity: 0;
+  }
+
+  .data-closed\:zoom-out-95[data-state="closed"] {
+    --tw-exit-scale: .95;
+  }
+
+  .data-vertical\:flex-col[data-orientation="vertical"] {
+    flex-direction: column;
+  }
+
+  .data-vertical\:items-stretch[data-orientation="vertical"] {
+    align-items: stretch;
+  }
+
+  .\[\&_svg\]\:pointer-events-none svg {
+    pointer-events: none;
+  }
+
+  .\[\&_svg\]\:shrink-0 svg {
+    flex-shrink: 0;
+  }
+
+  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
+    width: calc(var(--spacing) * 3);
+    height: calc(var(--spacing) * 3);
+  }
+
+  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*="size-"]) {
+    width: calc(var(--spacing) * 3.5);
+    height: calc(var(--spacing) * 3.5);
+  }
+
+  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+
+  :is(.\*\:\[a\]\:underline > *):is(a) {
+    text-decoration-line: underline;
+  }
+
+  :is(.\*\:\[a\]\:underline-offset-3 > *):is(a) {
+    text-underline-offset: 3px;
+  }
+
+  @media (hover: hover) {
+    .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
+      background-color: var(--destructive);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
+        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+      }
+    }
+
+    .\[a\]\:hover\:bg-muted:is(a):hover {
+      background-color: var(--muted);
+    }
+
+    .\[a\]\:hover\:bg-primary\/80:is(a):hover {
+      background-color: var(--primary);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .\[a\]\:hover\:bg-primary\/80:is(a):hover {
+        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
+      }
+    }
+
+    .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
+      background-color: var(--secondary);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
+        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
+      }
+    }
+
+    .\[a\]\:hover\:text-muted-foreground:is(a):hover {
+      color: var(--muted-foreground);
+    }
+
+    :is(.\*\:\[a\]\:hover\:text-foreground > *):is(a):hover {
+      color: var(--foreground);
+    }
+  }
+
+  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
+    color: var(--destructive);
+  }
+
+  :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 > *):is(svg:not([class*="size-"])) {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
+
+  .\[\&\>svg\]\:pointer-events-none > svg {
+    pointer-events: none;
+  }
+
+  .\[\&\>svg\]\:size-3\! > svg {
+    width: calc(var(--spacing) * 3) !important;
+    height: calc(var(--spacing) * 3) !important;
+  }
+
+  .review-ui :where(button, select, input, textarea, [tabindex]):focus-visible {
+    outline: 2px solid var(--ring);
+    outline-offset: 2px;
+    box-shadow: none;
+  }
+}
+
+@property --tw-animation-delay {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0s;
+}
+
+@property --tw-animation-direction {
+  syntax: "*";
+  inherits: false;
+  initial-value: normal;
+}
+
+@property --tw-animation-duration {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-animation-fill-mode {
+  syntax: "*";
+  inherits: false;
+  initial-value: none;
+}
+
+@property --tw-animation-iteration-count {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+
+@property --tw-enter-blur {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-enter-opacity {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+
+@property --tw-enter-rotate {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-enter-scale {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+
+@property --tw-enter-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-enter-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-exit-blur {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-exit-opacity {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+
+@property --tw-exit-rotate {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-exit-scale {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+
+@property --tw-exit-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-exit-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+.review-ui {
+  color-scheme: light;
+  --background: #f6f7f9;
+  --foreground: #23262e;
+  --card: #fff;
+  --card-foreground: #23262e;
+  --popover: #fff;
+  --popover-foreground: #23262e;
+  --primary: #3449b9;
+  --primary-foreground: #fff;
+  --secondary: #edf0f5;
+  --secondary-foreground: #303642;
+  --muted: #f0f2f5;
+  --muted-foreground: #606775;
+  --accent: #eaf0ff;
+  --accent-foreground: #3045a2;
+  --destructive: #b52f3c;
+  --destructive-foreground: #fff;
+  --border: #dce0e7;
+  --input: #8791a1;
+  --ring: #475dcb;
+  --review-added: #edf7f0;
+  --review-added-foreground: #25613b;
+  --review-added-border: #a5cfb2;
+  --review-removed: #fff0f0;
+  --review-removed-foreground: #9b303a;
+  --review-removed-border: #e2b0b5;
+  --review-modified: #fff7e6;
+  --review-modified-foreground: #805316;
+  --review-modified-border: #d9be80;
+  --review-count-added: #047857;
+  --review-count-modified: #2563eb;
+  --review-count-removed: #be123c;
+  --review-insert: #c7e8d2;
+  --review-delete: #f6cdd2;
+  --review-overlay: #12172380;
+  --radius: .5rem;
+  --radius-md: var(--radius);
+  --review-control-height: 2rem;
+  --review-control-height-touch: 2.5rem;
+  --review-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
+  --review-font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
+  --review-text-xs: .75rem;
+  --review-text-sm: .8125rem;
+  --review-text-base: .875rem;
+  --review-text-lg: 1.125rem;
+  --review-space: .25rem;
+  --review-shadow: 0 8px 24px #17203814, 0 1px 3px #1720380d;
+  --review-duration: .12s;
+  --review-layer-toolbar: 20;
+  --review-layer-context: 60;
+  --review-layer-drawer: 80;
+  --review-layer-notice: 95;
+  --review-layer-menu: 100;
+  --review-layer-dialog: 120;
+}
+
+:root[data-theme="dark"].review-ui, :root[data-theme="dark"] .review-ui {
+  color-scheme: dark;
+  --background: #14161b;
+  --foreground: #e7eaf0;
+  --card: #1c1f26;
+  --card-foreground: #e7eaf0;
+  --popover: #242832;
+  --popover-foreground: #e7eaf0;
+  --primary: #a7b6ff;
+  --primary-foreground: #17224e;
+  --secondary: #2b303b;
+  --secondary-foreground: #e0e5ef;
+  --muted: #252a34;
+  --muted-foreground: #a6afbd;
+  --accent: #2b3556;
+  --accent-foreground: #ccd6ff;
+  --destructive: #ff9aa3;
+  --destructive-foreground: #45141a;
+  --border: #373e4b;
+  --input: #707c90;
+  --ring: #a7b6ff;
+  --review-added: #1c3528;
+  --review-added-foreground: #a1dbb3;
+  --review-added-border: #416d50;
+  --review-removed: #3e252b;
+  --review-removed-foreground: #ffb2bb;
+  --review-removed-border: #80515b;
+  --review-modified: #392f1d;
+  --review-modified-foreground: #e9ca8b;
+  --review-modified-border: #7b6742;
+  --review-count-added: #34d399;
+  --review-count-modified: #60a5fa;
+  --review-count-removed: #fb7185;
+  --review-insert: #31523c;
+  --review-delete: #633943;
+  --review-overlay: #070a10b3;
+  --review-shadow: 0 8px 24px #00000040, 0 1px 3px #0003;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .review-ui {
+    --review-duration: 0s;
+  }
+
+  .review-ui, .review-ui * {
+    scroll-behavior: auto !important;
+    transition: none !important;
+    animation: none !important;
+  }
+}
+
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+
+@property --tw-leading {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+
+@property --tw-blur {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-invert {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-duration {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ease {
+  syntax: "*";
+  inherits: false
+}
+
+@keyframes enter {
+  from {
+    opacity: var(--tw-enter-opacity, 1);
+    transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
+    filter: blur(var(--tw-enter-blur, 0));
+  }
+}
+
+@keyframes exit {
+  to {
+    opacity: var(--tw-exit-opacity, 1);
+    transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
+    filter: blur(var(--tw-exit-blur, 0));
+  }
+}
+/*$vite$:1*/