@researai/deepscientist 1.5.15 → 1.5.17

package/src/ui/dist/assets/NotebookEditor-C3VQ7ylN.css

@@ -1,1405 +0,0 @@
-._verified_lvyh0_1 {
-  margin-left: 0.125rem;
-  max-width: 20px;
-  max-height: 20px;
-  height: 1.25em;
-  fill: currentColor;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  vertical-align: text-bottom;
-}
-._root_98iqw_1 {
-  width: 100%;
-  min-width: 250px;
-  max-width: 550px;
-  overflow: hidden;
-  /* Base font styles */
-  color: var(--tweet-font-color);
-  font-family: var(--tweet-font-family);
-  font-weight: 400;
-  box-sizing: border-box;
-  border: var(--tweet-border);
-  border-radius: 12px;
-  margin: var(--tweet-container-margin);
-  background-color: var(--tweet-bg-color);
-  transition-property: background-color, box-shadow;
-  transition-duration: 0.2s;
-}
-._root_98iqw_1:hover {
-  background-color: var(--tweet-bg-color-hover);
-}
-._article_98iqw_21 {
-  position: relative;
-  box-sizing: inherit;
-  padding: 0.75rem 1rem;
-}
-.react-tweet-theme {
-  --tweet-container-margin: 1.5rem 0;
-
-  /* Header */
-  --tweet-header-font-size: 0.9375rem;
-  --tweet-header-line-height: 1.25rem;
-
-  /* Text */
-  --tweet-body-font-size: 1.25rem;
-  --tweet-body-font-weight: 400;
-  --tweet-body-line-height: 1.5rem;
-  --tweet-body-margin: 0;
-
-  /* Quoted Tweet */
-  --tweet-quoted-container-margin: 0.75rem 0;
-  --tweet-quoted-body-font-size: 0.938rem;
-  --tweet-quoted-body-font-weight: 400;
-  --tweet-quoted-body-line-height: 1.25rem;
-  --tweet-quoted-body-margin: 0.25rem 0 0.75rem 0;
-
-  /* Info */
-  --tweet-info-font-size: 0.9375rem;
-  --tweet-info-line-height: 1.25rem;
-
-  /* Actions like the like, reply and copy buttons */
-  --tweet-actions-font-size: 0.875rem;
-  --tweet-actions-line-height: 1rem;
-  --tweet-actions-font-weight: 700;
-  --tweet-actions-icon-size: 1.25em;
-  --tweet-actions-icon-wrapper-size: calc(
-    var(--tweet-actions-icon-size) + 0.75em
-  );
-
-  /* Reply button */
-  --tweet-replies-font-size: 0.875rem;
-  --tweet-replies-line-height: 1rem;
-  --tweet-replies-font-weight: 700;
-}
-
-:where(.react-tweet-theme) * {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-:is([data-theme='light'], .light) :where(.react-tweet-theme),
-:where(.react-tweet-theme) {
-  --tweet-skeleton-gradient: linear-gradient(
-    270deg,
-    #fafafa,
-    #eaeaea,
-    #eaeaea,
-    #fafafa
-  );
-  --tweet-border: 1px solid rgb(207, 217, 222);
-  --tweet-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    Helvetica, Arial, sans-serif;
-  --tweet-font-color: rgb(15, 20, 25);
-  --tweet-font-color-secondary: rgb(83, 100, 113);
-  --tweet-bg-color: #fff;
-  --tweet-bg-color-hover: rgb(247, 249, 249);
-  --tweet-quoted-bg-color-hover: rgba(0, 0, 0, 0.03);
-  --tweet-color-blue-primary: rgb(29, 155, 240);
-  --tweet-color-blue-primary-hover: rgb(26, 140, 216);
-  --tweet-color-blue-secondary: rgb(0, 111, 214);
-  --tweet-color-blue-secondary-hover: rgba(0, 111, 214, 0.1);
-  --tweet-color-red-primary: rgb(249, 24, 128);
-  --tweet-color-red-primary-hover: rgba(249, 24, 128, 0.1);
-  --tweet-color-green-primary: rgb(0, 186, 124);
-  --tweet-color-green-primary-hover: rgba(0, 186, 124, 0.1);
-  --tweet-twitter-icon-color: var(--tweet-font-color);
-  --tweet-verified-old-color: rgb(130, 154, 171);
-  --tweet-verified-blue-color: var(--tweet-color-blue-primary);
-}
-
-:is([data-theme='dark'], .dark) :where(.react-tweet-theme) {
-  --tweet-skeleton-gradient: linear-gradient(
-    270deg,
-    #15202b,
-    rgb(30, 39, 50),
-    rgb(30, 39, 50),
-    rgb(21, 32, 43)
-  );
-  --tweet-border: 1px solid rgb(66, 83, 100);
-  --tweet-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    Helvetica, Arial, sans-serif;
-  --tweet-font-color: rgb(247, 249, 249);
-  --tweet-font-color-secondary: rgb(139, 152, 165);
-  --tweet-bg-color: rgb(21, 32, 43);
-  --tweet-bg-color-hover: rgb(30, 39, 50);
-  --tweet-quoted-bg-color-hover: rgba(255, 255, 255, 0.03);
-  --tweet-color-blue-primary: rgb(29, 155, 240);
-  --tweet-color-blue-primary-hover: rgb(26, 140, 216);
-  --tweet-color-blue-secondary: rgb(107, 201, 251);
-  --tweet-color-blue-secondary-hover: rgba(107, 201, 251, 0.1);
-  --tweet-color-red-primary: rgb(249, 24, 128);
-  --tweet-color-red-primary-hover: rgba(249, 24, 128, 0.1);
-  --tweet-color-green-primary: rgb(0, 186, 124);
-  --tweet-color-green-primary-hover: rgba(0, 186, 124, 0.1);
-  --tweet-twitter-icon-color: var(--tweet-font-color);
-  --tweet-verified-old-color: rgb(130, 154, 171);
-  --tweet-verified-blue-color: #fff;
-}
-
-@media (prefers-color-scheme: dark) {
-  :where(.react-tweet-theme) {
-    --tweet-skeleton-gradient: linear-gradient(
-      270deg,
-      #15202b,
-      rgb(30, 39, 50),
-      rgb(30, 39, 50),
-      rgb(21, 32, 43)
-    );
-    --tweet-border: 1px solid rgb(66, 83, 100);
-    --tweet-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-      Helvetica, Arial, sans-serif;
-    --tweet-font-color: rgb(247, 249, 249);
-    --tweet-font-color-secondary: rgb(139, 152, 165);
-    --tweet-bg-color: rgb(21, 32, 43);
-    --tweet-bg-color-hover: rgb(30, 39, 50);
-    --tweet-color-blue-primary: rgb(29, 155, 240);
-    --tweet-color-blue-primary-hover: rgb(26, 140, 216);
-    --tweet-color-blue-secondary: rgb(107, 201, 251);
-    --tweet-color-blue-secondary-hover: rgba(107, 201, 251, 0.1);
-    --tweet-color-red-primary: rgb(249, 24, 128);
-    --tweet-color-red-primary-hover: rgba(249, 24, 128, 0.1);
-    --tweet-color-green-primary: rgb(0, 186, 124);
-    --tweet-color-green-primary-hover: rgba(0, 186, 124, 0.1);
-    --tweet-twitter-icon-color: var(--tweet-font-color);
-    --tweet-verified-old-color: rgb(130, 154, 171);
-    --tweet-verified-blue-color: #fff;
-  }
-}
-._verifiedOld_lcna5_1 {
-  color: var(--tweet-verified-old-color);
-}
-._verifiedBlue_lcna5_4 {
-  color: var(--tweet-verified-blue-color);
-}
-._verifiedGovernment_lcna5_7 {
-  /* color: var(--tweet-verified-government-color); */
-  color: rgb(130, 154, 171);
-}
-._label_36ucz_1 {
-  display: flex;
-  height: calc(1.0625em);
-  width: calc(1.0625em);
-  max-width: 17px;
-  max-height: 17px;
-  margin-left: 4px;
-  margin-right: 2px;
-  border: var(--tweet-border);
-  border-radius: 2px;
-}
-
-._label_36ucz_1 > img {
-  width: 100%;
-  height: 100%;
-}
-._header_nqq4j_1 {
-  display: flex;
-  padding-bottom: 0.75rem;
-  line-height: var(--tweet-header-line-height);
-  font-size: var(--tweet-header-font-size);
-  white-space: nowrap;
-  overflow-wrap: break-word;
-  overflow: hidden;
-}
-
-._avatar_nqq4j_11 {
-  position: relative;
-  height: 48px;
-  width: 48px;
-}
-._avatarOverflow_nqq4j_16 {
-  height: 100%;
-  width: 100%;
-  position: absolute;
-  overflow: hidden;
-  border-radius: 9999px;
-}
-._avatarSquare_nqq4j_23 {
-  border-radius: 4px;
-}
-._avatarShadow_nqq4j_26 {
-  height: 100%;
-  width: 100%;
-  transition-property: background-color;
-  transition-duration: 0.2s;
-  box-shadow: rgb(0 0 0 / 3%) 0px 0px 2px inset;
-}
-._avatarShadow_nqq4j_26:hover {
-  background-color: rgba(26, 26, 26, 0.15);
-}
-
-._author_nqq4j_37 {
-  max-width: calc(100% - 84px);
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin: 0 0.5rem;
-}
-._authorLink_nqq4j_44 {
-  text-decoration: none;
-  color: inherit;
-  display: flex;
-  align-items: center;
-}
-._authorLink_nqq4j_44:hover {
-  text-decoration-line: underline;
-}
-._authorVerified_nqq4j_53 {
-  display: inline-flex;
-}
-._authorLinkText_nqq4j_56 {
-  font-weight: 700;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-._authorMeta_nqq4j_63 {
-  display: flex;
-}
-._authorFollow_nqq4j_66 {
-  display: flex;
-}
-._username_nqq4j_69 {
-  color: var(--tweet-font-color-secondary);
-  text-decoration: none;
-  text-overflow: ellipsis;
-}
-._follow_nqq4j_74 {
-  color: var(--tweet-color-blue-secondary);
-  text-decoration: none;
-  font-weight: 700;
-}
-._follow_nqq4j_74:hover {
-  text-decoration-line: underline;
-}
-._separator_nqq4j_82 {
-  padding: 0 0.25rem;
-}
-
-._brand_nqq4j_86 {
-  margin-inline-start: auto;
-}
-
-._twitterIcon_nqq4j_90 {
-  width: 23.75px;
-  height: 23.75px;
-  color: var(--tweet-twitter-icon-color);
-  fill: currentColor;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-._root_1ec15_1 {
-  text-decoration: none;
-  color: var(--tweet-font-color-secondary);
-  font-size: 0.9375rem;
-  line-height: 1.25rem;
-  margin-bottom: 0.25rem;
-  overflow-wrap: break-word;
-  white-space: pre-wrap;
-}
-._root_1ec15_1:hover {
-  text-decoration-thickness: 1px;
-  text-decoration-line: underline;
-}
-._root_eihfa_1 {
-  font-weight: inherit;
-  color: var(--tweet-color-blue-secondary);
-  text-decoration: none;
-  cursor: pointer;
-}
-._root_eihfa_1:hover {
-  text-decoration-thickness: 1px;
-  text-decoration-line: underline;
-}
-._root_1xq52_1 {
-  font-size: var(--tweet-body-font-size);
-  font-weight: var(--tweet-body-font-weight);
-  line-height: var(--tweet-body-line-height);
-  margin: var(--tweet-body-margin);
-  overflow-wrap: break-word;
-  white-space: pre-wrap;
-}
-._root_g9tkv_1 {
-  margin-top: 0.75rem;
-  overflow: hidden;
-  position: relative;
-}
-._rounded_g9tkv_6 {
-  border: var(--tweet-border);
-  border-radius: 12px;
-}
-._mediaWrapper_g9tkv_10 {
-  display: grid;
-  grid-auto-rows: 1fr;
-  gap: 2px;
-  height: 100%;
-  width: 100%;
-}
-._grid2Columns_g9tkv_17 {
-  grid-template-columns: repeat(2, 1fr);
-}
-._grid3_g9tkv_20 > a:first-child {
-  grid-row: span 2;
-}
-._grid2x2_g9tkv_23 {
-  grid-template-rows: repeat(2, 1fr);
-}
-._mediaContainer_g9tkv_26 {
-  position: relative;
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-._mediaLink_g9tkv_34 {
-  text-decoration: none;
-  outline-style: none;
-}
-._skeleton_g9tkv_38 {
-  padding-bottom: 56.25%;
-  width: 100%;
-  display: block;
-}
-._image_g9tkv_43 {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  bottom: 0px;
-  height: 100%;
-  width: 100%;
-  margin: 0;
-  -o-object-fit: cover;
-     object-fit: cover;
-  -o-object-position: center;
-     object-position: center;
-}
-._anchor_fp31d_1 {
-  display: flex;
-  align-items: center;
-  color: white;
-  padding: 0 1rem;
-  border: 1px solid transparent;
-  border-radius: 9999px;
-  font-weight: 700;
-  transition: background-color 0.2s;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  outline-style: none;
-  text-decoration: none;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._videoButton_fp31d_17 {
-  position: relative;
-  height: 67px;
-  width: 67px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--tweet-color-blue-primary);
-  transition-property: background-color;
-  transition-duration: 0.2s;
-  border: 4px solid #fff;
-  border-radius: 9999px;
-  cursor: pointer;
-}
-._videoButton_fp31d_17:hover,
-._videoButton_fp31d_17:focus-visible {
-  background-color: var(--tweet-color-blue-primary-hover);
-}
-._videoButtonIcon_fp31d_35 {
-  margin-left: 3px;
-  width: calc(50% + 4px);
-  height: calc(50% + 4px);
-  max-width: 100%;
-  color: #fff;
-  fill: currentColor;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-._watchOnTwitter_fp31d_44 {
-  position: absolute;
-  top: 12px;
-  right: 8px;
-}
-._watchOnTwitter_fp31d_44 > a {
-  min-width: 2rem;
-  min-height: 2rem;
-  font-size: 0.875rem;
-  line-height: 1rem;
-  backdrop-filter: blur(4px);
-  background-color: rgba(15, 20, 25, 0.75);
-}
-._watchOnTwitter_fp31d_44 > a:hover {
-  background-color: rgba(39, 44, 48, 0.75);
-}
-._viewReplies_fp31d_60 {
-  position: relative;
-  min-height: 2rem;
-  background-color: var(--tweet-color-blue-primary);
-  border-color: var(--tweet-color-blue-primary);
-  font-size: 0.9375rem;
-  line-height: 1.25rem;
-}
-._viewReplies_fp31d_60:hover {
-  background-color: var(--tweet-color-blue-primary-hover);
-}
-._root_i24yn_1 {
-  color: inherit;
-  text-decoration: none;
-  font-size: var(--tweet-info-font-size);
-  line-height: var(--tweet-info-line-height);
-}
-._root_i24yn_1:hover {
-  text-decoration-thickness: 1px;
-  text-decoration-line: underline;
-}
-._info_19qcj_1 {
-  display: flex;
-  align-items: center;
-  color: var(--tweet-font-color-secondary);
-  margin-top: 0.125rem;
-  overflow-wrap: break-word;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-._infoLink_19qcj_10 {
-  color: inherit;
-  text-decoration: none;
-  height: var(--tweet-actions-icon-wrapper-size);
-  width: var(--tweet-actions-icon-wrapper-size);
-  font: inherit;
-  margin-left: auto;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: -4px;
-  border-radius: 9999px;
-  transition-property: background-color;
-  transition-duration: 0.2s;
-}
-._infoLink_19qcj_10:hover {
-  background-color: var(--tweet-color-blue-secondary-hover);
-}
-._infoIcon_19qcj_30 {
-  color: inherit;
-  fill: currentColor;
-  height: var(--tweet-actions-icon-size);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-._infoLink_19qcj_10:hover > ._infoIcon_19qcj_30 {
-  color: var(--tweet-color-blue-secondary);
-}
-._actions_n2anf_1 {
-  display: flex;
-  align-items: center;
-  color: var(--tweet-font-color-secondary);
-  padding-top: 0.25rem;
-  margin-top: 0.25rem;
-  border-top: var(--tweet-border);
-  overflow-wrap: break-word;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-._like_n2anf_13,
-._reply_n2anf_14,
-._copy_n2anf_15 {
-  text-decoration: none;
-  color: inherit;
-  display: flex;
-  align-items: center;
-  margin-right: 1.25rem;
-}
-._like_n2anf_13:hover,
-._reply_n2anf_14:hover,
-._copy_n2anf_15:hover {
-  background-color: rgba(0, 0, 0, 0);
-}
-._like_n2anf_13:hover > ._likeIconWrapper_n2anf_27 {
-  background-color: var(--tweet-color-red-primary-hover);
-}
-._like_n2anf_13:hover > ._likeCount_n2anf_30 {
-  color: var(--tweet-color-red-primary);
-  text-decoration-line: underline;
-}
-._likeIconWrapper_n2anf_27,
-._replyIconWrapper_n2anf_35,
-._copyIconWrapper_n2anf_36 {
-  width: var(--tweet-actions-icon-wrapper-size);
-  height: var(--tweet-actions-icon-wrapper-size);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-left: -0.25rem;
-  border-radius: 9999px;
-}
-._likeIcon_n2anf_27,
-._replyIcon_n2anf_35,
-._copyIcon_n2anf_36 {
-  height: var(--tweet-actions-icon-size);
-  fill: currentColor;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-._likeIcon_n2anf_27 {
-  color: var(--tweet-color-red-primary);
-}
-._likeCount_n2anf_30,
-._replyText_n2anf_56,
-._copyText_n2anf_57 {
-  font-size: var(--tweet-actions-font-size);
-  font-weight: var(--tweet-actions-font-weight);
-  line-height: var(--tweet-actions-line-height);
-  margin-left: 0.25rem;
-}
-
-._reply_n2anf_14:hover > ._replyIconWrapper_n2anf_35 {
-  background-color: var(--tweet-color-blue-secondary-hover);
-}
-._reply_n2anf_14:hover > ._replyText_n2anf_56 {
-  color: var(--tweet-color-blue-secondary);
-  text-decoration-line: underline;
-}
-._replyIcon_n2anf_35 {
-  color: var(--tweet-color-blue-primary);
-}
-
-._copy_n2anf_15 {
-  font: inherit;
-  background: none;
-  border: none;
-  cursor: pointer;
-}
-._copy_n2anf_15:hover > ._copyIconWrapper_n2anf_36 {
-  background-color: var(--tweet-color-green-primary-hover);
-}
-._copy_n2anf_15:hover ._copyIcon_n2anf_36 {
-  color: var(--tweet-color-green-primary);
-}
-._copy_n2anf_15:hover > ._copyText_n2anf_57 {
-  color: var(--tweet-color-green-primary);
-  text-decoration-line: underline;
-}
-._replies_1cutb_1 {
-  padding: 0.25rem 0;
-}
-._link_1cutb_4 {
-  text-decoration: none;
-  color: var(--tweet-color-blue-secondary);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 32px;
-  min-height: 32px;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  outline-style: none;
-  transition-property: background-color;
-  transition-duration: 0.2s;
-  padding: 0 1rem;
-  border: var(--tweet-border);
-  border-radius: 9999px;
-}
-._link_1cutb_4:hover {
-  background-color: var(--tweet-color-blue-secondary-hover);
-}
-._text_1cutb_23 {
-  font-weight: var(--tweet-replies-font-weight);
-  font-size: var(--tweet-replies-font-size);
-  line-height: var(--tweet-replies-line-height);
-  overflow-wrap: break-word;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-._root_q5799_1 {
-  width: 100%;
-  overflow: hidden;
-  border: var(--tweet-border);
-  border-radius: 12px;
-  margin: var(--tweet-quoted-container-margin);
-  transition-property: background-color, box-shadow;
-  transition-duration: 0.2s;
-  cursor: pointer;
-}
-
-._root_q5799_1:hover {
-  background-color: var(--tweet-quoted-bg-color-hover);
-}
-
-._article_q5799_16 {
-  position: relative;
-  box-sizing: inherit;
-}
-._header_f00ab_1 {
-  display: flex;
-  padding: 0.75rem 0.75rem 0 0.75rem;
-  line-height: var(--tweet-header-line-height);
-  font-size: var(--tweet-header-font-size);
-  white-space: nowrap;
-  overflow-wrap: break-word;
-  overflow: hidden;
-}
-
-._avatar_f00ab_11 {
-  position: relative;
-  height: 20px;
-  width: 20px;
-}
-._avatarOverflow_f00ab_16 {
-  height: 100%;
-  width: 100%;
-  position: absolute;
-  overflow: hidden;
-  border-radius: 9999px;
-}
-._avatarSquare_f00ab_23 {
-  border-radius: 4px;
-}
-
-._author_f00ab_27 {
-  display: flex;
-  margin: 0 0.5rem;
-  align-items: center;
-}
-
-._authorText_f00ab_33 {
-  font-weight: 700;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-._username_f00ab_40 {
-  color: var(--tweet-font-color-secondary);
-  text-decoration: none;
-  text-overflow: ellipsis;
-  margin-left: 0.125rem;
-}
-._root_175ot_1 {
-  font-size: var(--tweet-quoted-body-font-size);
-  font-weight: var(--tweet-quoted-body-font-weight);
-  line-height: var(--tweet-quoted-body-line-height);
-  margin: var(--tweet-quoted-body-margin);
-  overflow-wrap: break-word;
-  white-space: pre-wrap;
-  padding: 0 0.75rem;
-}
-._root_16yxa_1 {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding-bottom: 0.75rem;
-}
-._root_16yxa_1 > h3 {
-  font-size: 1.25rem;
-  margin-bottom: 0.5rem;
-}
-._skeleton_oi7hr_1 {
-  display: block;
-  width: 100%;
-  border-radius: 5px;
-  background-image: var(--tweet-skeleton-gradient);
-  background-size: 400% 100%;
-  animation: _loading_oi7hr_1 8s ease-in-out infinite;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  ._skeleton_oi7hr_1 {
-    animation: none;
-    background-position: 200% 0;
-  }
-}
-
-@keyframes _loading_oi7hr_1 {
-  0% {
-    background-position: 200% 0;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}
-._root_17qqv_1 {
-  pointer-events: none;
-  padding-bottom: 0.25rem;
-}
-/**
- * NotebookEditor Styles (Novel)
- *
- * @ds/plugin-notebook
- *
- * CSS variables and styles for the Novel editor integration.
- */
-
-/* Novel CSS Variables */
-:root {
-  /* Text colors */
-  --novel-black: hsl(0, 0%, 0%);
-  --novel-white: hsl(0, 0%, 100%);
-
-  /* Highlight colors for color selector */
-  --novel-highlight-default: #ffffff;
-  --novel-highlight-purple: #f6f3f8;
-  --novel-highlight-red: #fdebeb;
-  --novel-highlight-yellow: #fbf4a2;
-  --novel-highlight-blue: #c1ecf9;
-  --novel-highlight-green: #acf79f;
-  --novel-highlight-orange: #faebdd;
-  --novel-highlight-pink: #faf1f5;
-  --novel-highlight-gray: #f1f1ef;
-
-  /* Stone colors for loading spinner and drag handle */
-  --novel-stone-100: #f5f5f4;
-  --novel-stone-200: #e5e7eb;
-  --novel-stone-800: #1f2937;
-}
-
-/* Dark mode highlight colors */
-.dark {
-  --novel-black: hsl(0, 0%, 100%);
-  --novel-white: hsl(0, 0%, 0%);
-
-  --novel-highlight-default: transparent;
-  --novel-highlight-purple: #3f2c4d;
-  --novel-highlight-red: #4d2c2c;
-  --novel-highlight-yellow: #4d4a2c;
-  --novel-highlight-blue: #2c3d4d;
-  --novel-highlight-green: #2c4d3a;
-  --novel-highlight-orange: #4d3d2c;
-  --novel-highlight-pink: #4d2c3d;
-  --novel-highlight-gray: #3d3d3d;
-
-  --novel-stone-100: #3f3f46;
-  --novel-stone-200: #374151;
-  --novel-stone-800: #e5e7eb;
-}
-
-/* Base editor container */
-.notebook-editor {
-  position: relative;
-  flex: 1;
-  min-height: 0;
-  width: 100%;
-  min-width: 0;
-  background: var(--ds-background, hsl(0 0% 100%));
-  --notebook-font-scale: 0.8;
-}
-
-.notebook-editor-container {
-  flex: 1;
-  min-height: 0;
-  width: 100%;
-  min-width: 0;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-/* ProseMirror base - adjusted padding for rounded container */
-.notebook-editor-container .ProseMirror {
-  padding: 20pt;
-  font-size: calc(1rem * var(--notebook-font-scale));
-  min-height: 100%;
-}
-
-.notebook-editor .text-xs {
-  font-size: calc(0.75rem * var(--notebook-font-scale));
-  line-height: calc(1rem * var(--notebook-font-scale));
-}
-
-.notebook-editor .text-sm {
-  font-size: calc(0.875rem * var(--notebook-font-scale));
-  line-height: calc(1.25rem * var(--notebook-font-scale));
-}
-
-.notebook-editor .text-base {
-  font-size: calc(1rem * var(--notebook-font-scale));
-  line-height: calc(1.5rem * var(--notebook-font-scale));
-}
-
-.notebook-editor .text-lg {
-  font-size: calc(1.125rem * var(--notebook-font-scale));
-  line-height: calc(1.75rem * var(--notebook-font-scale));
-}
-
-.notebook-editor .text-xl {
-  font-size: calc(1.25rem * var(--notebook-font-scale));
-  line-height: calc(1.75rem * var(--notebook-font-scale));
-}
-
-.notebook-editor .text-2xl {
-  font-size: calc(1.5rem * var(--notebook-font-scale));
-  line-height: calc(2rem * var(--notebook-font-scale));
-}
-
-.notebook-editor .text-3xl {
-  font-size: calc(1.875rem * var(--notebook-font-scale));
-  line-height: calc(2.25rem * var(--notebook-font-scale));
-}
-
-/* Ensure prose content respects the rounded container */
-.notebook-editor-container .notebook-doc-editor {
-  border-radius: inherit;
-}
-
-/* Placeholder styles */
-.notebook-editor-container .ProseMirror :is(p, h1, h2, h3, h4, h5, h6).is-editor-empty:first-child::before,
-.notebook-editor-container .ProseMirror :is(p, h1, h2, h3, h4, h5, h6).is-empty::before {
-  content: attr(data-placeholder);
-  float: left;
-  color: hsl(var(--muted-foreground));
-  pointer-events: none;
-  height: 0;
-}
-
-/* Heading placeholder specific styles */
-.notebook-editor-container .ProseMirror h1.is-empty::before,
-.notebook-editor-container .ProseMirror h2.is-empty::before,
-.notebook-editor-container .ProseMirror h3.is-empty::before {
-  color: hsl(var(--muted-foreground) / 0.6);
-}
-
-/* Image styles */
-.notebook-editor-container .ProseMirror img {
-  transition: filter 0.1s ease-in-out;
-}
-
-.notebook-editor-container .ProseMirror img:hover {
-  cursor: pointer;
-  filter: brightness(90%);
-}
-
-.notebook-editor-container .ProseMirror img.ProseMirror-selectednode {
-  outline: 3px solid #5abbf7;
-  filter: brightness(90%);
-}
-
-.notebook-editor-container .ProseMirror video {
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  border-radius: 0.5rem;
-  border: 1px solid hsl(var(--border));
-  background: hsl(var(--muted));
-}
-
-.notebook-editor-container .ProseMirror video.ProseMirror-selectednode {
-  outline: 3px solid #5abbf7;
-}
-
-/* Image upload placeholder with spinner */
-.img-placeholder {
-  position: relative;
-}
-
-.img-placeholder::before {
-  content: "";
-  box-sizing: border-box;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 36px;
-  height: 36px;
-  border-radius: 50%;
-  border: 3px solid var(--novel-stone-200);
-  border-top-color: var(--novel-stone-800);
-  animation: spinning 0.6s linear infinite;
-}
-
-@keyframes spinning {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-/* Task list styles */
-ul[data-type="taskList"] li > label {
-  margin-right: 0.2rem;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-
-@media screen and (max-width: 768px) {
-  ul[data-type="taskList"] li > label {
-    margin-right: 0.5rem;
-  }
-}
-
-ul[data-type="taskList"] li > label input[type="checkbox"] {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-       appearance: none;
-  background-color: hsl(var(--background));
-  margin: 0;
-  cursor: pointer;
-  width: 1.2em;
-  height: 1.2em;
-  position: relative;
-  top: 5px;
-  border: 2px solid hsl(var(--border));
-  margin-right: 0.3rem;
-  display: grid;
-  place-content: center;
-  border-radius: 2px;
-}
-
-ul[data-type="taskList"] li > label input[type="checkbox"]:hover,
-ul[data-type="taskList"] li > label input[type="checkbox"]:active {
-  background-color: hsl(var(--accent));
-}
-
-ul[data-type="taskList"] li > label input[type="checkbox"]::before {
-  content: "";
-  width: 0.65em;
-  height: 0.65em;
-  transform: scale(0);
-  transition: 120ms transform ease-in-out;
-  box-shadow: inset 1em 1em;
-  transform-origin: center;
-  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
-}
-
-ul[data-type="taskList"] li > label input[type="checkbox"]:checked {
-  background-color: hsl(var(--primary));
-  border-color: hsl(var(--primary));
-}
-
-ul[data-type="taskList"] li > label input[type="checkbox"]:checked::before {
-  transform: scale(1);
-  color: hsl(var(--primary-foreground));
-}
-
-ul[data-type="taskList"] li[data-checked="true"] > div > p {
-  color: var(--muted-foreground);
-  text-decoration: line-through;
-  text-decoration-thickness: 2px;
-}
-
-/* Inline code */
-.notebook-editor-container .ProseMirror code {
-  background: hsl(var(--muted));
-  border-radius: 0.25rem;
-  padding: 0.125rem 0.375rem;
-  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-  font-size: 0.875em;
-}
-
-/* Blockquote */
-.notebook-editor-container .ProseMirror blockquote {
-  border-left: 4px solid hsl(var(--primary));
-  padding-left: 1rem;
-  margin-left: 0;
-  font-style: italic;
-}
-
-/* Horizontal rule */
-.notebook-editor-container .ProseMirror hr {
-  border: none;
-  border-top: 1px solid hsl(var(--border));
-  margin: 2rem 0;
-}
-
-/* Math/LaTeX styles */
-.notebook-editor-container .ProseMirror .math-node {
-  display: inline-block;
-  padding: 0.125rem 0.25rem;
-  border-radius: 0.25rem;
-  cursor: pointer;
-  transition: background-color 0.15s ease;
-}
-
-.notebook-editor-container .ProseMirror .math-node:hover {
-  background-color: hsl(var(--accent));
-}
-
-.notebook-editor-container .ProseMirror .math-node.ProseMirror-selectednode {
-  background-color: hsl(var(--accent));
-  outline: 2px solid hsl(var(--primary));
-}
-
-/* Lists */
-.notebook-editor-container .ProseMirror ul,
-.notebook-editor-container .ProseMirror ol {
-  padding-left: 1.5rem;
-}
-
-.notebook-editor-container .ProseMirror ul {
-  list-style-type: disc;
-}
-
-.notebook-editor-container .ProseMirror ol {
-  list-style-type: decimal;
-}
-
-.notebook-editor-container .ProseMirror li {
-  margin: 0.25rem 0;
-}
-
-/* Links */
-.notebook-editor-container .ProseMirror a {
-  color: hsl(var(--primary));
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-
-.notebook-editor-container .ProseMirror a:hover {
-  color: hsl(var(--primary) / 0.8);
-}
-
-/* Selection highlight */
-.notebook-editor-container .ProseMirror ::-moz-selection {
-  background: hsl(var(--primary) / 0.2);
-}
-.notebook-editor-container .ProseMirror ::selection {
-  background: hsl(var(--primary) / 0.2);
-}
-
-/* Drag handle styles (GlobalDragHandle extension) */
-.drag-handle {
-  position: fixed;
-  opacity: 1;
-  transition: opacity ease-in 0.2s;
-  border-radius: 0.25rem;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' style='fill: rgba(0, 0, 0, 0.5)'%3E%3Cpath d='M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 C3.55228475,4 4,4.44771525 4,5 C4,5.55228475 3.55228475,6 3,6 Z M3,10 C2.44771525,10 2,9.55228475 2,9 C2,8.44771525 2.44771525,8 3,8 C3.55228475,8 4,8.44771525 4,9 C4,9.55228475 3.55228475,10 3,10 Z M7,2 C6.44771525,2 6,1.55228475 6,1 C6,0.44771525 6.44771525,0 7,0 C7.55228475,0 8,0.44771525 8,1 C8,1.55228475 7.55228475,2 7,2 Z M7,6 C6.44771525,6 6,5.55228475 6,5 C6,4.44771525 6.44771525,4 7,4 C7.55228475,4 8,4.44771525 8,5 C8,5.55228475 7.55228475,6 7,6 Z M7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 Z'%3E%3C/path%3E%3C/svg%3E");
-  background-size: calc(0.5em + 0.375rem) calc(0.5em + 0.375rem);
-  background-repeat: no-repeat;
-  background-position: center;
-  width: 1.2rem;
-  height: 1.5rem;
-  z-index: 50;
-  cursor: grab;
-}
-
-.drag-handle:hover {
-  background-color: var(--novel-stone-100);
-  transition: background-color 0.2s;
-}
-
-.drag-handle:active {
-  background-color: var(--novel-stone-200);
-  transition: background-color 0.2s;
-  cursor: grabbing;
-}
-
-.drag-handle.hide {
-  opacity: 0;
-  pointer-events: none;
-}
-
-.dark .drag-handle {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' style='fill: rgba(255, 255, 255, 0.5)'%3E%3Cpath d='M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 C3.55228475,4 4,4.44771525 4,5 C4,5.55228475 3.55228475,6 3,6 Z M3,10 C2.44771525,10 2,9.55228475 2,9 C2,8.44771525 2.44771525,8 3,8 C3.55228475,8 4,8.44771525 4,9 C4,9.55228475 3.55228475,10 3,10 Z M7,2 C6.44771525,2 6,1.55228475 6,1 C6,0.44771525 6.44771525,0 7,0 C7.55228475,0 8,0.44771525 8,1 C8,1.55228475 7.55228475,2 7,2 Z M7,6 C6.44771525,6 6,5.55228475 6,5 C6,4.44771525 6.44771525,4 7,4 C7.55228475,4 8,4.44771525 8,5 C8,5.55228475 7.55228475,6 7,6 Z M7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 Z'%3E%3C/path%3E%3C/svg%3E");
-}
-
-@media screen and (max-width: 600px) {
-  .drag-handle {
-    display: none;
-    pointer-events: none;
-  }
-}
-
-/* Selected node highlight */
-.ProseMirror:not(.dragging) .ProseMirror-selectednode {
-  outline: none !important;
-  background-color: var(--novel-highlight-blue);
-  transition: background-color 0.2s;
-  box-shadow: none;
-}
-
-/* Tippy menu styling - remove default thick border */
-.tippy-box,
-.tippy-box[data-state="visible"],
-.tippy-box[data-state="hidden"] {
-  max-width: 400px !important;
-  background: transparent !important;
-  background-color: transparent !important;
-  border: none !important;
-  border-width: 0 !important;
-  box-shadow: none !important;
-  outline: none !important;
-  color: inherit !important;
-}
-
-.tippy-box[data-theme~='novel'],
-.tippy-box[data-theme~='light'],
-.tippy-box[data-theme~='dark'] {
-  background: transparent !important;
-  background-color: transparent !important;
-  border: none !important;
-  border-width: 0 !important;
-}
-
-.tippy-content {
-  padding: 0 !important;
-  background: transparent !important;
-  background-color: transparent !important;
-  color: inherit !important;
-}
-
-/* Remove tippy arrow */
-.tippy-arrow {
-  display: none !important;
-}
-
-/* Ensure EditorCommand has proper styling */
-.notebook-editor-container [cmdk-root] {
-  background: hsl(var(--background));
-  border: 1px solid hsl(var(--muted));
-  border-radius: 0.375rem;
-  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-  color: hsl(var(--foreground));
-}
-
-.notebook-editor-container [cmdk-item] svg {
-  color: currentColor;
-}
-
-/* EditorCommand specific styling */
-.notebook-editor-container [data-novel-command] {
-  border: 1px solid hsl(var(--muted)) !important;
-}
-
-/* Prose enhancements */
-.notebook-editor-container .prose {
-  max-width: none;
-}
-
-/* Focus outline removal for editor */
-.notebook-editor-container .ProseMirror:focus {
-  outline: none;
-}
-
-/* Collaboration cursor styles (for future use) */
-.notebook-editor-container .collaboration-cursor__caret {
-  border-left: 1px solid;
-  border-right: 1px solid;
-  margin-left: -1px;
-  margin-right: -1px;
-  pointer-events: none;
-  position: relative;
-  word-break: normal;
-}
-
-.notebook-editor-container .collaboration-cursor__label {
-  border-radius: 3px 3px 3px 0;
-  color: white;
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 600;
-  left: -1px;
-  line-height: normal;
-  padding: 0.1rem 0.3rem;
-  position: absolute;
-  top: -1.4em;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  white-space: nowrap;
-}
-
-/* Syntax highlighting for code blocks (lowlight/highlight.js) */
-.notebook-editor-container .ProseMirror pre {
-  background: #0d0d0d;
-  border-radius: 0.5rem;
-  color: #fff;
-  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-  padding: 0.75rem 1rem;
-}
-
-.notebook-editor-container .ProseMirror pre code {
-  background: none;
-  color: inherit;
-  font-size: 0.8rem;
-  padding: 0;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #616161;
-}
-
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #f98181;
-}
-
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #fbbc88;
-}
-
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #b9f18d;
-}
-
-.hljs-title,
-.hljs-section {
-  color: #faf594;
-}
-
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #70cff8;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: 700;
-}
-
-/* CSS for bold coloring and highlighting issue */
-span[style] > strong {
-  color: inherit;
-}
-
-mark[style] > strong {
-  color: inherit;
-}
-
-/* Youtube embeds */
-iframe {
-  border: 8px solid #ffd00027;
-  border-radius: 4px;
-  min-width: 200px;
-  min-height: 200px;
-  display: block;
-  outline: 0px solid transparent;
-}
-
-div[data-youtube-video] > iframe {
-  cursor: move;
-  aspect-ratio: 16 / 9;
-  width: 100%;
-}
-
-.ProseMirror-selectednode iframe {
-  transition: outline 0.15s;
-  outline: 6px solid #fbbf24;
-}
-
-@media only screen and (max-width: 480px) {
-  div[data-youtube-video] > iframe {
-    max-height: 50px;
-  }
-}
-
-@media only screen and (max-width: 720px) {
-  div[data-youtube-video] > iframe {
-    max-height: 100px;
-  }
-}
-
-/* Table styles */
-.notebook-editor-container .ProseMirror .tableWrapper {
-  overflow-x: auto;
-  margin: 1rem 0;
-}
-
-.notebook-editor-container .ProseMirror table {
-  width: 100%;
-  border-collapse: collapse;
-  border: 1px solid hsl(var(--border));
-  border-radius: 0.375rem;
-  background: hsl(var(--background));
-  table-layout: fixed;
-}
-
-.notebook-editor-container .ProseMirror th,
-.notebook-editor-container .ProseMirror td {
-  padding: 0.5rem 0.75rem;
-  border-right: 1px solid hsl(var(--border));
-  border-bottom: 1px solid hsl(var(--border));
-  vertical-align: top;
-  min-width: 120px;
-}
-
-.notebook-editor-container .ProseMirror th:last-child,
-.notebook-editor-container .ProseMirror td:last-child {
-  border-right: none;
-}
-
-.notebook-editor-container .ProseMirror tr:last-child td {
-  border-bottom: none;
-}
-
-.notebook-editor-container .ProseMirror th {
-  font-weight: 600;
-  text-align: left;
-  background-color: hsl(var(--muted));
-}
-
-.notebook-editor-container .ProseMirror tbody tr:nth-child(2n) td {
-  background-color: hsl(var(--muted) / 0.4);
-}
-
-.notebook-editor-container .ProseMirror td > p,
-.notebook-editor-container .ProseMirror th > p {
-  margin: 0;
-}
-
-.notebook-editor-container .ProseMirror td.selectedCell,
-.notebook-editor-container .ProseMirror th.selectedCell {
-  background-color: hsl(var(--primary) / 0.1);
-}
-
-.notebook-editor-container .ProseMirror td.selectedCell::after,
-.notebook-editor-container .ProseMirror th.selectedCell::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border: 2px solid hsl(var(--primary));
-  pointer-events: none;
-}
-
-.notebook-editor-container .ProseMirror .column-resize-handle {
-  position: absolute;
-  right: -2px;
-  top: 0;
-  bottom: 0;
-  width: 4px;
-  background-color: hsl(var(--primary));
-  pointer-events: none;
-  z-index: 10;
-}
-
-.notebook-editor-container .ProseMirror.resize-cursor {
-  cursor: col-resize;
-}
-
-.notebook-editor-container .ProseMirror table.ProseMirror-selectednode {
-  outline: 2px solid hsl(var(--primary));
-  outline-offset: 2px;
-}
-
-.dark .notebook-editor-container .ProseMirror th {
-  background-color: hsl(var(--muted) / 0.8);
-}