@hearthscale/app-ui 0.2.3 → 0.3.0

package/dist/ui.css

@@ -447,9 +447,10 @@
     display: flex;
     min-height: var(--h-ctl);
     flex-shrink: 0;
+    flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
-    gap: calc(var(--space) * 3);
+    gap: calc(var(--space) * 2) calc(var(--space) * 3);
     font-size: var(--fs-md);
     font-weight: var(--fw-semi);
     color: var(--mut);
@@ -463,6 +464,7 @@
     font-weight: 400;
     margin-left: auto;
     min-width: 0;
+    max-width: 100%;
     flex-wrap: wrap;
     justify-content: flex-end;
   }
@@ -483,6 +485,22 @@
   .hs-select-wrap {
     position: relative;
     flex: none;
+    max-width: 100%;
+  }
+  .hs-select-label {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .hs-select-note {
+    flex: none;
+    max-width: 50%;
+    margin-inline-start: auto;
+    overflow: hidden;
+    color: var(--mut);
+    font-size: var(--fs-sm);
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
   .hs-select > :is(svg, .hs-icon), .hs-settings-search > :is(svg, .hs-icon) {
     flex: none;
@@ -492,8 +510,6 @@
     pointer-events: none;
   }
   .hs-floating-tip > .hs-tip {
-    position: static;
-    opacity: 1;
     white-space: pre-line;
     overflow-wrap: anywhere;
     width: max-content;
@@ -504,6 +520,7 @@
     align-items: center;
     gap: calc(var(--space) * 2);
     height: var(--h-ctl);
+    max-width: 100%;
     box-sizing: border-box;
     padding: 0 calc(var(--space) * 2.5);
     border: var(--bw) solid var(--tipline);
@@ -518,6 +535,17 @@
     align-items: center;
     gap: var(--gap-row);
   }
+  .hs-toggle-row:has(> .hs-setting-controls) {
+    flex-wrap: wrap;
+    row-gap: var(--gap-stack);
+  }
+  .hs-toggle-row:has(> .hs-setting-controls) > .hs-setting-label {
+    min-width: min(calc(var(--space) * 28), 100%);
+  }
+  .hs-toggle-row > .hs-setting-controls {
+    flex: none;
+    margin-left: auto;
+  }
   .hs-setting-label {
     flex: 1;
     display: flex;
@@ -541,22 +569,35 @@
   }
   .hs-info-row {
     display: flex;
+    flex-wrap: wrap;
     align-items: center;
-    gap: var(--gap-row);
+    gap: var(--gap-stack) var(--gap-row);
+  }
+  .hs-info-row > .hs-setting-label {
+    min-width: min(calc(var(--space) * 28), 100%);
+  }
+  .hs-info-row > .hs-setting-value {
+    flex: 0 1 auto;
+    min-width: 0;
+    max-width: 100%;
+    margin-left: auto;
   }
   .hs-fact-row {
     display: flex;
+    flex-wrap: wrap;
     align-items: baseline;
-    gap: var(--gap-row);
+    gap: var(--gap-label) var(--gap-row);
   }
   .hs-fact-label {
     width: calc(var(--space) * 32.5);
+    max-width: 100%;
     flex: none;
     font-size: var(--fs-body);
     color: var(--mut);
   }
   .hs-fact-value {
-    flex: 1;
+    flex: 1 1 calc(var(--space) * 20);
+    min-width: 0;
     font-size: var(--fs-body);
     color: var(--text);
     overflow-wrap: anywhere;
@@ -566,6 +607,14 @@
     color: var(--mut);
     flex: none;
   }
+  .hs-setting-controls {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    flex-wrap: wrap;
+    gap: var(--gap-inline);
+    min-width: 0;
+  }
   .hs-link-row {
     display: flex;
     align-items: center;
@@ -592,12 +641,17 @@
   }
   .hs-list-row {
     display: flex;
+    flex-wrap: wrap;
     align-items: center;
-    gap: var(--gap-row);
+    gap: var(--gap-stack) var(--gap-row);
+  }
+  .hs-list-row > .hs-setting-label {
+    min-width: min(calc(var(--space) * 28), 100%);
   }
   .hs-list-row-actions {
     display: flex;
     align-items: center;
+    margin-left: auto;
     gap: var(--gap-inline);
     flex: none;
   }
@@ -815,12 +869,6 @@
     cursor: pointer;
     user-select: none;
   }
-  .hs-model-trigger-name {
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
   .hs-model-trigger-chevron {
     flex: none;
     color: var(--dim);
@@ -843,6 +891,9 @@
     padding: var(--space);
     overflow: hidden auto;
   }
+  .hs-picker-list > * + * {
+    margin-top: calc(var(--space) * 0.5);
+  }
   .hs-picker-row {
     display: flex;
     align-items: center;
@@ -868,6 +919,27 @@
   .hs-picker-row[data-download='true'] {
     cursor: pointer;
   }
+  .hs-picker-row-word {
+    margin-left: var(--gap-inline);
+    color: var(--dim);
+  }
+  .hs-menu-search {
+    flex: none;
+    padding: var(--space) var(--space) calc(var(--space) * 1.5);
+  }
+  .hs-multi-select-menu {
+    display: flex;
+    flex-direction: column;
+    height: min(calc(var(--space) * 95), 60vh);
+  }
+  .hs-multi-select-list {
+    flex: 1;
+    min-height: 0;
+    overflow: hidden auto;
+  }
+  .hs-picker[data-tall='true'] {
+    max-height: min(calc(var(--space) * 130), 70vh);
+  }
   .hs-picker-row-action {
     display: inline-flex;
     align-items: center;
@@ -1175,7 +1247,7 @@
     min-height: 0;
     overflow: hidden auto;
     scrollbar-gutter: stable both-edges;
-    padding: calc(var(--space) * 4.5) calc(var(--space) * 7.25) calc(var(--space) * 9);
+    padding: calc(var(--space) * 4.5) min(calc(var(--space) * 7.25), 4%) calc(var(--space) * 9);
   }
   .hs-settings-content {
     --hov: var(--hov-page);
@@ -1227,7 +1299,7 @@
     translate: 0 -50%;
     width: calc(var(--space) * 80);
     padding: calc(var(--space) * 2.75) calc(var(--space) * 3.25);
-    background: var(--tipbg);
+    background: var(--plate-menu);
     backdrop-filter: var(--blur-surface);
     -webkit-backdrop-filter: var(--blur-surface);
     pointer-events: none;
@@ -1688,10 +1760,6 @@
   }
   .hs-shelf-file-name {
     flex: 1;
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
     color: var(--text);
   }
   .hs-shelf-file-size {
@@ -1729,6 +1797,9 @@
   .hs-shelf-chip-note {
     color: var(--mut);
   }
+  .hs-shelf-chip-text {
+    max-width: calc(var(--space) * 60);
+  }
   .hs-shelf-refused {
     font-size: var(--fs-cap);
     color: var(--bad);
@@ -1985,11 +2056,15 @@
     padding: 1px calc(var(--space) * 1.25);
     border-radius: var(--r-sm);
     background: var(--hov);
-    font-family: var(--font-mono);
-    font-size: var(--fs-mono);
+    font: inherit;
+    font-variant-numeric: tabular-nums;
     overflow-wrap: anywhere;
     color: var(--text);
   }
+  .hs-ask-fold {
+    align-self: flex-start;
+    margin-left: calc(var(--space) * -3.5);
+  }
   .hs-ask-command {
     max-height: calc(var(--space) * 30);
     margin: 0;
@@ -2045,8 +2120,6 @@
   }
   .hs-ask-tool-name {
     flex: none;
-    font-family: var(--font-mono);
-    font-size: var(--fs-mono);
     color: var(--text);
   }
   .hs-ask-actions {
@@ -2389,7 +2462,7 @@
     transform: translateX(-50%);
     padding: calc(var(--space) * 0.75) calc(var(--space) * 1.75);
     border-radius: var(--r-pill);
-    background: var(--tipbg);
+    background: var(--plate-menu);
     border: var(--bw) solid var(--tipline);
     backdrop-filter: var(--blur-surface);
     -webkit-backdrop-filter: var(--blur-surface);
@@ -2525,10 +2598,6 @@
   }
   .hs-user-file-name {
     flex: 1;
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
     font-size: var(--fs-body);
   }
   .hs-system-icon {
@@ -2671,8 +2740,6 @@
   }
   .hs-work-command, .hs-work-output, .hs-work-path {
     margin: 0;
-    font-family: var(--font-mono);
-    font-size: var(--fs-mono);
     line-height: 1.6;
     white-space: pre-wrap;
     overflow-wrap: anywhere;
@@ -2684,6 +2751,8 @@
   .hs-work-command, .hs-work-output {
     max-height: 16rem;
     overflow: auto;
+    font-family: var(--font-mono);
+    font-size: var(--fs-mono);
   }
   .hs-work-text {
     white-space: pre-wrap;
@@ -2909,13 +2978,14 @@
   .hs-unknown-part-context, .hs-unknown-part-data {
     margin: calc(var(--space) * 1.5) 0 0;
     white-space: pre-wrap;
-    font-family: var(--font-mono);
-    font-size: var(--fs-mono);
   }
   .hs-unknown-part-context {
+    font: inherit;
     color: var(--text);
   }
   .hs-unknown-part-data {
+    font-family: var(--font-mono);
+    font-size: var(--fs-mono);
     word-break: break-all;
     color: var(--mut);
   }
@@ -2946,8 +3016,7 @@
     gap: calc(var(--space) * 1.25);
   }
   .hs-diff-count {
-    font-family: var(--font-mono);
-    font-size: var(--fs-mono);
+    font-variant-numeric: tabular-nums;
   }
   .hs-diff-count[data-kind='add'] {
     color: var(--ok);
@@ -2986,7 +3055,7 @@
     height: 100%;
     cursor: zoom-in;
   }
-  .hs-chat-image img {
+  .hs-chat-image video, .hs-chat-image img {
     display: block;
     width: 100%;
     height: 100%;
@@ -3262,12 +3331,6 @@
     place-items: center;
     flex: none;
   }
-  .hs-chip-text {
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
   .hs-lightbox {
     position: fixed;
     inset: 0;
@@ -4013,6 +4076,8 @@
     border-radius: var(--r-round);
     background: var(--dim);
     opacity: 0.5;
+  }
+  .hs-walk-dot[data-back='true'] {
     cursor: pointer;
   }
   .hs-walk-dot[data-sel='true'] {
@@ -4270,6 +4335,9 @@
     backdrop-filter: var(--blur-surface);
     -webkit-backdrop-filter: var(--blur-surface);
   }
+  :not(.hs-menu-surface) > .hs-mitem + .hs-mitem {
+    margin-top: calc(var(--space) * 0.5);
+  }
   .hs-menu-item-row {
     display: flex;
     align-items: center;
@@ -4320,22 +4388,15 @@
     color: var(--dim);
   }
   .hs-tooltip {
-    position: absolute;
     display: flex;
-    background: var(--tipbg);
+    background: var(--plate-menu);
     backdrop-filter: var(--blur-tip);
     -webkit-backdrop-filter: var(--blur-tip);
     white-space: nowrap;
-    pointer-events: none;
-    z-index: 10;
     align-items: center;
     flex-direction: row;
     gap: calc(var(--space) * 2);
     padding: calc(var(--space) * 2) calc(var(--space) * 2.75);
-    transition: opacity var(--dur) var(--ease-out);
-  }
-  html.hs-view .hs-tooltip {
-    background: var(--plate-menu);
   }
   .hs-tooltip-title {
     font-size: var(--fs-cap);
@@ -4653,7 +4714,13 @@
     align-items: center;
     padding-left: 1px;
   }
+  .hs-titlebar-drag {
+    position: absolute;
+    inset: 0;
+    -webkit-app-region: drag;
+  }
   .hs-caption-button {
+    -webkit-app-region: no-drag;
     display: grid;
     place-items: center;
     width: calc(var(--space) * 11.5);
@@ -4755,6 +4822,7 @@
     position: relative;
     display: flex;
     flex-direction: column;
+    min-width: 0;
     gap: var(--gap-stack);
     padding: calc(var(--space) * 2);
     border-radius: var(--r-card);
@@ -4765,15 +4833,14 @@
   }
   .hs-theme-preview {
     position: relative;
-    height: calc(var(--space) * 26);
+    container-type: inline-size;
+    aspect-ratio: 235 / 104;
     border-radius: var(--r-card);
     overflow: hidden;
   }
   .hs-theme-caption {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--space) * 0.5);
     text-align: center;
+    overflow-wrap: anywhere;
   }
   .hs-theme-name {
     font-size: var(--fs-body);
@@ -4808,8 +4875,8 @@
     bottom: calc(var(--space) * -0.75);
     display: grid;
     place-items: center;
-    width: calc(var(--space) * 5.5);
-    height: calc(var(--space) * 5.5);
+    width: clamp(calc(var(--space) * 4.5), 34%, calc(var(--space) * 5.5));
+    aspect-ratio: 1;
     border-radius: var(--r-round);
     background: var(--tipbg);
     box-shadow: var(--ring);
@@ -4827,8 +4894,9 @@
     position: relative;
     display: flex;
     flex-direction: column;
+    min-width: 0;
     gap: calc(var(--space) * 2.5);
-    padding: calc(var(--space) * 4.5) calc(var(--space) * 2) calc(var(--space) * 2.5);
+    padding: calc(var(--space) * 6.5) calc(var(--space) * 2) calc(var(--space) * 2.5);
     border-radius: var(--r-card);
     background: var(--card);
     outline: 1px solid var(--cardb);
@@ -4839,16 +4907,20 @@
     display: flex;
     justify-content: center;
     gap: calc(var(--space) * 5.5);
+    padding: 0 calc(var(--space) * 2);
+  }
+  .hs-colourway-orbs > .hs-orb {
+    flex: 0 1 calc(var(--space) * 16.5);
+    width: auto;
+    height: auto;
+    min-width: 0;
+    aspect-ratio: 1;
   }
-  .hs-colourway-name, .hs-colourway-tile > .hs-label {
+  .hs-colourway-name {
     font-size: var(--fs-body);
     color: var(--mut);
     text-align: center;
-  }
-  .hs-colourway-tile > .hs-label {
-    margin-top: calc(var(--space) * -1.5);
-    font-size: var(--fs-sm);
-    color: var(--dim);
+    overflow-wrap: anywhere;
   }
   .hs-colour-slider {
     position: relative;
@@ -4877,6 +4949,7 @@
   }
   .hs-colour-editor-label {
     display: flex;
+    flex-wrap: wrap;
     align-items: center;
     gap: calc(var(--space) * 2.25);
   }
@@ -4886,11 +4959,12 @@
     font-weight: var(--fw-semi);
   }
   .hs-colour-editor-hex {
-    font-family: var(--font-mono);
     font-size: var(--fs-cap);
+    font-variant-numeric: tabular-nums;
     color: var(--dim);
   }
   .hs-button.hs-size-step {
+    flex: none;
     width: var(--h-ctl);
     padding: 0;
     font-size: var(--fs-dialog);
@@ -4901,7 +4975,9 @@
     gap: var(--gap-stack);
   }
   .hs-size-value {
-    min-width: calc(var(--space) * 11.5);
+    flex: 0 1 auto;
+    width: calc(var(--space) * 11.5);
+    min-width: 0;
     text-align: center;
     font-size: var(--fs-sm);
     color: var(--text);
@@ -4940,13 +5016,14 @@
     flex-direction: column;
     gap: calc(var(--space) * 3.5);
     margin: var(--space) 0 calc(var(--space) * 2);
-    padding: calc(var(--space) * 4);
+    padding: calc(var(--space) * 4) min(calc(var(--space) * 4), 6%);
     border-radius: var(--r-card);
     background: var(--card);
     border: var(--bw) solid var(--cardb);
   }
   .hs-colourway-editor-toolbar {
     display: flex;
+    flex-wrap: wrap;
     align-items: center;
     gap: var(--gap-stack);
   }
@@ -4957,7 +5034,15 @@
     display: contents;
   }
   .hs-colourway-editor-toolbar > .hs-input {
-    width: calc(var(--space) * 50);
+    flex: 0 1 calc(var(--space) * 50);
+    width: auto;
+    min-width: 0;
+  }
+  .hs-colourway-editor-toolbar > .hs-button {
+    max-width: 100%;
+    height: auto;
+    min-height: var(--h-ctl);
+    white-space: normal;
   }
   .hs-colourway-error {
     font-size: var(--fs-sm);
@@ -4970,6 +5055,10 @@
     font-size: var(--fs-sm);
     color: var(--text);
   }
+  .hs-range-value > .hs-range {
+    flex: 0 1 auto;
+    min-width: 0;
+  }
   .hs-provider-box {
     padding: var(--pad-row-y) var(--pad-row-x);
     border-top: var(--bw) solid var(--line);
@@ -4978,11 +5067,16 @@
     gap: calc(var(--space) * 2);
   }
   .hs-appearance-grid {
+    --tile-min: calc(var(--space) * 32);
+    --tile-gap: calc(var(--space) * 3);
     display: grid;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-    gap: calc(var(--space) * 3);
+    grid-template-columns: repeat( auto-fill, minmax(min(100%, max(var(--tile-min), calc((100% - 2 * var(--tile-gap)) / 3))), 1fr) );
+    gap: var(--tile-gap);
     margin: calc(var(--space) * 2) 0 calc(var(--space) * 1.5);
   }
+  .hs-appearance-grid-schemes {
+    --tile-min: calc(var(--space) * 22);
+  }
   .hs-appearance-tile[data-sel='true'] {
     outline: 2px solid var(--mut);
   }
@@ -5768,8 +5862,7 @@
     overflow-wrap: anywhere;
   }
   .hs-mono {
-    font-family: var(--font-mono);
-    font-size: var(--fs-mono);
+    font-variant-numeric: tabular-nums;
   }
   .hs-page-title {
     margin: 0 0 var(--gap-inline);
@@ -5821,7 +5914,7 @@
     flex-direction: column;
   }
   .hs-model-browser-list {
-    width: 38%;
+    width: 42%;
     min-width: min(calc(var(--space) * 70), 42%);
     flex: none;
     border-right: var(--bw) solid var(--line);
@@ -5846,6 +5939,9 @@
     font: inherit;
     color: var(--text);
   }
+  .hs-model-browser-row + .hs-model-browser-row {
+    margin-top: calc(var(--space) * 0.5);
+  }
   .hs-model-browser-row:hover {
     background: var(--hov);
   }
@@ -5935,8 +6031,7 @@
     overflow-wrap: anywhere;
   }
   .hs-model-header-sub {
-    font-family: var(--font-mono);
-    font-size: var(--fs-mono);
+    font-size: var(--fs-sm);
     color: var(--mut);
     white-space: nowrap;
     overflow: hidden;
@@ -6083,6 +6178,22 @@
     padding: calc(var(--space) * 2.5) calc(var(--space) * 4.5) var(--space);
     flex: none;
   }
+  .hs-model-browser-toolbar:has(> .hs-select-wrap) {
+    flex-wrap: nowrap;
+    gap: var(--gap-inline);
+  }
+  .hs-model-browser-toolbar > .hs-select-wrap {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+  .hs-model-browser-toolbar .hs-select {
+    width: 100%;
+    justify-content: space-between;
+    padding-inline: calc(var(--space) * 2);
+  }
+  .hs-model-browser-toolbar .hs-select-label {
+    white-space: nowrap;
+  }
   .hs-model-browser-count {
     flex: 1;
     font-size: var(--fs-sm);
@@ -6145,6 +6256,10 @@
     padding: 0 0 calc(var(--space) * 3);
   }
   .hs-settings-group-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--gap-row);
     padding: var(--pad-row-y) var(--pad-row-x) var(--gap-inline);
     font-size: var(--fs-sm);
     color: var(--mut);
@@ -6165,6 +6280,7 @@
   .hs-settings-actions {
     display: flex;
     align-items: center;
+    justify-content: flex-end;
     flex-wrap: wrap;
     gap: var(--gap-stack);
     padding: var(--pad-row-y) var(--pad-row-x);
@@ -6466,7 +6582,6 @@
     height: calc(var(--space) * 9.5);
     padding: 0 calc(var(--space) * 2) 0 calc(var(--space) * 3.5);
     border-bottom: var(--bw) solid var(--tipline);
-    font-family: var(--font-mono);
     font-size: var(--fs-docs-code-title);
     color: var(--mut);
   }
@@ -6895,6 +7010,11 @@
     gap: calc(var(--space) * 2.5);
     margin-bottom: calc(var(--space) * 4.5);
     padding: calc(var(--space) * 2) 0;
+    transition: opacity var(--dur) var(--ease-out);
+  }
+  .hs-market-bar[data-away='true'] {
+    opacity: 0;
+    pointer-events: none;
   }
   .hs-market-bar, .hs-market-toolbar {
     container: market / inline-size;
@@ -7051,27 +7171,97 @@
       display: none;
     }
   }
