.teasings-workspace{min-width:0}
.teasings-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.35fr);gap:18px;align-items:start}
.teasing-compose,.teasings-inbox{min-width:0}
.teasing-compose h2,.teasings-inbox h2{margin-top:0}
.teasing-compose form{display:grid;gap:14px}
.teasing-compose label{display:grid;gap:6px;margin:0;color:#514855;font-size:12px;font-weight:800}
.teasing-compose :is(input,select,textarea){box-sizing:border-box;width:100%;margin:0}
.teasing-compose textarea{min-height:150px;resize:vertical}
.teasing-compose button{justify-self:start;margin:0}
.teasings-state{min-height:20px;margin:10px 0;color:#716776;font-size:12px;font-weight:700}
.teasings-state[data-state="error"]{color:#a12232}
.teasings-state[data-state="success"]{color:#187044}
.teasings-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.teasings-tabs button{margin:0;padding:8px 13px;background:#fff!important;color:#490154!important;border:1px solid #ccbfcf!important;box-shadow:none!important}
.teasings-tabs button.is-active{background:#490154!important;color:#fff!important;border-color:#490154!important}
.teasings-list{display:grid;gap:10px}
.teasing-card{padding:14px;border:1px solid #e1d9e3;border-left:4px solid #b9aabd;border-radius:11px;background:#fff}
.teasing-card.is-unread{border-left-color:#ed0d2f;background:#fffafb}
.teasing-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.teasing-card header>div{min-width:0}
.teasing-card header span{display:block;color:#7b7080;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.teasing-card h3{margin:3px 0 0;color:#2c2430;font-size:16px;overflow-wrap:anywhere}
.teasing-card time{flex:0 0 auto;color:#847a87;font-size:10px}
.teasing-phrase{margin:12px 0;white-space:pre-wrap;color:#3d3540;line-height:1.55;overflow-wrap:anywhere}
.teasing-card-actions{display:flex;flex-wrap:wrap;gap:8px}
.teasing-card-actions button{margin:0}
.teasings-empty{margin:0;padding:24px;border:1px dashed #d8cfd9;border-radius:10px;color:#756b78;text-align:center}
@media(max-width:850px){
  .teasings-layout{grid-template-columns:1fr}
  .teasing-compose button{width:100%;justify-self:stretch}
  .teasing-card header{display:grid;gap:5px}
  .teasing-card-actions{display:grid;grid-template-columns:1fr}
  .teasing-card-actions button{width:100%}
}