Support item quantities and unique result lines

src/style.css

@@ -728,6 +728,55 @@ input[type="range"] {
   gap: 18px;
 }
 
+.unique-lines {
+  overflow: hidden;
+  border: 1px solid var(--border-strong);
+  border-radius: 14px;
+  background: var(--surface);
+}
+
+.unique-lines header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 14px 20px;
+  border-block-end: 1px solid var(--border);
+}
+
+.unique-lines h3 {
+  margin: 0;
+}
+
+.unique-lines header span {
+  min-width: 28px;
+  padding: 4px 8px;
+  border-radius: 999px;
+  background: var(--accent-soft);
+  color: var(--accent);
+  font-size: 0.75rem;
+  font-weight: 750;
+  text-align: center;
+}
+
+.unique-lines ol {
+  margin: 0;
+  padding: 0;
+  list-style-position: inside;
+}
+
+.unique-lines li {
+  padding: 11px 20px;
+  border-block-end: 1px solid var(--border);
+  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
+  font-size: 0.82rem;
+  line-height: 1.5;
+}
+
+.unique-lines li:last-child {
+  border-block-end: 0;
+}
+
 .result-group {
   overflow: hidden;
   border: 1px solid var(--border);
@@ -771,6 +820,11 @@ input[type="range"] {
   color: var(--error);
 }
 
+.result-badge[data-tone="neutral"] {
+  background: var(--surface-muted);
+  color: var(--text-muted);
+}
+
 .result-error {
   margin: 0;
   padding: 22px 20px;
@@ -911,7 +965,8 @@ tbody tr:last-child td {
 }
 
 td:nth-child(2),
-td:nth-child(4) {
+td:nth-child(3),
+td:nth-child(5) {
   font-variant-numeric: tabular-nums;
   font-weight: 650;
 }