-  .hs-market-feature {
+  .hs-carousel {
     position: relative;
-    overflow: hidden;
-    border-radius: var(--r-card);
-    isolation: isolate;
-    box-shadow: var(--shadow-pop);
   }
-  .hs-market-feature-track {
+  .hs-carousel-track {
     display: flex;
     overflow-x: auto;
-    clip-path: inset(0 round var(--r-card));
     scroll-snap-type: x mandatory;
     overscroll-behavior-x: contain;
   }
-  .hs-market-feature-track::-webkit-scrollbar {
+  .hs-carousel-track::-webkit-scrollbar {
     display: none;
   }
+  .hs-carousel-track > * {
+    flex: 0 0 100%;
+    scroll-snap-align: start;
+  }
+  .hs-carousel-dots {
+    position: absolute;
+    bottom: calc(var(--space) * 4);
+    left: 50%;
+    display: flex;
+    align-items: center;
+    padding: 0 var(--space);
+    border-radius: var(--r-pill);
+    background: var(--glass-on-dark);
+    backdrop-filter: var(--blur-glass);
+    -webkit-backdrop-filter: var(--blur-glass);
+    translate: -50% 0;
+  }
+  .hs-carousel-dots button {
+    display: grid;
+    place-items: center;
+    width: calc(var(--space) * 6);
+    height: calc(var(--space) * 6);
+    padding: 0;
+    border: 0;
+    border-radius: var(--r-pill);
+    background: none;
+    cursor: pointer;
+    transition: width var(--dur) var(--ease-out);
+  }
+  .hs-carousel-dots button::before {
+    width: calc(var(--space) * 1.75);
+    height: calc(var(--space) * 1.75);
+    border-radius: var(--r-pill);
+    background: var(--scrim-ink);
+    opacity: 0.4;
+    content: '';
+    transition: width var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);
+  }
+  .hs-carousel-dots button[aria-current] {
+    width: calc(var(--space) * 9.25);
+  }
+  .hs-carousel-dots button[aria-current]::before {
+    width: calc(var(--space) * 5);
+    opacity: 1;
+  }
+  .hs-shell .hs-glass-turn {
+    position: absolute;
+    top: 50%;
+    display: grid;
+    place-items: center;
+    width: calc(var(--space) * 10);
+    height: calc(var(--space) * 10);
+    padding: 0;
+    translate: 0 -50%;
+    opacity: 0;
+    cursor: pointer;
+    transition: opacity var(--dur) var(--ease-out);
+  }
+  .hs-market-shots-wrap:hover .hs-glass-turn, .hs-carousel:hover .hs-glass-turn, .hs-glass-turn:focus-visible {
+    opacity: 1;
+  }
+  .hs-glass-turn[data-side='start'] {
+    left: calc(var(--space) * 4);
+  }
+  .hs-glass-turn[data-side='end'] {
+    right: calc(var(--space) * 4);
+  }
+  .hs-market-feature {
+    overflow: hidden;
+    border-radius: var(--r-card);
+    isolation: isolate;
+    box-shadow: var(--shadow-pop);
+  }
+  .hs-market-feature .hs-carousel-track {
+    clip-path: inset(0 round var(--r-card));
+  }
   .hs-market-feature-card {
     position: relative;
     display: flex;
-    flex: 0 0 100%;
     align-items: flex-end;
     aspect-ratio: var(--market-cover-ratio);
     min-height: calc(var(--space) * 100);
@@ -7082,7 +7272,6 @@
     font: inherit;
     text-align: left;
     text-decoration: none;
-    scroll-snap-align: start;
     isolation: isolate;
   }
   .hs-shell .hs-market-feature-card, .hs-shell .hs-market-row {
@@ -7154,35 +7343,6 @@
     padding: calc(var(--space) * 2.25) calc(var(--space) * 5.5);
     font-size: var(--fs-md);
   }
-  .hs-market-feature-dots {
-    position: absolute;
-    bottom: calc(var(--space) * 4);
-    left: 50%;
-    display: flex;
-    align-items: center;
-    gap: calc(var(--space) * 2);
-    padding: calc(var(--space) * 2) calc(var(--space) * 3);
-    border-radius: var(--r-pill);
-    background: var(--glass-on-dark);
-    backdrop-filter: var(--blur-glass);
-    -webkit-backdrop-filter: var(--blur-glass);
-    translate: -50% 0;
-  }
-  .hs-market-feature-dots button {
-    width: calc(var(--space) * 1.75);
-    height: calc(var(--space) * 1.75);
-    padding: 0;
-    border: 0;
-    border-radius: var(--r-pill);
-    background: var(--scrim-ink);
-    opacity: 0.4;
-    cursor: pointer;
-    transition: width var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);
-  }
-  .hs-market-feature-dots button[aria-current] {
-    width: calc(var(--space) * 5);
-    opacity: 1;
-  }
   @media (width < 760px) {
     .hs-market-feature-card {
       aspect-ratio: 4 / 5;
@@ -7530,28 +7690,6 @@
       height: calc(var(--space) * 65);
     }
   }
-  .hs-shell .hs-market-turn {
-    position: absolute;
-    top: 50%;
-    display: grid;
-    place-items: center;
-    width: calc(var(--space) * 10);
-    height: calc(var(--space) * 10);
-    padding: 0;
-    translate: 0 -50%;
-    opacity: 0;
-    cursor: pointer;
-    transition: opacity var(--dur) var(--ease-out);
-  }
-  .hs-market-shots-wrap:hover .hs-market-turn, .hs-market-feature:hover .hs-market-turn, .hs-market-turn:focus-visible {
-    opacity: 1;
-  }
-  .hs-market-turn[data-side='start'] {
-    left: calc(var(--space) * 4);
-  }
-  .hs-market-turn[data-side='end'] {
-    right: calc(var(--space) * 4);
-  }
   .hs-market-part {
     display: flex;
     flex-direction: column;
@@ -8032,6 +8170,57 @@
     opacity: 0.45;
     cursor: default;
   }
+  .hs-speech-test {
+    flex: 1;
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: calc(var(--space) * 3);
+    padding: calc(var(--space) * 2.5);
+    border: var(--bw) solid var(--cardb);
+    border-radius: var(--r-ctl);
+    background: var(--card);
+  }
+  .hs-speech-test p {
+    flex: 1;
+    min-width: 0;
+    margin: 0;
+    color: var(--text);
+    font-size: var(--fs-body);
+    line-height: var(--lh-body);
+    user-select: text;
+  }
+  .hs-speech-test-end {
+    flex: none;
+    display: flex;
+    align-items: center;
+    gap: var(--gap-inline);
+  }
+  .hs-list-setting {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    gap: calc(var(--space) * 2);
+  }
+  .hs-list-setting-line {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--gap-inline);
+  }
+  .hs-settings-text, .hs-list-setting-input {
+    width: calc(var(--space) * 60);
+    min-width: 0;
+    text-align: left;
+  }
+  .hs-list-setting-input {
+    flex: 0 1 auto;
+  }
+  .hs-list-setting-chips {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--gap-inline);
+  }
   .hs-settings-textarea {
     display: flex;
     flex-direction: column;
@@ -8260,13 +8449,6 @@
     gap: calc(var(--space) * 1.25);
     flex: none;
   }
