.se-art { display: grid; align-content: center; gap: 0.25em; aspect-ratio: 1; padding: 10%; border-radius: 0.5em; color: var(--on-ink); background: var(--ink); box-shadow: inset 0 0.45em 0 var(--orange); overflow: hidden; }
.se-art small { font-family: var(--font-display); font-size: 0.72em; font-weight: 600; letter-spacing: var(--track-label); text-transform: uppercase; color: var(--on-ink-soft); }
.se-art b { font-family: var(--font-display); font-size: 1.5em; font-weight: 700; line-height: 1.05; letter-spacing: var(--track-display); color: var(--on-ink); }
.se-art span { font-size: 0.9em; color: var(--on-ink-soft); }
.se-art i { justify-self: start; margin-top: 0.5em; padding: 0.25em 0.7em; border-radius: var(--radius-sm); font-style: normal; font-weight: 700; font-size: 0.86em; color: var(--on-orange); background: var(--orange); }
.se-art u { position: relative; display: block; padding-left: 1em; font-size: 0.86em; text-decoration: none; color: var(--on-ink-soft); }
.se-art u::before { content: ""; position: absolute; left: 0.1em; top: 0.55em; width: 0.38em; height: 0.38em; background: var(--orange-light); }
.se-art em { margin-top: 0.6em; font-style: normal; font-weight: 700; font-size: 0.9em; color: var(--on-ink); }
.se-art--sm { font-size: 0.82em; border-radius: 0.4em; margin-block: 0.5em; }
.se-art--lg { font-size: 1.15em; }
.se-compose-grid { display: grid; gap: 0.9em; align-items: start; }
.se-hero-grid { display: grid; gap: 0.8em; align-items: stretch; }
@media (min-width: 30em) {
  .se-compose-grid { grid-template-columns: minmax(0, 1fr) 13.5em; }
  .se-hero .se-art { font-size: 0.9em; }
}
@media (min-width: 40em) {
  .se-hero-grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); }
  .se-hero .se-compose { grid-column: 1 / -1; }
}
.se-hero .se-hero-cal .k-pagehead h3, .se-hero .se-compose .k-pagehead h3 { font-size: 1.25em; }
.se-hero .se-hero-cal .k-pagehead, .se-hero .se-compose .k-pagehead { margin-bottom: 0.7em; }
.se-hero .se-hero-cal { display: grid; align-content: space-between; }
.se-hero .k-cal > div { min-height: 3.3em; }
.se-hero .k-cal i { font-size: 0; padding: 0; height: 4px; border-radius: 4px; }
.se-hero .se-hero-list .k-table { height: 100%; }
.page-social-engine .se-hero-list .k-table th, .page-social-engine .se-hero-list .k-table td { padding-inline: 0.65em; }
.se-out { display: grid; gap: var(--space-5); align-items: center; }
@media (min-width: 40em) { .se-out { grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr); } }
.se-feed { gap: 0.3em; }
.se-feed-who { display: flex; align-items: center; gap: 0.5em; }
.se-feed-who .k-avatar { width: 2em; height: 2em; font-size: 0.8em; }
.se-feed-who span { display: grid; }
.se-feed-who small { font-size: 0.8em; color: var(--app-text-3); }
.se-tpl { padding: 0.9em 1em; border-radius: 0.9em; background: var(--app-bg-alt); color: var(--app-text-2); line-height: 1.6; }
.se-tpl i { padding: 0.05em 0.35em; border-radius: 0.3em; font-style: normal; font-weight: 600; color: var(--purple-text); background: var(--purple-bg); }
.se-tpl--done { background: var(--card); box-shadow: inset 0 0 0 1px var(--app-border); }
.se-tpl--done b { color: var(--app-text); }
.se-merge { display: flex; flex-wrap: wrap; gap: 0.35em; margin-block: 0.8em; }
.se-merge li { padding: 0.2em 0.7em; border-radius: var(--radius-sm); font-size: 0.82em; font-weight: 600; color: var(--purple-text); background: var(--purple-bg); }
.se-studio { display: grid; gap: 1em; align-items: start; }
@media (min-width: 30em) { .se-studio { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr); } }
.se-canvas { display: grid; gap: 0.5em; padding: 0.7em; border-radius: 1em; background: var(--app-bg-alt); }
.se-small { font-size: 0.82em; text-align: center; }
.se-small--left { margin-top: 0.8em; text-align: left; }
.page-social-engine .se-pair .k-table td, .page-social-engine .se-pair .k-table thead th:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }
.se-charts { margin-top: 0.8em; }
@media (min-width: 40em) { .se-charts { display: grid; grid-template-columns: 1fr 1.15fr; gap: 0.8em; } }
.se-pair { align-items: stretch; }
@media (min-width: 40em) { .se-pair { grid-template-columns: 1fr 1.1fr; } }
.page-social-engine .se-pair .k-table th, .page-social-engine .se-pair .k-table td { padding-inline: 0.7em; }
.se-mentions { display: grid; gap: 0.4em; margin-top: 0.9em; padding-top: 0.9em; border-top: 1px solid var(--app-border); }
.se-mentions li { display: flex; align-items: center; gap: 0.6em; font-size: 0.9em; color: var(--app-text-2); }
.se-mentions .badge { flex: none; }
.se-feed + .se-feed { margin-top: 0.6em; }
.se-feed-acts { display: flex; justify-content: space-between; margin-top: 0.4em; padding-top: 0.5em; border-top: 1px solid var(--app-bg-alt); font-size: 0.8em; font-weight: 600; color: var(--app-text-3); }
@media (max-width: 30em) { .se-compose .se-art { aspect-ratio: 16 / 9; } }
.jp-screen .se-cal { max-width: 40rem; }
.jp--row .jp-screen .se-tpl-card { max-width: 34rem; font-size: 14px; }
.jp-screen .se-studio { max-width: 36rem; }
.jp-screen .se-out { max-width: 40rem; }
.jp-screen .se-out .phone { width: min(100%, 13rem); }
.jp--row .jp-screen .se-fig { max-width: 30rem; font-size: 13px; }
.page-social-engine .se-fig .k-table td, .page-social-engine .se-fig .k-table thead th:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }
.se-fig .se-mentions { margin-top: 0; padding-top: 0; border-top: 0; }
.se-fig .se-mentions li { padding: 0.6em 0.8em; border-radius: 0.6em; background: var(--app-bg-alt); }
.se-toast { margin-top: 0.9em; }
@media (min-width: 60em) { .se-more { --jp-h: 19rem; } .se-steps { --jp-h: 25rem; } }
.se-tpl-k { margin-bottom: 0.35em; font-size: 0.78em; font-weight: 600; color: var(--app-text-3); }
.se-tpl-card .se-merge { margin-block: 0.6em 0.9em; }
.se-tpl-card .k-note { margin-top: 0.8em; }
.page-social-engine .se-toast { width: 100%; }
.page-social-engine .jp-screen .se-out .phone-screen { aspect-ratio: 9 / 15.2; }
@media (max-width: 39.99em) { .page-social-engine .fhero-facts li:last-child { flex-basis: 100%; max-width: none; } }
@media (max-width: 35.99em) { .js .page-social-engine #more .jx-tabs > li:last-child { grid-column: 1 / -1; } }
@media (min-width: 60em) {
  html:not(.js) .page-social-engine #more .jx-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-4); }
}
@media (min-width: 64em) and (max-width: 81.99em) {
  .page-social-engine .se-hero-grid { grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.9fr); }
  .page-social-engine .se-hero .k-cal > b { padding-inline: 0; font-size: 0.6em; letter-spacing: 0; }
  .page-social-engine .se-hero-cal .k-chip:not(.on) { display: none; }
  .page-social-engine .se-hero-list .k-table th, .page-social-engine .se-hero-list .k-table td { padding-inline: 0.5em; }
}
@media (min-width: 64em) and (max-width: 71.99em) { .page-social-engine .fhero-facts li:last-child { flex-basis: 100%; max-width: none; } }
@media (min-width: 64em) and (max-width: 69.99em) {
  .page-social-engine .se-hero-cal { display: none; }
  .page-social-engine .se-hero-list { grid-column: 1 / -1; }
}
@media (max-width: 81.99em) { .page-social-engine .se-steps .jx-step small { display: none; } }