.frx-editor-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 8px;
  padding:7px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.frx-editor-toolbar button{
  width:34px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  color:rgba(232,239,255,.92);
  background:rgba(255,255,255,.045);
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.frx-editor-toolbar button:hover{
  border-color:rgba(93,168,255,.38);
  background:rgba(93,168,255,.12);
  box-shadow:0 0 18px rgba(93,168,255,.12);
}
.frx-paragraph{margin:0 0 12px;line-height:1.72}
.frx-paragraph,
.frx-quote,
.frx-list,
.frx-link-preview{
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
}
.frx-paragraph:last-child{margin-bottom:0}
.frx-quote{
  margin:12px 0;
  padding:12px 14px;
  border-left:3px solid rgba(93,168,255,.65);
  border-radius:12px;
  color:rgba(220,230,252,.9);
  background:rgba(93,168,255,.08);
}
.frx-list{
  margin:12px 0 12px 22px;
  padding-left:12px;
  line-height:1.7;
}
.frx-list li{padding-left:3px}
.frx-codebox{
  margin:8px 0 10px;
  overflow:hidden;
  white-space:normal;
  word-break:normal;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  background:rgba(18,22,32,.72);
  box-shadow:0 18px 42px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04);
}
.frx-codebox:first-child{margin-top:0}
.frx-codebox:last-child{margin-bottom:0}
.frx-code-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 11px;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:rgba(176,190,220,.86);
  background:rgba(255,255,255,.035);
  font-size:11px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.frx-code-copy{
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(93,168,255,.28);
  border-radius:10px;
  color:#dfeaff;
  background:rgba(93,168,255,.10);
  font:inherit;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
}
.frx-code-copy:hover{background:rgba(93,168,255,.16);border-color:rgba(93,168,255,.42)}
.frx-code-scroll{
  max-height:260px;
  overflow:auto;
  margin:0;
  padding:10px 0;
  background:rgba(8,11,18,.42);
  scrollbar-width:thin;
  scrollbar-color:rgba(93,168,255,.28) transparent;
  white-space:pre;
  word-break:normal;
  overflow-wrap:normal;
}
.frx-code-scroll::-webkit-scrollbar{width:8px;height:8px}
.frx-code-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(93,168,255,.25)}
.frx-code-scroll::-webkit-scrollbar-track{background:transparent}
.frx-code-row{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  min-width:100%;
  width:100%;
  color:#edf4ff;
  font:13px/1.58 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  white-space:pre;
  word-break:normal;
  overflow-wrap:normal;
}
.frx-code-line{
  user-select:none;
  text-align:right;
  padding:0 10px 0 0;
  color:rgba(148,163,190,.56);
}
.frx-code-text{
  white-space:pre;
  word-break:normal;
  overflow-wrap:normal;
  min-width:0;
  overflow:visible;
  padding-right:18px;
}
.frx-code-keyword{color:#82b7ff;font-weight:800}
.frx-code-string{color:#8ee6b3}
.frx-code-number{color:#ffd166}
.frx-code-comment{color:#8794aa;font-style:italic}
.frx-code-attr{color:#caa7ff}
.frx-link-previews{
  display:grid;
  gap:9px;
  margin-top:14px;
}
.frx-link-preview{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:12px;
  border:1px solid rgba(93,168,255,.18);
  border-radius:15px;
  background:linear-gradient(135deg, rgba(93,168,255,.08), rgba(255,255,255,.025));
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid rgba(93,168,255,.18) !important;
}
.frx-link-preview:hover{
  border-color:rgba(93,168,255,.36);
  box-shadow:0 14px 34px rgba(93,168,255,.11);
}
.frx-link-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:12px;
  color:#9dc6ff;
  background:rgba(93,168,255,.12);
  border:1px solid rgba(93,168,255,.22);
}
.frx-link-main{min-width:0;display:grid;gap:3px}
.frx-link-main strong{font-size:13px;color:rgba(238,244,255,.94)}
.frx-link-main em{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(170,184,212,.78);
  font-size:12px;
  font-style:normal;
  font-weight:800;
}
@media(max-width:700px){
  .frx-editor-toolbar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}
  .frx-editor-toolbar button{flex:0 0 auto}
  .frx-code-scroll{max-height:220px}
  .frx-code-row{grid-template-columns:34px minmax(0,1fr);font-size:12.5px}
  .frx-code-line{padding-right:8px}
  .frx-link-preview{align-items:flex-start}
}