-  .hs-model-library-actions .hs-tipwrap {
-    position: relative;
-  }
-  .hs-model-library-actions .hs-tip {
-    top: calc(100% + var(--space) * 2);
-    right: 0;
-  }
   .hs-model-library-actions .hs-model-hover-action {
     opacity: 0;
   }
@@ -8326,6 +8508,15 @@
     min-width: 0;
     text-align: left;
   }
+  .hs-dashboard-short {
+    width: auto;
+  }
+  .hs-model-offer-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: var(--gap-row);
+    margin-top: var(--gap-stack);
+  }
   .hs-model-download-facts {
     color: var(--mut);
     font-size: var(--fs-sm);
@@ -8357,7 +8548,7 @@
     gap: calc(var(--space) * 3);
     margin-top: calc(var(--space) * 4);
   }
-  .hs-model-media-output img {
+  .hs-model-media-output video, .hs-model-media-output img {
     max-width: 100%;
     max-height: calc(var(--space) * 105);
     object-fit: contain;
@@ -8483,22 +8674,12 @@
   .hs-model-fit > svg {
     flex: none;
   }
-  .hs-model-fit > .hs-tip {
-    left: 0;
-    top: calc(100% + var(--space) * 1.75);
-    width: calc(var(--space) * 87.5);
-    max-width: 100%;
-  }
   .hs-model-fit[data-variant='icon'] {
     flex: none;
     margin: 0;
     padding: 0;
     background: none;
   }
-  .hs-model-fit:focus-visible .hs-tip {
-    opacity: 1;
-    visibility: visible;
-  }
   .hs-server-log {
     max-height: calc(var(--space) * 85);
     overflow: auto;
@@ -8680,6 +8861,14 @@
     line-height: 1.5;
     color: var(--mut);
   }
+  .hs-installer-stopped-text[data-tone='bad'] {
+    color: var(--bad);
+  }
+  .hs-installer-stopped-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: calc(var(--space) * 2);
+  }
   .hs-installer-folder {
     margin-top: calc(var(--space) * 4);
     min-height: calc(var(--space) * 10);
@@ -8699,6 +8888,9 @@
     flex-direction: column;
     gap: calc(var(--space) * 3.5);
   }
+  .hs-installer-offer > .hs-installer-folder {
+    margin-top: 0;
+  }
   .hs-installer-specs {
     display: flex;
     justify-content: center;
@@ -8813,21 +9005,24 @@
     cursor: default;
   }
   .hs-grant-group-bypass {
-    position: relative;
     display: grid;
     place-items: center;
     flex: none;
     color: var(--bad);
   }
-  .hs-grant-group-bypass > .hs-tip {
-    top: calc(100% + var(--space) * 1.5);
-    left: 0;
-  }
   .hs-info-row > .hs-setting-value > .hs-input {
     width: calc(var(--space) * 70);
+    max-width: 100%;
+  }
+  .hs-info-row > .hs-setting-value:has(> .hs-model-picker) {
+    display: flex;
+    flex: 0 1 auto;
+    min-width: 0;
+    max-width: 50%;
   }
   .hs-info-row > .hs-setting-value > .hs-meter[data-variant='bar'] {
     width: calc(var(--space) * 40);
+    max-width: 100%;
     height: calc(var(--space) * 1.5);
   }
   .hs-connector-unattached {
@@ -8844,10 +9039,10 @@
   .hs-key-control {
     display: inline-flex;
     align-items: center;
+    min-height: var(--h-ctl);
     gap: var(--gap-inline);
   }
   .hs-key-binding {
-    position: relative;
     display: inline-flex;
     align-items: center;
     min-height: calc(var(--space) * 5.5);
@@ -8885,7 +9080,6 @@
     color: var(--text);
   }
   .hs-key-remove {
-    position: relative;
     display: inline-flex;
   }
   .hs-key-clash {
@@ -8939,7 +9133,8 @@
   .hs-dashboard-plate {
     position: relative;
     display: grid;
-    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+    grid-template-columns: minmax(max-content, 1fr) auto minmax(0, 1fr);
+    column-gap: calc(var(--space) * 2);
     align-items: center;
     max-width: calc(var(--space) * 310);
     min-height: calc(var(--space) * 14);
@@ -9174,6 +9369,16 @@
     padding-top: 0;
     border-top: 0;
   }
+  .hs-figure > .hs-tip, .hs-bar-series-bar > .hs-tip {
+    position: absolute;
+    z-index: 10;
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity var(--dur) var(--ease-out);
+  }
+  .hs-figure:hover > .hs-tip, .hs-bar-series-bar:hover > .hs-tip {
+    opacity: 1;
+  }
   .hs-figure > .hs-tip {
     top: calc(100% + var(--space));
     left: 0;
@@ -9329,6 +9534,8 @@
       -webkit-mask-image: none;
       mask-image: none;
     }
+  }
+  @media (width < 1240px) {
     .hs-dashboard-plate {
       grid-template-columns: minmax(0, 1fr) auto;
     }
@@ -9395,6 +9602,9 @@
       padding: calc(var(--space) * 4);
     }
   }
+  .hs-brand-mark[data-brand='linux'] {
+    background: url('./brand/linux-tux.svg') center / contain no-repeat;
+  }
   .hs-sidebar-rail.hs-rail {
     flex: none;
     width: var(--w-rail);
@@ -9420,6 +9630,30 @@
     position: relative;
     touch-action: none;
   }
+  .hs-badged {
+    position: relative;
+    display: inline-grid;
+    place-items: center;
+  }
+  .hs-badged-badge {
+    position: absolute;
+    right: calc(var(--space) * -1);
+    bottom: calc(var(--space) * -1);
+    display: grid;
+    place-items: center;
+    border-radius: var(--r-round);
+    background: var(--bg);
+  }
+  .hs-badged-badge[data-letters] {
+    box-sizing: border-box;
+    min-width: var(--h-badge);
+    height: var(--h-badge);
+    padding: 0 calc(var(--space) / 2);
+    font-family: var(--font-app);
+    font-size: var(--fs-badge);
+    font-weight: var(--fw-semi);
+    line-height: 1;
+  }
   .hs-rail-plate-bypass {
     position: absolute;
     right: 0;
@@ -9695,8 +9929,8 @@
     box-shadow: var(--gloss-edge);
   }
   .hs-lane :is(.hs-tab-label, .hs-lane-crumb-app, .hs-lane-crumb-title)[data-cut] {
-    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--tab-fade)), transparent);
-    mask-image: linear-gradient(90deg, #000 calc(100% - var(--tab-fade)), transparent);
+    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--cut-fade)), transparent);
+    mask-image: linear-gradient(90deg, #000 calc(100% - var(--cut-fade)), transparent);
   }
   .hs-tab-card {
     position: absolute;
@@ -9711,7 +9945,7 @@
     margin-top: var(--gap-tile);
     padding: var(--gap-stack);
     border-radius: var(--r-card);
-    background: var(--tipbg);
+    background: var(--plate-menu);
     border: var(--bw) solid var(--tipline);
     box-shadow: var(--gloss-edge), var(--shadow-pop);
     backdrop-filter: var(--blur-overlay);
@@ -9852,7 +10086,7 @@
     position: absolute;
     inset: 0;
     z-index: 1;
-    overflow: hidden;
+    overflow: clip;
     pointer-events: none;
   }
   .hs-surface {
@@ -9863,7 +10097,7 @@
     height: 800px;
     display: flex;
     border-radius: calc(var(--r-tile) - var(--bw));
-    overflow: hidden;
+    overflow: clip;
     visibility: hidden;
     content-visibility: hidden;
   }
