.line-clamp-5[data-v-659c96e8] {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-8[data-v-659c96e8] {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.online[data-v-19098427] {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1))
}

.toolbar-section[data-v-cb90acd0] {
	display: flex;
	gap: 2px;
	padding: 2px;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.toolbar-button[data-v-cb90acd0] {
	padding: 6px 12px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	border-radius: 3px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}
.toolbar-button[data-v-cb90acd0]:hover:not(:disabled) {
	background-color: #e8e8e8;
}
.toolbar-button[data-v-cb90acd0]:active:not(:disabled) {
	transform: scale(0.95);
}
.toolbar-button[data-v-cb90acd0]:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}
.icon[data-v-cb90acd0] {
	font-size: 16px;
	font-weight: bold;
}

.toolbar-section[data-v-ca7df17d] {
	display: flex;
	gap: 2px;
	padding: 2px;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.toolbar-button[data-v-ca7df17d] {
	padding: 6px 10px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	border-radius: 3px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 12px;
}
.toolbar-button[data-v-ca7df17d]:hover {
	background-color: #e8e8e8;
}
.toolbar-button.active[data-v-ca7df17d] {
	background-color: var(--primary);
	color: var(--primary-foreground);
}
.toolbar-button[data-v-ca7df17d]:active {
	transform: scale(0.95);
}
.icon[data-v-ca7df17d] {
	font-size: 13px;
}

.toolbar-section[data-v-f7a9b9bf] {
	display: flex;
	gap: 2px;
	padding: 2px;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.toolbar-button[data-v-f7a9b9bf] {
	padding: 6px 12px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	border-radius: 3px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}
.toolbar-button[data-v-f7a9b9bf]:hover {
	background-color: #e8e8e8;
}
.toolbar-button.active[data-v-f7a9b9bf] {
	background-color: var(--primary);
	color: var(--primary-foreground);
}
.toolbar-button[data-v-f7a9b9bf]:active {
	transform: scale(0.95);
}
.icon[data-v-f7a9b9bf] {
	font-size: 14px;
}

.toolbar-section[data-v-893d2971] {
	display: flex;
	gap: 2px;
	padding: 2px;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.toolbar-button[data-v-893d2971] {
	padding: 6px 12px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	border-radius: 3px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}
.toolbar-button[data-v-893d2971]:hover {
	background-color: #e8e8e8;
}
.toolbar-button.active[data-v-893d2971] {
	background-color: var(--primary);
	color: var(--primary-foreground);
}
.toolbar-button[data-v-893d2971]:active {
	transform: scale(0.95);
}
.icon[data-v-893d2971] {
	font-size: 16px;
}

.toolbar-section[data-v-f88d5aa1] {
	display: flex;
	gap: 2px;
	padding: 2px;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.toolbar-button[data-v-f88d5aa1] {
	padding: 6px 12px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	border-radius: 3px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}
.toolbar-button[data-v-f88d5aa1]:hover {
	background-color: #e8e8e8;
}
.toolbar-button.active[data-v-f88d5aa1] {
	background-color: var(--primary);
	color: var(--primary-foreground);
}
.toolbar-button[data-v-f88d5aa1]:active {
	transform: scale(0.95);
}
.icon[data-v-f88d5aa1] {
	font-size: 14px;
}

.toolbar-section[data-v-9c8b44ed] {
	display: flex;
	gap: 2px;
	padding: 2px;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.toolbar-button[data-v-9c8b44ed] {
	padding: 6px 12px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	border-radius: 3px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}
.toolbar-button[data-v-9c8b44ed]:hover {
	background-color: #e8e8e8;
}
.toolbar-button.active[data-v-9c8b44ed] {
	background-color: var(--primary);
	color: var(--primary-foreground);
}
.toolbar-button[data-v-9c8b44ed]:active {
	transform: scale(0.95);
}
.link-modal-overlay[data-v-9c8b44ed] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000;
}
.link-modal[data-v-9c8b44ed] {
	background: white;
	padding: 20px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	min-width: 400px;
	z-index: 10001;
}
.link-modal h3[data-v-9c8b44ed] {
	margin: 0 0 12px 0;
	font-size: 16px;
}
.link-input[data-v-9c8b44ed] {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	margin-bottom: 12px;
	box-sizing: border-box;
}
.link-input[data-v-9c8b44ed]:focus {
	outline: none;
	border-color: #0084ff;
}

.toolbar-section[data-v-fbf7e8d0] {
	display: flex;
	gap: 2px;
	padding: 2px;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.toolbar-button[data-v-fbf7e8d0] {
	padding: 6px 12px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	border-radius: 3px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}
.toolbar-button[data-v-fbf7e8d0]:hover {
	background-color: #e8e8e8;
}
.toolbar-button.active[data-v-fbf7e8d0] {
	background-color: var(--primary);
	color: var(--primary-foreground);
}
.toolbar-button[data-v-fbf7e8d0]:active {
	transform: scale(0.95);
}
.icon[data-v-fbf7e8d0] {
	font-size: 14px;
}

.toolbar[data-v-e2046e6c] {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #ddd;
	gap: 8px;
	flex-wrap: wrap;
}
.toolbar-divider[data-v-e2046e6c] {
	width: 1px;
	height: 24px;
	background-color: #ddd;
}

.editor-container[data-v-1e86829f] {
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
	background-color: white;
}
.editor-wrapper[data-v-1e86829f] {
	position: relative;
}
.editor-input[data-v-1e86829f] {
	min-height: 200px;
	padding: 16px;
	outline: none;
	font-size: 15px;
	line-height: 1.6;
	caret-color: #000;
}
.editor-input[data-v-1e86829f]:focus {
	outline: none;
}
.html-editor[data-v-1e86829f] {
	min-height: 200px;
	width: 100%;
	padding: 16px;
	border: none;
	outline: none;
	font-family: 'Courier New', monospace;
	font-size: 13px;
	line-height: 1.5;
	resize: vertical;
	background-color: #f8f8f8;
	color: #333;
}
.html-editor[data-v-1e86829f]:focus {
	outline: none;
	background-color: #fff;
}
.editor-placeholder[data-v-1e86829f] {
	position: absolute;
	top: 16px;
	left: 16px;
	color: #999;
	pointer-events: none;
	font-size: 15px;
	-webkit-user-select: none;
	        user-select: none;
}

/* Paragraph styles */
[data-v-1e86829f] .editor-paragraph {
	margin: 0 0 8px 0;
}

/* Heading styles */
[data-v-1e86829f] .editor-heading-h1 {
	font-size: 2em;
	font-weight: bold;
	margin: 16px 0 8px 0;
}
[data-v-1e86829f] .editor-heading-h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 14px 0 7px 0;
}
[data-v-1e86829f] .editor-heading-h3 {
	font-size: 1.25em;
	font-weight: bold;
	margin: 12px 0 6px 0;
}

/* List styles */
[data-v-1e86829f] .editor-list-ul,[data-v-1e86829f] .editor-list-ol {
	margin: 8px 0;
	padding-left: 24px;
}
[data-v-1e86829f] .editor-list-item {
	margin: 4px 0;
}
[data-v-1e86829f] .editor-nested-listitem {
	list-style-type: none;
}

/* Link styles */
[data-v-1e86829f] .editor-link {
	color: #0084ff;
	text-decoration: underline;
	cursor: pointer;
}
[data-v-1e86829f] .editor-link:hover {
	text-decoration: none;
}

/* Text format styles */
[data-v-1e86829f] .editor-text-bold {
	font-weight: bold;
}
[data-v-1e86829f] .editor-text-italic {
	font-style: italic;
}
[data-v-1e86829f] .editor-text-underline {
	text-decoration: underline;
}
[data-v-1e86829f] .editor-text-strikethrough {
	text-decoration: line-through;
}

/* Quote styles */
[data-v-1e86829f] .editor-quote {
	border-left: 4px solid #ccc;
	padding-left: 16px;
	margin: 8px 0;
	color: #666;
	font-style: italic;
}

.preview-content[data-v-eb05a042] {
	white-space: pre-wrap;
	word-wrap: break-word;
}
.active[data-v-eb05a042] {
	background-color: var(--primary);
	border-radius: 4px;
}
.ql-editor[data-v-eb05a042] {
	min-height: 200px;
}

.liked[data-v-add22fce] {
    color: var(--primary);
}

.combobox[role=combobox][data-v-5e36f19e] {
  position: relative;
}

.combobox-trigger {
&[data-v-80c32759] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--combobox-trigger-padding, 0.25rem 0.5rem);
  border: var(--combobox-trigger-border, none);
  border-radius: var(--combobox-trigger-border-radius, var(--combobox-border-radius, 0) );
  background-color: var(--combobox-trigger-bg, var(--combobox-bg, #fff));
  color: var(--combobox-trigger-fg, var(--combobox-fg, #000));
  cursor: pointer;
}
&[data-v-80c32759]:focus-visible {
    outline: none;
}
}
.combobox-arrow[data-v-80c32759] {
  width: var(--combobox-arrow-size, 1rem);
  height: var(--combobox-arrow-size, 1rem);
  transition: transform 0.2s ease-in-out;
  fill: var(--combobox-fg);
  stroke: transparent;
}
[data-state=open] .combobox-trigger[data-v-80c32759] {
  border-radius: var(--combobox-arrow-border-radius, var(--combobox-border-radius, 0) ) var(--combobox-arrow-border-radius, var(--combobox-border-radius, 0) ) 0 0;
}
[data-state=open] .combobox-arrow[data-v-80c32759] {
  transform: rotate(180deg);
}

.combobox-content[role=listbox][data-v-7d8c0b8e] {
  position: absolute;
  width: 100%;
  z-index: 10;
  border: var(--combobox-content-border, 'none');
  border-top: none;
  color: var(--combobox-content-fg, #000);
  background-color: var(--combobox-content-bg, #fff);
  border-radius: 0 0 var(--combobox-content-border-radius,var(--combobox-border-radius, 0 ) ) var(--combobox-content-border-radius,var(--combobox-border-radius, 0 ) );
  box-shadow: var(--combobox-content-box-shadow);
  margin-top: var(--combobox-content-seperation, 0.25rem);
}

.combobox-input input[data-v-4f6cea96] {
  width: 100%;
  outline: none;
  border: none;
}
.combobox-input[data-v-4f6cea96] {
  box-sizing: border-box;
  outline: none;
  padding: var(--combobox-input-padding, 0.25rem 0.5rem);
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  justify-content: center;
  align-items: center;
  border-bottom: var(--combobox-input-border, none);
}

.combobox-item[data-v-960acfaf] {
  padding: var(--combobox-item-padding, 0.25rem 0.5rem);
  cursor: pointer;
  color: var(--combobox-item-fg, #000);
  background-color: var(--combobox-item-bg, transparent);
  text-align: var(--combobox-item-text-align, center);
  font-size: var(--combobox-item-font-size, 1rem);
}
.combobox-group:last-child .combobox-item[data-v-960acfaf]:last-child {
  border-radius: 0 0 var(--combobox-item-border-radius, var(--combobox-border-radius, 0)) var(--combobox-item-border-radius, var(--combobox-border-radius, 0));
}
.combobox-item[data-v-960acfaf]:hover {
  background-color: var(--combobox-item-hover-bg, #bbb);
  color: var(--combobox-item-hover-fg, #000);
}
.combobox-item[data-selected=true][data-v-960acfaf] {
  background-color: var(--combobox-item-selected-bg, #ddd);
  color: var(--combobox-item-selected-fg, #000);
}

.combobox-value[data-v-bc0236c0] {
  color: var(--combobox-fg, inherit);
  padding: var(--combobox-value-padding, 0.25rem 0.5rem);
}

.combobox-group-label[data-v-bad33045] {
  padding: var(--combobox-group-label-padding, 0.25rem 0.5rem);
  font-weight: bold;
  color: var(--combobox-group-label-fg, #000);
  background-color: var(--combobox-group-label-bg, #fff);
  font-size: var(--combobox-group-label-font-size, 0.875rem);
}

.text-sm[data-v-66584853] {
	font-size: .875rem;
	line-height: 1rem;
}
.py-1\.5[data-v-66584853] {
	padding-top: .2rem;
	padding-bottom: .2rem;
}
button[data-v-66584853] {
	grid-column: 1/3;
	font-size: 0.875rem;
	margin-top: 8px;
}

div[data-v-bf1f4077] {
  display: flex;
  width: 100%;
}
[data-orientation=horizontal][data-v-bf1f4077] {
  flex-direction: column;
}
[data-orientation=vertical][data-v-bf1f4077] {
  flex-direction: row;
}

.tabs-content[data-v-a612dacd] {
  padding: var(--tabs-content-padding);
  background-color: var(--tabs-content-bg);
  color: var(--tabs-content-fg);
}

.tabs-list[data-v-c1af4dda] {
  display: flex;
  overflow: hidden;
}
hr[data-v-c1af4dda] {
  margin-top: -1px;
  border-top: var(--tabs-list-border-size) solid var(--tabs-list-border-color);
}
[data-orientation=horizontal][data-v-c1af4dda] {
  flex-direction: row;
}
[data-orientation=vertical][data-v-c1af4dda] {
  flex-direction: column;
  border-right: var(--tabs-list-border-size) solid var(--tabs-list-border-color);
}

.tabs-trigger[data-v-04f5c110] {
  font-family: var(--tabs-trigger-font, 'Arial, sans-serif');
  font-weight: var(--tabs-trigger-font-weight, 400);
  font-size: var(--tabs-trigger-font-size, 1rem);
  height: var(--tabs-trigger-height, auto);
  flex-grow: 1;
  background-color: var(--tabs-trigger-bg);
  color: var(--tabs-trigger-fg);
  border: var(--tabs-trigger-border-size) solid var(--tabs-trigger-border-color);
  border-bottom: var(--tabs-list-border-size) solid var(--tabs-list-border-color);
  padding: var(--tabs-trigger-padding, 0);
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  border-radius: var(--tabs-trigger-border-radius, 0);
  box-sizing: border-box;
}
.tabs-trigger[data-v-04f5c110]:hover {
  background-color: var(--tabs-trigger-hover-bg);
  color: var(--tabs-trigger-hover-fg);
}
[data-selected=true][data-v-04f5c110],
[data-selected=true][data-v-04f5c110]:hover {
  background-color: var(--tabs-trigger-selected-bg);
  color: var(--tabs-trigger-selected-fg);
  border-color: var(--tabs-trigger-selected-border-color);
  border-bottom-color: var(--tabs-trigger-selected-bg);
}
[data-orientation=vertical] .tabs-trigger[data-v-04f5c110] {
  border-bottom: none;
  border-right: var(--tabs-trigger-border-size) solid var(--tabs-trigger-border-color);
  margin-bottom: 0;
  margin-right: -1px;
}