@elmethis/qwik 1.0.0-alpha.24 → 1.0.0-alpha.25

package/lib/style.css

@@ -1,4 +1,4 @@
-._elm-tabs_4ntkf_1 {
+._elm-tabs_1fco0_1 {
   margin-block-start: var(--elmethis-margin-block-start);
   display: flex;
   flex-direction: column;
@@ -11,13 +11,13 @@
   background-color: var(--elmethis-color-surface-raised);
 }
 
-._tab-container_4ntkf_14 {
+._tab-container_1fco0_14 {
   display: flex;
   flex-direction: row;
   border-bottom: solid 1px oklch(from var(--elmethis-color-primary) l c h / 30%);
 }
 
-._tab_4ntkf_14 {
+._tab_1fco0_14 {
   box-sizing: border-box;
   min-width: 6rem;
   padding: 1rem;
@@ -31,11 +31,10 @@
   transition:
     background-color 200ms,
     border-color 200ms;
-
   color: var(--elmethis-scoped-color, var(--elmethis-color-neutral));
   user-select: none;
 
-  &._active_4ntkf_38 {
+  &._active_1fco0_37 {
     background-color: oklch(from var(--elmethis-color-primary) l c h / 5%);
     border-bottom-color: var(--elmethis-color-primary);
     cursor: default;
@@ -46,12 +45,12 @@
   }
 }
 
-._tab-content_4ntkf_49 {
+._tab-content_1fco0_48 {
   width: 100%;
   margin: 0;
 }
 
-._tab-content-inner_4ntkf_54 {
+._tab-content-inner_1fco0_53 {
   box-sizing: border-box;
   padding: 1em;
 }
@@ -102,7 +101,7 @@
     overflow: hidden;
   }
 }
-._heading-common_tvnol_1 {
+._elm-heading_9vw8y_1 {
   margin: 0;
   position: relative;
   font-size: var(--elmethis-scoped-font-size);
@@ -114,7 +113,7 @@
     opacity 800ms;
 }
 
-._h1_tvnol_13 {
+._h1_9vw8y_13 {
   &::after {
     position: absolute;
     content: "";
@@ -136,7 +135,7 @@
   }
 }
 
-._h2_tvnol_35 {
+._h2_9vw8y_35 {
   &::after {
     position: absolute;
     content: "";
@@ -162,7 +161,7 @@
   }
 }
 
-._h2__underline_tvnol_61 {
+._h2-underline_9vw8y_61 {
   overflow: hidden;
   position: absolute;
   content: "";
@@ -173,7 +172,7 @@
   background-color: var(--elmethis-color-neutral-weak);
 }
 
-._h3_tvnol_72 {
+._h3_9vw8y_72 {
   box-sizing: border-box;
   padding-left: 0.75rem;
 
@@ -188,15 +187,15 @@
   }
 }
 
-._h4_tvnol_87 {
+._h4_9vw8y_87 {
   position: relative;
 }
 
-._h5_tvnol_91 {
+._h5_9vw8y_91 {
   position: relative;
 }
 
-._h6_tvnol_95 {
+._h6_9vw8y_95 {
   position: relative;
 }
 ._text_zme4t_1 {
@@ -210,7 +209,7 @@
     );
   }
 }
-._fragment_mrfz3_1 {
+._elm-fragment-identifier_xb2v4_1 {
   font-size: 1rem;
   width: 1rem;
   height: 1rem;
@@ -238,7 +237,7 @@
     transform: translateX(1px) translateY(1px);
   }
 }
-._text_1yr55_1 {
+._elm-inline-text_uf3sg_1 {
   padding: 0;
   margin: 0;
   white-space: pre-line;
@@ -250,7 +249,7 @@
   text-decoration-color: var(--elmethis-scoped-color);
 }
 
-._code_1yr55_13 {
+._code_uf3sg_13 {
   margin-inline: 0.25rem;
   padding: 2px 0.5em;
   font-size: calc(1em - 2px);
@@ -262,7 +261,7 @@
   );
 }
 
-._kbd_1yr55_25 {
+._kbd_uf3sg_25 {
   padding: 0.125rem 0.25rem;
   position: relative;
   border-radius: 0.125rem;
@@ -279,7 +278,6 @@
     width: 100%;
     border: solid 1px var(--elmethis-color-surface-raised);
     border-radius: 0.125rem;
-
     background-color: var(--elmethis-color-surface-raised);
   }
 
@@ -296,7 +294,7 @@
   }
 }
 
-._link_1yr55_59 {
+._link_uf3sg_58 {
   all: unset;
   color: var(--elmethis-color-accent-link);
   box-sizing: border-box;
@@ -332,7 +330,7 @@
   }
 }
 
-._ogp_1yr55_95 {
+._ogp_uf3sg_94 {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
@@ -342,22 +340,22 @@
   background-color: var(--elmethis-color-surface-raised);
 }
 
-._ogp-text_1yr55_105 {
+._ogp-text_uf3sg_104 {
   box-sizing: border-box;
   padding: 0.5rem;
 }
 
-._ogp-title_1yr55_110 {
+._ogp-title_uf3sg_109 {
   box-sizing: border-box;
   font-weight: bold;
   padding-block-end: 0.25rem;
 }
 
-._ogp-description_1yr55_116 {
+._ogp-description_uf3sg_115 {
   opacity: 0.7;
   padding: 0.25rem;
 }
-._icon_g4tb3_1 {
+._elm-inline-icon_1qs0i_1 {
   margin: 0;
   padding: 0;
   display: inline-block;
@@ -395,7 +393,7 @@
     filter: none;
   }
 }
-._paragraph_gxg3e_1 {
+._elm-paragraph_rbsk5_1 {
   transition: opacity 800ms;
   line-height: 1.75;
   color: var(--elmethis-scoped-color, var(--elmethis-color-neutral));
@@ -661,10 +659,10 @@
   flex-direction: column;
   gap: 4px;
 }
-._katex_19jd6_1 {
+._elm-katex_189xe_1 {
   margin-block-start: var(--elmethis-margin-block-start);
 }
-._code-block_yx3l5_1 {
+._elm-code-block_xdmlc_1 {
   display: grid;
   grid-template: "language-icon caption copy-icon" 2.75rem "divider divider divider" 1px "code code code" 1fr / 2rem 1fr 2.5rem;
   align-items: center;
@@ -680,30 +678,30 @@
   box-shadow: 0 0 0.125rem var(--elmethis-box-shadow-color);
 }
 
-._language-icon_yx3l5_17 {
+._language-icon_xdmlc_17 {
   grid-area: language-icon;
   padding-inline-start: 0.75rem;
 }
 
-._caption_yx3l5_22 {
+._caption_xdmlc_22 {
   grid-area: caption;
   padding: 1rem;
   font-family: monospace;
   font-size: 1rem;
 }
 
-._copy-icon_yx3l5_29 {
+._copy-icon_xdmlc_29 {
   grid-area: copy-icon;
 }
 
-._divider_yx3l5_33 {
+._divider_xdmlc_33 {
   grid-area: divider;
   width: calc(100% - 1rem);
   border: none;
   border-bottom: solid 1px rgb(128 128 128 / 50%);
 }
 
-._code_yx3l5_1 {
+._code_xdmlc_40 {
   grid-area: code;
   box-sizing: border-box;
   padding: 0 1rem;
@@ -713,14 +711,14 @@
 ._path_1aa0a_1 {
   fill: light-dark(#293138, #d2dbe3);
 }
-._icon_1g5oq_1 {
+._elm-mdi-icon_ihskx_1 {
   fill: light-dark(
     var(--elmethis-scoped-color, #555b67),
     var(--dark-color, #b0b5be)
   );
   transition: fill 200ms;
 }
-._code_1lqau_1 {
+._elm-shiki-highlighter_j5tas_1 {
   font-size: 1rem;
   line-height: 1.5rem;
 
@@ -748,7 +746,7 @@
     }
   }
 }
-._use-clipboard_1nork_1 {
+._use-clipboard_mb0qt_1 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -756,18 +754,17 @@
   border-radius: 0.25rem;
   transition: background-color 200ms;
   cursor: pointer;
-
   color: var(--elmethis-scoped-color, var(--elmethis-color-neutral));
 
   &:hover {
     background-color: var(--elmethis-color-primary-hover);
   }
 
-  ._use-clipboard-icon-copied_1nork_16 {
+  ._use-clipboard-icon-copied_mb0qt_15 {
     color: var(--elmethis-color-primary);
   }
 }
-._block-image_t4lyp_1 {
+._elm-block-image_kwjx3_1 {
   margin-block-start: var(--elmethis-margin-block-start);
   margin-inline: 0;
   display: flex;
@@ -778,7 +775,7 @@
   width: 100%;
 }
 
-._image-container_t4lyp_12 {
+._image-container_kwjx3_12 {
   width: 100%;
   height: 100%;
   position: relative;
@@ -787,7 +784,7 @@
   align-items: center;
 }
 
-._image_t4lyp_12 {
+._image_kwjx3_12 {
   max-width: 100%;
   max-height: min(100%, 100vh);
   width: auto;
@@ -802,7 +799,7 @@
   cursor: var(--elmethis-scoped-cursor);
 }
 
-._fallback_t4lyp_36 {
+._fallback_kwjx3_36 {
   width: 100%;
   height: 100%;
   inset: 0 0 auto auto;
@@ -812,7 +809,7 @@
   pointer-events: none;
 }
 
-._caption-box_t4lyp_46 {
+._caption-box_kwjx3_46 {
   box-sizing: border-box;
   padding: 0 1rem;
   display: flex;
@@ -823,27 +820,12 @@
   opacity: var(--elmethis-scoped-opacity, 1);
   transition: opacity 400ms;
 
-  ._caption-icon_t4lyp_57 {
+  ._caption-icon_kwjx3_57 {
     flex: 1;
     color: var(--elmethis-color-primary);
   }
 }
-
-._modal-container_t4lyp_63 {
-  width: 100vw;
-  height: 100vh;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: fixed;
-  inset: 0 0 auto auto;
-  z-index: 100;
-  background-color: rgb(35 38 42 / 80%);
-  cursor: zoom-out;
-  opacity: var(--elmethis-scoped-opacity, 1);
-  transition: opacity 200ms;
-}
-@keyframes _elm-rectangle-wave_z699a_1 {
+@keyframes _wave_70gad_1 {
   0% {
     transform: scale(0);
     opacity: 0;
@@ -863,14 +845,14 @@
   }
 }
 
-._rectangle-wave_z699a_21 {
+._elm-rectangle-wave_70gad_21 {
   box-sizing: border-box;
   position: absolute;
   overflow: hidden;
   margin: 0;
   width: 100%;
   height: 100%;
-  animation-name: _elm-rectangle-wave_z699a_1;
+  animation-name: _wave_70gad_1;
   animation-duration: 1200ms;
   animation-iteration-count: infinite;
   animation-fill-mode: both;
@@ -878,7 +860,39 @@
   border-width: 1px;
   border-color: var(--elmethis-color-primary);
 }
-._file_1sut5_1 {
+._elm-modal_12j1m_1 {
+  border: none;
+
+  /* showModal() focuses the dialog itself when it has no focusable child
+     (e.g. an image-only lightbox); suppress the outline on the box. Focusable
+     content inside keeps its own focus ring. */
+  outline: none;
+  margin: auto;
+  padding: 0;
+  opacity: 0;
+  transition: opacity var(--elmethis-scoped-modal-delay, 200ms);
+  transition-timing-function: var(
+    --elmethis-scoped-transition-timing-function,
+    ease-in-out
+  );
+  background-color: transparent;
+
+  &._shown_12j1m_18 {
+    opacity: 1;
+
+    &::backdrop {
+      opacity: 1;
+    }
+  }
+
+  &::backdrop {
+    opacity: 0;
+    transition: opacity var(--elmethis-scoped-modal-delay, 200ms);
+    background-color: transparent;
+    background-color: oklch(from black l c h / 50%);
+  }
+}
+._elm-file_1oen6_1 {
   margin-block-start: var(--elmethis-margin-block-start);
   padding: 1rem;
   display: grid;
@@ -890,12 +904,12 @@
   background-color: light-dark(rgb(255 255 255 / 20%), rgb(0 0 0 / 20%));
 }
 
-._file-size_1sut5_13 {
+._file-size_1oen6_13 {
   text-align: right;
   opacity: 0.5;
 }
 
-._download-icon_1sut5_18 {
+._download-icon_1oen6_18 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -912,7 +926,7 @@
     background-color: light-dark(rgb(0 0 0 / 10%), rgb(255 255 255 / 10%));
   }
 }
-._bookmark_1o6my_1 {
+._elm-bookmark_67069_1 {
   all: unset;
   display: block;
   container-type: inline-size;
@@ -935,7 +949,7 @@
   }
 }
 
-._container_1o6my_24 {
+._container_67069_24 {
   all: unset;
   cursor: pointer;
   width: 100%;
@@ -947,7 +961,7 @@
   }
 }
 
-._image_1o6my_36 {
+._image_67069_36 {
   overflow: hidden;
   height: 100%;
   opacity: 0.9;
@@ -967,7 +981,7 @@
   }
 }
 
-._content_1o6my_56 {
+._content_67069_56 {
   flex: 1;
   width: 75%;
   box-sizing: border-box;
@@ -983,16 +997,16 @@
     width: 100%;
   }
 
-  ._title_1o6my_72 {
+  ._title_67069_72 {
     box-sizing: border-box;
   }
 
-  ._description_1o6my_76 {
+  ._description_67069_76 {
     box-sizing: border-box;
     opacity: 0.7;
   }
 
-  ._link_1o6my_81 {
+  ._link_67069_81 {
     line-height: 0.75rem;
     display: flex;
     justify-content: flex-end;
@@ -1001,7 +1015,7 @@
     opacity: 0.7;
   }
 }
-._toggle_11gju_1 {
+._elm-toggle_d59g8_1 {
   margin-block-start: var(--elmethis-margin-block-start);
   box-sizing: border-box;
   display: grid;
@@ -1009,12 +1023,12 @@
   gap: 0.5rem 2.5rem;
   transition: grid-template-rows 200ms;
 
-  &._open_11gju_9 {
+  &._open_d59g8_9 {
     grid-template-rows: 2rem 1fr;
   }
 }
 
-._summary_11gju_14 {
+._summary_d59g8_14 {
   align-self: center;
   grid-area: summary;
   width: 100%;
@@ -1029,14 +1043,14 @@
   transition: background-color 200ms;
   border-radius: 0.25rem;
 
-  ._summary-left_11gju_29 {
+  ._summary-left_d59g8_29 {
     flex-shrink: 0;
     display: flex;
     gap: 0.5rem;
     align-items: center;
   }
 
-  ._divider_11gju_36 {
+  ._divider_d59g8_36 {
     all: unset;
     flex-shrink: 1;
     box-sizing: border-box;
@@ -1050,7 +1064,7 @@
     background-color: var(--elmethis-color-primary-hover);
   }
 
-  ._chevron_11gju_50 {
+  ._chevron_d59g8_50 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -1058,12 +1072,12 @@
     transform: rotate(0deg);
     transform-origin: center;
 
-    &._open_11gju_9 {
+    &._open_d59g8_9 {
       transform: rotate(90deg);
     }
   }
 
-  ._cross_11gju_63 {
+  ._cross_d59g8_63 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -1071,13 +1085,13 @@
     transform: rotate(0deg);
     transform-origin: center;
 
-    &._open_11gju_9 {
+    &._open_d59g8_9 {
       transform: rotate(135deg);
     }
   }
 }
 
-._border_11gju_77 {
+._border_d59g8_77 {
   grid-area: border;
   width: 1px;
   margin-left: 1rem;
@@ -1085,19 +1099,19 @@
   background-color: oklch(from gray l c h / 12.5%);
 }
 
-._content_11gju_85 {
+._content_d59g8_85 {
   grid-area: content;
   box-sizing: border-box;
   overflow: hidden;
   transition: padding 200ms;
   transition-timing-function: steps(1, jump-end);
 
-  &._open_11gju_9 {
+  &._open_d59g8_9 {
     transition-timing-function: steps(1, jump-start);
     padding: 0.125rem;
   }
 }
-._blockquote_14jkh_1 {
+._elm-block-quote_lqbme_1 {
   box-sizing: border-box;
   width: 100%;
   margin-block-start: var(--elmethis-margin-block-start);
@@ -1116,25 +1130,25 @@
   }
 }
 
-._body_14jkh_20 {
+._body_lqbme_20 {
   box-sizing: border-box;
   padding: 2rem 1.5rem;
 }
 
-._icon_14jkh_25 {
+._icon_lqbme_25 {
   position: absolute;
   content: "";
   color: var(--elmethis-color-primary-weak);
 
-  &._icon-top-left_14jkh_30 {
+  &._icon-top-left_lqbme_30 {
     inset: 0.25rem auto auto 0.5rem;
   }
 
-  &._icon-bottom-right_14jkh_34 {
+  &._icon-bottom-right_lqbme_34 {
     inset: auto 0.25rem 0.25rem auto;
   }
 }
-._callout_ul4as_1 {
+._elm-callout_1xydl_1 {
   position: relative;
   padding: 1rem;
   margin-block-start: var(--elmethis-margin-block-start);
@@ -1160,7 +1174,7 @@
     pointer-events: none;
   }
 
-  ._header_ul4as_27 {
+  ._header_1xydl_27 {
     display: flex;
     align-items: center;
     gap: 0.5rem;
@@ -1169,41 +1183,41 @@
     color: var(--elmethis-scoped-callout-color);
   }
 
-  ._content_ul4as_36 {
+  ._content_1xydl_36 {
     padding-block: 1rem 0.25rem;
   }
 
-  ._icon_ul4as_40 {
+  ._icon_1xydl_40 {
     color: var(--elmethis-scoped-callout-color);
   }
 }
 
-._note_ul4as_45 {
+._note_1xydl_45 {
   --elmethis-scoped-callout-color: var(--elmethis-color-accent-info);
 }
 
-._tip_ul4as_49 {
+._tip_1xydl_49 {
   --elmethis-scoped-callout-color: var(--elmethis-color-accent-success);
 }
 
-._important_ul4as_53 {
+._important_1xydl_53 {
   --elmethis-scoped-callout-color: var(--elmethis-color-accent-important);
 }
 
-._warning_ul4as_57 {
+._warning_1xydl_57 {
   --elmethis-scoped-callout-color: var(--elmethis-color-accent-warning);
 }
 
-._caution_ul4as_61 {
+._caution_1xydl_61 {
   --elmethis-scoped-callout-color: var(--elmethis-color-accent-error);
 }
-._hr_1lo8v_1 {
+._elm-divider_8xkqn_1 {
   margin-block-start: var(--elmethis-margin-block-start);
   width: 100%;
   border: none;
   border-bottom: dashed 1px var(--elmethis-color-primary);
 }
-._elmethis-list-common_v5znc_1 {
+._elm-list_n8430_1 {
   margin-block-start: var(--elmethis-margin-block-start);
   opacity: var(--elmethis-scoped-opacity);
   transition: opacity 800ms;
@@ -1211,7 +1225,7 @@
   padding-left: 1.25rem;
 }
 
-._elmethis-bulleted-list_v5znc_9 {
+._bulleted_n8430_9 {
   list-style: none;
 
   li {
@@ -1260,7 +1274,7 @@
   }
 }
 
-._elmethis-numbered-list_v5znc_58 {
+._numbered_n8430_58 {
   li {
     box-sizing: border-box;
     padding-left: 0.25rem;
@@ -1296,14 +1310,14 @@
     list-style-type: none;
   }
 }
-._table_8qd0n_1 {
+._elm-table_14qfo_1 {
   margin-block-start: var(--elmethis-margin-block-start);
   border-collapse: collapse;
   border-spacing: 0;
   box-shadow: 0 0 0.125rem rgb(0 0 0 / 20%);
 }
 
-._caption_8qd0n_8 {
+._caption_14qfo_8 {
   position: relative;
   width: 100%;
   display: inline-flex;
@@ -1313,26 +1327,26 @@
   margin-block-end: 1rem;
 }
 
-._caption-inner_8qd0n_18 {
+._caption-inner_14qfo_18 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   gap: 0.25rem;
 }
 
-._spacing_8qd0n_25 {
+._spacing_14qfo_25 {
   flex-grow: 1;
   height: 1px;
   background-color: rgb(128 128 128 / 20%);
 }
-._thead_1kvax_1 {
+._elm-table-header_jhft7_1 {
   text-align: left;
   transition:
     background-color 400ms,
     color 400ms;
   border-bottom: 2px solid var(--elmethis-color-primary-weak);
 }
-._tr_8c0na_1 {
+._elm-table-row_mkm0q_1 {
   transition: background-color 200ms;
 
   &:nth-child(odd) {
@@ -1347,11 +1361,10 @@
     background-color: var(--elmethis-color-surface-sunken);
   }
 }
-._common_i4f8p_1 {
+._elm-table-cell_1a21f_1 {
   padding: 0.75rem 1rem;
   border-right: 1px dashed
-    oklch(from var(--elmethis-color-primary-weak) l c h / 0.5);
-
+    oklch(from var(--elmethis-color-primary-weak) l c h / 50%);
   color: var(--elmethis-scoped-color, var(--elmethis-color-neutral));
 
   &::selection {
@@ -1367,15 +1380,15 @@
   }
 }
 
-._td_i4f8p_21 {
+._td_1a21f_20 {
   border-top: 1px solid
-    oklch(from var(--elmethis-color-primary-weak) l c h / 0.5);
+    oklch(from var(--elmethis-color-primary-weak) l c h / 50%);
 }
 
-._th_i4f8p_26 {
+._th_1a21f_25 {
   background-color: var(--elmethis-color-surface-sunken);
 }
-._unsupported_1bixo_1 {
+._elm-unsupported-block_xdddx_1 {
   box-sizing: border-box;
   padding: 4rem;
   margin-block-start: var(--elmethis-margin-block-start);
@@ -1388,18 +1401,18 @@
     color-mix(in srgb, var(--elmethis-color-neutral-weak) 50%, transparent);
 }
 
-._message_1bixo_14 {
+._message_xdddx_14 {
   display: flex;
   gap: 0.5rem;
   justify-content: center;
   align-items: center;
 }
 
-._icon_1bixo_21 {
+._icon_xdddx_21 {
   fill: var(--elmethis-color-neutral-weak);
 }
 
-._details_1bixo_25 {
+._details_xdddx_25 {
   opacity: 0.75;
 }
 ._message-content-assistant-wrapper_80z92_1 {
@@ -1449,7 +1462,7 @@
     background-color: oklch(from grey l c h / 12.5%);
   }
 }
-._elm-ag-ui-input-wrapper_1cg4b_1 {
+._elm-ag-ui-input_1st6f_1 {
   position: relative;
   box-sizing: border-box;
   width: 100%;
@@ -1457,7 +1470,7 @@
   flex-direction: column;
 }
 
-._picker-container_1cg4b_9 {
+._picker-container_1st6f_9 {
   width: 100%;
   margin-block-end: 0.5rem;
 }
@@ -1470,7 +1483,7 @@
   refused to honor `width: 100%` reliably when its grid cell crossed
   three tracks).
 */
-._elm-ag-ui-input_1cg4b_1 {
+._card_1st6f_22 {
   box-sizing: border-box;
   padding: 0.5rem;
   width: 100%;
@@ -1481,7 +1494,7 @@
   background-color: #f7f7f9;
   box-shadow: 0 0 2px oklch(from black l c h / 25%);
 
-  ._input_1cg4b_33 {
+  ._input_1st6f_33 {
     /*
       Selective resets in place of `all: unset`. `all: unset` would
       drop `display` back to `inline`, which silently makes the
@@ -1504,7 +1517,7 @@
     font: inherit;
   }
 
-  ._button-row_1cg4b_56 {
+  ._button-row_1st6f_56 {
     display: grid;
     grid-template-columns: auto 1fr auto;
     grid-template-areas: "plus spacer send";
@@ -1512,7 +1525,7 @@
     align-items: center;
   }
 
-  ._plus-button_1cg4b_64 {
+  ._plus-button_1st6f_64 {
     grid-area: plus;
     width: 1.5rem;
     height: 1.5rem;
@@ -1529,7 +1542,7 @@
     }
   }
 
-  ._submit-button_1cg4b_81 {
+  ._submit-button_1st6f_81 {
     grid-area: send;
     width: 1.5rem;
     height: 1.5rem;
@@ -1733,28 +1746,6 @@ select._field-input_8yo2s_157 {
   appearance: auto;
   cursor: pointer;
 }
-._use-modal_1ijyc_1 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition:
-    opacity var(--elmethis-scoped-delay),
-    background-color var(--elmethis-scoped-delay);
-  background-color: transparent;
-  pointer-events: none;
-  opacity: 0;
-
-  &._open_1ijyc_17 {
-    background-color: rgb(0 0 0 / 50%);
-    pointer-events: auto;
-    opacity: 1;
-  }
-}
 ._message-content-assistant-wrapper_1jrzm_1 {
   display: flex;
   flex-direction: column;
@@ -1826,7 +1817,7 @@ select._field-input_8yo2s_157 {
   box-sizing: border-box;
   padding: 1rem 0;
 }
-._markdown-body_jq5lk_1 {
+._elm-markdown_14gxe_1 {
   all: inherit;
 }
 ._elm-ag-ui-tool-execution_1ya7x_1 {
@@ -1927,7 +1918,7 @@ select._field-input_8yo2s_157 {
   border-radius: 0.25rem;
   background-color: oklch(from grey l c h / 10%);
 }
-._use-agent_11gxr_1 {
+._elm-ag-ui-agent_q1w8g_1 {
   box-sizing: border-box;
   margin: 0;
   padding: 0.25rem;
@@ -1940,20 +1931,20 @@ select._field-input_8yo2s_157 {
   display: flex;
   flex-direction: column;
 
-  ._agent-container_11gxr_14 {
+  ._agent-container_q1w8g_14 {
     flex: 1;
     margin: 0 auto;
     padding: 0;
     width: var(--agent-ui-width);
 
-    ._messages_11gxr_20 {
+    ._messages_q1w8g_20 {
       position: relative;
       box-sizing: border-box;
       width: 100%;
       margin: 0;
       padding: 0 0 50dvh;
 
-      ._error_11gxr_27 {
+      ._error_q1w8g_27 {
         box-sizing: border-box;
         padding: 0.5rem;
         border-radius: 0.25rem;
@@ -1966,19 +1957,19 @@ select._field-input_8yo2s_157 {
     }
   }
 
-  ._agent-input-container_11gxr_40 {
+  ._agent-input-container_q1w8g_40 {
     width: 100%;
     flex-shrink: 0;
     position: sticky;
     bottom: 0;
 
-    ._agent-input_11gxr_40 {
+    ._agent-input_q1w8g_40 {
       width: var(--agent-ui-width);
       box-sizing: border-box;
       height: min-content;
       margin: 0 auto;
 
-      ._prompt-template-container_11gxr_52 {
+      ._prompt-template-container_q1w8g_52 {
         width: 100%;
         display: flex;
         flex-flow: row wrap;
@@ -1987,7 +1978,7 @@ select._field-input_8yo2s_157 {
         align-items: center;
         justify-content: center;
 
-        ._prompt-template-tip_11gxr_61 {
+        ._prompt-template-tip_q1w8g_61 {
           display: inline-flex;
           padding: 0.5rem;
           cursor: pointer;
@@ -1997,7 +1988,7 @@ select._field-input_8yo2s_157 {
           border-radius: 1rem;
           transition: opacity 200ms;
 
-          ._prompt-template-tip-icon_11gxr_71 {
+          ._prompt-template-tip-icon_q1w8g_71 {
             color: var(--elmethis-color-primary);
           }
 
@@ -2010,7 +2001,7 @@ select._field-input_8yo2s_157 {
   }
 }
 
-._clickable-icon_11gxr_84 {
+._clickable-icon_q1w8g_84 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -2023,33 +2014,6 @@ select._field-input_8yo2s_157 {
     background-color: oklch(from gray l c h / 25%);
   }
 }
-._elm-modal_pzcyf_1 {
-  border: none;
-  margin: auto;
-  padding: 0;
-  opacity: 0;
-  transition: opacity 200ms;
-  transition-timing-function: var(
-    --elmethis-scoped-transition-timing-function,
-    ease-in-out
-  );
-  background-color: transparent;
-
-  &._shown_pzcyf_13 {
-    opacity: 1;
-
-    &::backdrop {
-      opacity: 1;
-    }
-  }
-
-  &::backdrop {
-    opacity: 0;
-    transition: opacity 200ms;
-    background-color: transparent;
-    background-color: oklch(from black l c h / 50%);
-  }
-}
 ._parallax-watcher_z693a_1 {
   display: none;
   z-index: -1;
@@ -2084,11 +2048,11 @@ select._field-input_8yo2s_157 {
     opacity: 0.1;
   }
 }
-._original_ysfyp_1 {
+._elm-tooltip_1b13f_1 {
   position: relative;
 }
 
-._tooltip_ysfyp_5 {
+._tooltip_1b13f_5 {
   box-sizing: border-box;
   position: fixed;
   z-index: 1000;
@@ -2101,13 +2065,13 @@ select._field-input_8yo2s_157 {
   opacity: 0;
   pointer-events: none;
 
-  &._show_ysfyp_18 {
+  &._show_1b13f_18 {
     transform: scale(1);
     opacity: 1;
     pointer-events: auto;
   }
 }
-._block-fallback_1xthk_1 {
+._elm-block-fallback_1sx02_1 {
   position: relative;
   display: flex;
   justify-content: center;
@@ -2115,7 +2079,7 @@ select._field-input_8yo2s_157 {
   width: 100%;
   height: var(--elmethis-scoped-height);
 }
-@keyframes _bounce_1xvkv_1 {
+@keyframes _bounce_qjgj2_1 {
   0% {
     transform: translateY(0%) scaleY(0.3) scaleX(1.5);
   }
@@ -2129,7 +2093,7 @@ select._field-input_8yo2s_157 {
   }
 }
 
-._wrapper_1xvkv_15 {
+._elm-dot-loading-icon_qjgj2_15 {
   width: var(--elmethis-scoped-size);
   height: var(--elmethis-scoped-size);
   user-select: none;
@@ -2139,11 +2103,11 @@ select._field-input_8yo2s_157 {
   align-items: flex-end;
 }
 
-._dot_1xvkv_25 {
+._dot_qjgj2_25 {
   width: 20%;
   height: 20%;
   border-radius: 50%;
-  animation-name: _bounce_1xvkv_1;
+  animation-name: _bounce_qjgj2_1;
   animation-duration: 0.4s;
   animation-iteration-count: infinite;
   animation-direction: alternate;
@@ -2163,7 +2127,7 @@ select._field-input_8yo2s_157 {
     animation-delay: 100ms;
   }
 }
-._button_11605_1 {
+._elm-button_9qh0y_1 {
   all: unset;
   position: relative;
   overflow: hidden;
@@ -2181,29 +2145,28 @@ select._field-input_8yo2s_157 {
     opacity 200ms,
     transform 200ms;
   opacity: var(--elmethis-scoped-opacity);
-
   box-shadow: 0 0 0.125rem var(--elmethis-box-shadow-color);
 }
 
-._normal_11605_23 {
+._normal_9qh0y_22 {
   color: oklch(
     from contrast-color(var(--elmethis-color-neutral-strong)) l c h / 65%
   );
   background-color: var(--elmethis-color-neutral-strong);
 }
 
-._primary_11605_30 {
+._primary_9qh0y_29 {
   color: oklch(
     from contrast-color(var(--elmethis-color-primary-weak)) l c h / 65%
   );
   background-color: var(--elmethis-color-primary-weak);
 }
 
-._colored_11605_37 {
+._colored_9qh0y_36 {
   background-color: var(--elmethis-scoped-color);
 }
 
-._enable_11605_41 {
+._enable_9qh0y_40 {
   transition:
     opacity 200ms,
     transform 100ms,
@@ -2222,14 +2185,14 @@ select._field-input_8yo2s_157 {
   }
 }
 
-._flex_11605_60 {
+._flex_9qh0y_59 {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.5rem;
 }
 
-@keyframes _button-ripple_11605_1 {
+@keyframes _button-ripple_9qh0y_1 {
   0% {
     transform: scale(0);
     opacity: 1;
@@ -2246,7 +2209,7 @@ select._field-input_8yo2s_157 {
   }
 }
 
-._ripple_11605_84 {
+._ripple_9qh0y_83 {
   position: absolute;
   pointer-events: none;
   border-radius: 50%;
@@ -2255,12 +2218,12 @@ select._field-input_8yo2s_157 {
   aspect-ratio: 1 / 1;
   transition: none;
   opacity: 0;
-  animation-name: _button-ripple_11605_1;
+  animation-name: _button-ripple_9qh0y_1;
   animation-duration: 300ms;
   animation-fill-mode: both;
   animation-timing-function: ease-out;
 }
-._container_1plde_1 {
+._elm-checkbox_18dfs_1 {
   width: fit-content;
   font-family: sans-serif;
   user-select: none;
@@ -2270,40 +2233,40 @@ select._field-input_8yo2s_157 {
   &:hover {
     opacity: 0.8;
   }
-}
-
-._container--disable_1plde_13 {
-  opacity: 0.45;
-  cursor: not-allowed;
 
-  &:hover {
+  &._disabled_18dfs_12 {
     opacity: 0.45;
+    cursor: not-allowed;
+
+    &:hover {
+      opacity: 0.45;
+    }
   }
 }
 
-._checkbox_1plde_22 {
+._checkbox_18dfs_22 {
   stroke: light-dark(rgb(0 0 0 / 80%), rgb(255 255 255 / 80%));
   fill: transparent;
 }
 
-._rect_1plde_27 {
+._rect_18dfs_27 {
   transition: all 0.2s;
-}
 
-._rect--loading_1plde_31 {
-  opacity: 0.3;
-}
+  &._loading_18dfs_30 {
+    opacity: 0.3;
+  }
 
-._rect--checked_1plde_35 {
-  fill: light-dark(rgb(0 0 0 / 80%), rgb(255 255 255 / 80%));
+  &._checked_18dfs_34 {
+    fill: light-dark(rgb(0 0 0 / 80%), rgb(255 255 255 / 80%));
+  }
 }
 
-._loading_1plde_39 {
+._loading-dot_18dfs_39 {
   transition: opacity 200ms;
   fill: light-dark(rgb(0 0 0 / 70%), rgb(255 255 255 / 70%));
 }
 
-@keyframes _elmethis-checkbox-check-line_1plde_1 {
+@keyframes _elmethis-checkbox-check-line_18dfs_1 {
   0% {
     stroke-dashoffset: 100%;
   }
@@ -2313,9 +2276,9 @@ select._field-input_8yo2s_157 {
   }
 }
 
-._check-line_1plde_54 {
+._check-line_18dfs_54 {
   stroke-dasharray: 100%;
-  animation-name: _elmethis-checkbox-check-line_1plde_1;
+  animation-name: _elmethis-checkbox-check-line_18dfs_1;
   animation-duration: 0.2s;
   animation-timing-function: ease-in-out;
   animation-delay: 0.1s;
@@ -2323,7 +2286,7 @@ select._field-input_8yo2s_157 {
   transform-origin: center;
   stroke: light-dark(rgb(255 255 255 / 90%), rgb(0 0 0 / 90%));
 }
-._wrapper_rwh9z_1 {
+._elm-select_1u7w1_1 {
   --highlight-color: var(--elmethis-color-primary-weak);
 
   user-select: none;
@@ -2345,15 +2308,15 @@ select._field-input_8yo2s_157 {
   box-shadow: 0 0 0.125rem var(--elmethis-box-shadow-color);
   cursor: pointer;
 
-  &._disabled_rwh9z_23 {
+  &._disabled_1u7w1_23 {
     background-color: var(--elmethis-color-surface-sunken);
   }
 
-  &._active_rwh9z_27 {
+  &._active_1u7w1_27 {
     border-color: var(--highlight-color);
   }
 
-  ._label_rwh9z_31 {
+  ._label_1u7w1_31 {
     display: inline-flex;
     align-items: center;
     gap: 0.125rem;
@@ -2366,29 +2329,29 @@ select._field-input_8yo2s_157 {
     user-select: none;
     color: var(--elmethis-color-neutral);
 
-    &._label-active_rwh9z_44 {
+    &._label-active_1u7w1_44 {
       color: var(--highlight-color);
     }
   }
 
-  ._body_rwh9z_49 {
+  ._body_1u7w1_49 {
     padding: 0 0.25rem;
     height: 1.25rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
 
-    ._selected-option_rwh9z_56 {
+    ._selected-option_1u7w1_56 {
       overflow: hidden;
 
-      ._option-content_rwh9z_59 {
+      ._option-content_1u7w1_59 {
         display: flex;
         align-items: center;
         gap: 0.25rem;
       }
     }
 
-    ._fallback_rwh9z_66 {
+    ._fallback_1u7w1_66 {
       opacity: 0.6;
       display: flex;
       justify-content: flex-start;
@@ -2396,7 +2359,7 @@ select._field-input_8yo2s_157 {
       gap: 0.5rem;
     }
 
-    ._pulldown_rwh9z_74 {
+    ._pulldown_1u7w1_74 {
       position: absolute;
       top: calc(100% + 0.25rem);
       left: 0;
@@ -2408,7 +2371,7 @@ select._field-input_8yo2s_157 {
       background-color: light-dark(rgb(255 255 255 / 95%), rgb(51 51 51 / 95%));
       box-shadow: 0 0 0.125rem light-dark(rgb(0 0 0 / 15%), rgb(0 0 0 / 75%));
 
-      ._option_rwh9z_59 {
+      ._option_1u7w1_59 {
         overflow: hidden;
         width: 100%;
         padding: 0.5rem;
@@ -2431,16 +2394,18 @@ select._field-input_8yo2s_157 {
     }
   }
 }
-._switch_6xrsu_1 {
+._switch_9s4vz_1 {
   display: none;
 }
 
-._bar_6xrsu_5 {
+._bar_9s4vz_5 {
   z-index: 0;
   padding: var(--elmethis-scoped-padding);
   width: var(--elmethis-scoped-width);
   height: var(--elmethis-scoped-size);
-  border-radius: calc((var(--elmethis-scoped-size) + var(--elmethis-scoped-padding)) / 2);
+  border-radius: calc(
+    (var(--elmethis-scoped-size) + var(--elmethis-scoped-padding)) / 2
+  );
   position: relative;
   cursor: pointer;
   box-shadow: 0 0 2px rgb(0 0 0 / 10%);
@@ -2449,17 +2414,17 @@ select._field-input_8yo2s_157 {
     background-color 300ms;
   background-color: rgb(128 128 128 / 25%);
 
-  &._checked_6xrsu_19 {
+  &._checked_9s4vz_21 {
     background-color: var(--elmethis-scoped-color);
     opacity: 0.9;
   }
 
-  &._disabled_6xrsu_24 {
+  &._disabled_9s4vz_26 {
     cursor: not-allowed;
   }
 }
 
-._circle_6xrsu_29 {
+._circle_9s4vz_31 {
   z-index: 1;
   width: var(--elmethis-scoped-size);
   height: var(--elmethis-scoped-size);
@@ -2473,11 +2438,13 @@ select._field-input_8yo2s_157 {
     background-color 300ms;
   background-color: rgb(255 255 255 / 90%);
 
-  &._checked_6xrsu_19 {
-    transform: translateX(calc(var(--elmethis-scoped-width) - var(--elmethis-scoped-size)));
+  &._checked_9s4vz_21 {
+    transform: translateX(
+      calc(var(--elmethis-scoped-width) - var(--elmethis-scoped-size))
+    );
   }
 
-  &._disabled_6xrsu_24 {
+  &._disabled_9s4vz_26 {
     opacity: 0.5;
     background-color: rgb(128 128 128 / 100%);
   }
@@ -2486,7 +2453,7 @@ select._field-input_8yo2s_157 {
     opacity: 0.8;
   }
 }
-@keyframes _loading_kn3x0_23 {
+@keyframes _loading_lgmx3_23 {
   0% {
     transform-origin: 0%;
     transform: scaleX(0);
@@ -2508,7 +2475,7 @@ select._field-input_8yo2s_157 {
   }
 }
 
-._loading_kn3x0_23 {
+._loading_lgmx3_23 {
   position: absolute;
   width: 100%;
   height: 2px;
@@ -2517,12 +2484,12 @@ select._field-input_8yo2s_157 {
   background-color: var(--highlight-color);
   transition: opacity 200ms;
   pointer-events: none;
-  animation-name: _loading_kn3x0_23;
+  animation-name: _loading_lgmx3_23;
   animation-iteration-count: infinite;
   animation-duration: 1600ms;
 }
 
-._wrapper_kn3x0_37 {
+._elm-text-area_lgmx3_37 {
   --highlight-color: var(--elmethis-color-primary);
 
   overflow: hidden;
@@ -2548,16 +2515,16 @@ select._field-input_8yo2s_157 {
   box-shadow: 0 0 0.125rem
     light-dark(var(--elmethis-box-shadow-color), rgb(0 0 0 / 75%));
 
-  &._disabled_kn3x0_63 {
+  &._disabled_lgmx3_63 {
     background-color: var(--elmethis-color-surface-sunken);
   }
 
-  &._active_kn3x0_67 {
+  &._active_lgmx3_67 {
     border-color: var(--highlight-color);
   }
 }
 
-._header_kn3x0_72 {
+._header_lgmx3_72 {
   display: grid;
   grid-template-columns: 1rem 1fr max-content;
   align-items: center;
@@ -2570,23 +2537,23 @@ select._field-input_8yo2s_157 {
   color: var(--elmethis-color-neutral);
   user-select: none;
 
-  &._label-active_kn3x0_85 {
+  &._label-active_lgmx3_85 {
     color: var(--highlight-color);
   }
 }
 
-._requierd_kn3x0_90 {
+._requierd_lgmx3_90 {
   padding-inline: 0.25rem;
   color: var(--elmethis-color-accent-error);
   font-weight: bold;
 }
 
-._body_kn3x0_96 {
+._body_lgmx3_96 {
   display: flex;
   padding: 0 0.25rem;
 }
 
-._textarea_kn3x0_101 {
+._textarea_lgmx3_101 {
   all: unset;
   box-sizing: border-box;
   padding: 0;
@@ -2621,7 +2588,7 @@ select._field-input_8yo2s_157 {
     );
   }
 }
-@keyframes _loading_mpxha_23 {
+@keyframes _loading_11box_23 {
   0% {
     transform-origin: 0%;
     transform: scaleX(0);
@@ -2643,7 +2610,7 @@ select._field-input_8yo2s_157 {
   }
 }
 
-._loading_mpxha_23 {
+._loading_11box_23 {
   position: absolute;
   width: 100%;
   height: 2px;
@@ -2652,12 +2619,12 @@ select._field-input_8yo2s_157 {
   background-color: var(--highlight-color);
   transition: opacity 200ms;
   pointer-events: none;
-  animation-name: _loading_mpxha_23;
+  animation-name: _loading_11box_23;
   animation-iteration-count: infinite;
   animation-duration: 1600ms;
 }
 
-._wrapper_mpxha_37 {
+._elm-text-field_11box_37 {
   --highlight-color: var(--elmethis-color-primary);
 
   overflow: hidden;
@@ -2679,16 +2646,16 @@ select._field-input_8yo2s_157 {
   background-color: var(--elmethis-color-surface-raised);
   box-shadow: 0 0 0.125rem var(--elmethis-box-shadow-color);
 
-  &._disabled_mpxha_59 {
+  &._disabled_11box_59 {
     background-color: var(--elmethis-color-surface-sunken);
   }
 
-  &._active_mpxha_63 {
+  &._active_11box_63 {
     border-color: var(--highlight-color);
   }
 }
 
-._header_mpxha_68 {
+._header_11box_68 {
   display: grid;
   grid-template-columns: 1rem 1fr max-content;
   align-items: center;
@@ -2701,18 +2668,18 @@ select._field-input_8yo2s_157 {
   color: var(--elmethis-color-neutral);
   user-select: none;
 
-  &._label-active_mpxha_81 {
+  &._label-active_11box_81 {
     color: var(--highlight-color);
   }
 }
 
-._requierd_mpxha_86 {
+._requierd_11box_86 {
   padding-inline: 0.25rem;
   color: var(--elmethis-color-accent-error);
   font-weight: bold;
 }
 
-._body_mpxha_92 {
+._body_11box_92 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -2720,7 +2687,7 @@ select._field-input_8yo2s_157 {
   height: 1.25rem;
 }
 
-._input_mpxha_100 {
+._input_11box_100 {
   all: unset;
   box-sizing: border-box;
   padding: 0;
@@ -2741,12 +2708,12 @@ select._field-input_8yo2s_157 {
   }
 }
 
-._right-icon-box_mpxha_121 {
+._right-icon-box_11box_121 {
   display: flex;
   justify-content: space-between;
   align-items: center;
 
-  ._clickable-icon_mpxha_126 {
+  ._clickable-icon_11box_126 {
     box-sizing: border-box;
     display: inline-flex;
     justify-content: center;
@@ -2762,7 +2729,7 @@ select._field-input_8yo2s_157 {
   }
 }
 
-._prefix-suffix_mpxha_142 {
+._prefix-suffix_11box_142 {
   opacity: 0.6;
   padding: 0 0.25rem 0 0;
   font-size: 0.85em;
@@ -2770,7 +2737,7 @@ select._field-input_8yo2s_157 {
   transition: color 200ms;
   color: light-dark(rgb(0 0 0 / 65%), rgb(255 255 255 / 65%));
 }
-._validation_1bh7c_1 {
+._elm-validation_1cigg_1 {
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -2779,7 +2746,7 @@ select._field-input_8yo2s_157 {
   opacity: var(--elmethis-scoped-opacity);
   transition: opacity 250ms;
 }
-@keyframes _appear_17g64_1 {
+@keyframes _appear_m72nq_1 {
   0% {
     transform: scale(0);
   }
@@ -2797,7 +2764,7 @@ select._field-input_8yo2s_157 {
   }
 }
 
-._wrapper_17g64_19 {
+._elm-square-loading-icon_m72nq_19 {
   margin: 0;
   padding: 0;
   display: grid;
@@ -2806,10 +2773,10 @@ select._field-input_8yo2s_157 {
   justify-content: start;
 }
 
-._square_17g64_28 {
+._square_m72nq_28 {
   width: calc(var(--elmethis-scoped-size) / var(--elmethis-scoped-dimensions));
   height: calc(var(--elmethis-scoped-size) / var(--elmethis-scoped-dimensions));
-  animation-name: _appear_17g64_1;
+  animation-name: _appear_m72nq_1;
   animation-iteration-count: infinite;
   animation-fill-mode: both;
   animation-direction: alternate;
@@ -2817,7 +2784,7 @@ select._field-input_8yo2s_157 {
   animation-delay: var(--elmethis-scoped-delay);
   background-color: var(--elmethis-color-primary);
 }
-._icon_1oksx_1 {
+._elm-toggle-theme_11awq_1 {
   display: block; /* Ensure it behaves like a block/inline-block */
   box-sizing: border-box;
   padding: 0.25rem;
@@ -2827,7 +2794,7 @@ select._field-input_8yo2s_157 {
   box-shadow: 0 0 0.125rem light-dark(rgb(0 0 0 / 30%), rgb(0 0 0 / 60%));
   background-color: light-dark(rgb(255 255 255 / 20%), rgb(0 0 0 / 20%));
 }
-._container_19tkl_1 {
+._elm-breadcrumb_13oke_1 {
   display: flex;
   flex-flow: row wrap;
   align-items: center;
@@ -2835,7 +2802,7 @@ select._field-input_8yo2s_157 {
   user-select: none;
 }
 
-._link-container_19tkl_9 {
+._link-container_13oke_9 {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -2849,7 +2816,7 @@ select._field-input_8yo2s_157 {
     opacity 100ms,
     transform 100ms;
 
-  ._icon_19tkl_23 {
+  ._icon_13oke_23 {
     color: var(--elmethis-color-neutral);
   }
 
@@ -2862,16 +2829,16 @@ select._field-input_8yo2s_157 {
   }
 }
 
-._chunk_19tkl_36 {
+._chunk_13oke_36 {
   color: var(--elmethis-color-neutral);
   user-select: none;
 }
 
-._chevron_19tkl_41 {
+._chevron_13oke_41 {
   padding: 0 0.25rem;
   color: var(--elmethis-color-primary);
 }
-._wrapper_1uubg_1 {
+._elm-page-top_18d6m_1 {
   --const-margin: 1rem;
 
   z-index: 50;
@@ -2900,20 +2867,27 @@ select._field-input_8yo2s_157 {
     opacity: 0.4;
   }
 
-  ._partial_1uubg_30 {
+  &._visible_18d6m_30 {
+    transition:
+      transform 700ms,
+      opacity 200ms;
+    transform: translateY(0%) rotate(0deg);
+  }
+
+  ._partial_18d6m_37 {
     position: absolute;
     width: var(--elmethis-scoped-size);
     height: 20px;
     opacity: 0;
     transform: scale3d(0.5, 0.5, 0.5);
-    animation: _move_1uubg_1 3000ms ease-out infinite;
+    animation: _move_18d6m_1 3000ms ease-out infinite;
 
     &:nth-of-type(1) {
-      animation: _move_1uubg_1 3000ms ease-out 1000ms infinite;
+      animation: _move_18d6m_1 3000ms ease-out 1000ms infinite;
     }
 
     &:nth-of-type(2) {
-      animation: _move_1uubg_1 3000ms ease-out 2000ms infinite;
+      animation: _move_18d6m_1 3000ms ease-out 2000ms infinite;
     }
 
     &::before,
@@ -2937,7 +2911,7 @@ select._field-input_8yo2s_157 {
     }
   }
 
-  ._text_1uubg_67 {
+  ._text_18d6m_74 {
     transition: opacity 200ms ease 400ms;
     width: 100%;
     text-align: center;
@@ -2965,7 +2939,7 @@ select._field-input_8yo2s_157 {
   }
 }
 
-@keyframes _move_1uubg_1 {
+@keyframes _move_18d6m_1 {
   0% {
     opacity: 0;
     transform: translateY(600%);
@@ -2991,13 +2965,6 @@ select._field-input_8yo2s_157 {
     transform: translateY(-50%) scale(0.5);
   }
 }
-
-._wrapper--visible_1uubg_122 {
-  transition:
-    transform 700ms,
-    opacity 200ms;
-  transform: translateY(0%) rotate(0deg);
-}
 ._elm-color-primitive-sample_vuro0_1 {
   display: flex;
   flex-direction: column;
@@ -3224,7 +3191,7 @@ select._field-input_8yo2s_157 {
   padding: 0.125rem;
   flex: var(--width-ratio, 1);
 }
-._wordle_j0hdx_1 {
+._elm-wordle_1llms_1 {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -3234,7 +3201,7 @@ select._field-input_8yo2s_157 {
 }
 
 /* ── Status / error message banner ───────────────────────────── */
-._message-area_j0hdx_11 {
+._message-area_1llms_11 {
   min-height: 2.25rem;
   display: flex;
   align-items: center;
@@ -3248,34 +3215,34 @@ select._field-input_8yo2s_157 {
   transition:
     background-color 0.15s ease,
     color 0.15s ease;
-}
 
-._message-area--error_j0hdx_27 {
-  background-color: #1a1a1b;
-  color: #fff;
-  animation: _fade-in_j0hdx_1 0.15s ease;
-}
+  &._error_1llms_26 {
+    background-color: #1a1a1b;
+    color: #fff;
+    animation: _fade-in_1llms_1 0.15s ease;
+  }
 
-._message-area--status_j0hdx_33 {
-  background-color: #538d4e;
-  color: #fff;
-  font-size: 1rem;
-  animation: _fade-in_j0hdx_1 0.15s ease;
+  &._status_1llms_32 {
+    background-color: #538d4e;
+    color: #fff;
+    font-size: 1rem;
+    animation: _fade-in_1llms_1 0.15s ease;
+  }
 }
 
 /* ── Board ────────────────────────────────────────────────────── */
-._board_j0hdx_41 {
+._board_1llms_41 {
   display: flex;
   flex-direction: column;
   gap: 0.3125rem;
 }
 
-._row_j0hdx_47 {
+._row_1llms_47 {
   display: flex;
   gap: 0.3125rem;
 }
 
-._cell_j0hdx_52 {
+._cell_1llms_52 {
   width: 3.5rem;
   height: 3.5rem;
   display: flex;
@@ -3290,40 +3257,40 @@ select._field-input_8yo2s_157 {
   transition:
     background-color 0.2s ease,
     border-color 0.2s ease;
-}
 
-._cell--empty_j0hdx_69 {
-  border-color: gray;
-  background-color: transparent;
-  color: transparent;
-}
+  &._empty_1llms_68 {
+    border-color: gray;
+    background-color: transparent;
+    color: transparent;
+  }
 
-._cell--tbd_j0hdx_75 {
-  border-color: #565758;
-  background-color: transparent;
-  color: #6c7483;
-}
+  &._tbd_1llms_74 {
+    border-color: #565758;
+    background-color: transparent;
+    color: #6c7483;
+  }
 
-._cell--correct_j0hdx_81 {
-  background-color: #538d4e;
-  border-color: #538d4e;
-  color: #fff;
-}
+  &._correct_1llms_80 {
+    background-color: #538d4e;
+    border-color: #538d4e;
+    color: #fff;
+  }
 
-._cell--present_j0hdx_87 {
-  background-color: #b59f3b;
-  border-color: #b59f3b;
-  color: #fff;
-}
+  &._present_1llms_86 {
+    background-color: #b59f3b;
+    border-color: #b59f3b;
+    color: #fff;
+  }
 
-._cell--absent_j0hdx_93 {
-  background-color: #3a3a3c;
-  border-color: #3a3a3c;
-  color: #fff;
+  &._absent_1llms_92 {
+    background-color: #3a3a3c;
+    border-color: #3a3a3c;
+    color: #fff;
+  }
 }
 
 /* ── Keyboard ─────────────────────────────────────────────────── */
-._keyboard_j0hdx_100 {
+._keyboard_1llms_100 {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -3331,13 +3298,13 @@ select._field-input_8yo2s_157 {
   max-width: 31rem;
 }
 
-._keyboard-row_j0hdx_108 {
+._keyboard-row_1llms_108 {
   display: flex;
   justify-content: center;
   gap: 0.375rem;
 }
 
-._key_j0hdx_100 {
+._key_1llms_100 {
   height: 3.5rem;
   min-width: 2.625rem;
   padding: 0 0.25rem;
@@ -3355,39 +3322,39 @@ select._field-input_8yo2s_157 {
   display: flex;
   align-items: center;
   justify-content: center;
-}
 
-._key_j0hdx_100:active {
-  transform: scale(0.95);
-}
+  &:active {
+    transform: scale(0.95);
+  }
 
-._key--wide_j0hdx_138 {
-  min-width: 4rem;
-  font-size: 0.75rem;
-}
+  &._wide_1llms_137 {
+    min-width: 4rem;
+    font-size: 0.75rem;
+  }
 
-._key--correct_j0hdx_143 {
-  background-color: #538d4e;
-}
+  &._correct_1llms_80 {
+    background-color: #538d4e;
+  }
 
-._key--present_j0hdx_147 {
-  background-color: #b59f3b;
-}
+  &._present_1llms_86 {
+    background-color: #b59f3b;
+  }
 
-._key--absent_j0hdx_151 {
-  background-color: #3a3a3c;
+  &._absent_1llms_92 {
+    background-color: #3a3a3c;
+  }
 }
 
 /* ── Reset button ─────────────────────────────────────────────── */
-._reset-container_j0hdx_156 {
+._reset-container_1llms_156 {
   margin-top: 0.5rem;
-}
 
-._reset-container--hidden_j0hdx_160 {
-  visibility: hidden;
+  &._hidden_1llms_159 {
+    visibility: hidden;
+  }
 }
 
-._reset-button_j0hdx_164 {
+._reset-button_1llms_164 {
   padding: 0.625rem 1.5rem;
   border: none;
   border-radius: 0.25rem;
@@ -3399,18 +3366,18 @@ select._field-input_8yo2s_157 {
   transition:
     background-color 0.15s ease,
     transform 0.05s ease;
-}
 
-._reset-button_j0hdx_164:hover {
-  background-color: #6aaa64;
-}
+  &:hover {
+    background-color: #6aaa64;
+  }
 
-._reset-button_j0hdx_164:active {
-  transform: scale(0.97);
+  &:active {
+    transform: scale(0.97);
+  }
 }
 
 /* ── Animation ────────────────────────────────────────────────── */
-@keyframes _fade-in_j0hdx_1 {
+@keyframes _fade-in_1llms_1 {
   from {
     opacity: 0;
     transform: translateY(-0.25rem);