@@ -10428,6 +10662,14 @@
   font-display: swap;
   src: url('./fonts/InterVariable.woff2') format('woff2');
 }
+@font-face {
+  font-family: 'Inter Variable';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('./fonts/InterVariable-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2190-21FF, U+2212, U+2215, U+FEFF, U+FFFD;
+}
 @font-face {
   font-family: 'JetBrains Mono';
   font-style: normal;
@@ -10779,6 +11021,7 @@
     --scroll-size: calc(var(--space) * 2.75);
     --w-rail: calc(var(--space) * 14);
     --icon-ctl-rail: calc(var(--space) * 10);
+    --h-badge: calc(var(--space) * 3);
     --gap-rail: var(--space);
     --edge: calc(var(--space) * 2);
     --h-lane: 42px;
@@ -10787,7 +11030,7 @@
     --tabcard-w: calc(var(--space) * 80);
     --tabcard-dip: 0.82;
     --tab-text-min: calc(var(--space) * 12);
-    --tab-fade: calc(var(--space) * 4);
+    --cut-fade: calc(var(--space) * 4);
     --lane-arrow-w: calc(var(--space) * 5);
     --h-lane-rule: calc(var(--space) * 6);
     --lane-rule-alpha: 0.22;
@@ -10942,6 +11185,7 @@
     --press: none;
     --press-fade: 1;
     --hov-lift: none;
+    --fs-badge: 8.5px;
     --fs-mono-xs: 10.5px;
     --fs-mono: 11px;
     --fs-cap: 11.5px;
@@ -11422,6 +11666,22 @@
       transform: rotate(360deg);
     }
   }
+  .hs-cut {
+    min-width: 0;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+  @supports (animation-timeline: scroll()) {
+    .hs-cut {
+      animation: hsCut linear both;
+      animation-timeline: scroll(self inline);
+    }
+  }
+  @keyframes hsCut {
+    from, to {
+      mask-image: linear-gradient(90deg, #000 calc(100% - var(--cut-fade)), transparent);
+    }
+  }
   @media (prefers-reduced-motion: reduce) {
     .hs-shell {
       --dur: 0s;
@@ -11462,17 +11722,10 @@
     }
   }
   .hs-tip {
-    opacity: 0;
     border-radius: var(--r-card);
     border: var(--bw) solid var(--tipline);
     box-shadow: var(--gloss-edge), var(--shadow-pop);
   }
-  .hs-tipwrap:hover > .hs-tip {
-    opacity: 1;
-  }
-  .hs-tipwrap[data-tip-closed='true']:hover > .hs-tip {
-    opacity: 0;
-  }
   .hs-ta {
     field-sizing: content;
     min-height: calc(var(--space) * 12);