
/* Turningline Writer module v1.0.2 */
.tl-writer-workbench .tl-writer-grid{
  display:grid !important;
  grid-template-columns:minmax(360px,.88fr) minmax(50%,1.12fr) !important;
  gap:18px !important;
  align-items:start;
}
.tl-writer-workbench .tl-writer-form-card,
.tl-writer-workbench .tl-writer-result-panel{
  min-width:0;
}
.tl-writer-workbench .tl-writer-result-panel{
  padding:20px !important;
}
.tl-writer-result-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.tl-writer-result-head h2{
  margin:0 !important;
  font-size:22px !important;
}
.tl-writer-result-box{
  min-height:430px !important;
  font-size:18px !important;
  line-height:1.72 !important;
  padding:22px !important;
  white-space:pre-wrap;
}
.tl-writer-options-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.tl-writer-social-hints{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:-2px 0 12px;
}
.tl-writer-chip,
.tl-writer-copy-btn,
.tl-writer-launch{
  appearance:none;
  border:1px solid rgba(112,132,190,.42);
  background:linear-gradient(180deg,rgba(35,48,91,.92),rgba(18,29,62,.96));
  color:#f4f7ff;
  border-radius:12px;
  font-weight:900;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.18);
}
.tl-writer-chip{
  padding:8px 11px;
  font-size:12px;
}
.tl-writer-copy-btn{
  min-height:42px;
  padding:0 18px;
  font-size:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.tl-writer-copy-btn:before{
  content:"📋";
  font-size:15px;
}
.tl-writer-launch{
  min-height:42px;
  padding:0 10px;
  font-size:13px;
}
.tl-writer-chip:hover,
.tl-writer-copy-btn:hover,
.tl-writer-launch:hover{
  border-color:rgba(29,217,255,.65);
  transform:translateY(-1px);
}
.tl-writer-beginner-card,
.tl-writer-use-card,
.tl-writer-launch-card{
  margin-top:14px;
  border:1px solid rgba(112,132,190,.34);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  padding:15px;
}
.tl-writer-beginner-card h3,
.tl-writer-use-card h3,
.tl-writer-launch-card h3{
  margin:0 0 9px;
  color:#fff;
  font-size:16px;
}
.tl-writer-beginner-card p,
.tl-writer-launch-card p{
  margin:0;
  color:#aebce0;
  font-size:13px;
  line-height:1.55;
}
.tl-writer-use-card ol{
  margin:0 0 0 20px;
  color:#c8d4f2;
  font-size:14px;
  line-height:1.7;
}
.tl-writer-copy-status{
  margin-top:10px;
  color:#49e89e;
  font-weight:900;
  font-size:13px;
}
.tl-writer-launch-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.tl-writer-generate{
  min-width:170px;
}
@media (max-width:1180px){
  .tl-writer-workbench .tl-writer-grid{
    grid-template-columns:1fr !important;
  }
  .tl-writer-result-box{
    min-height:330px !important;
  }
}
@media (max-width:760px){
  .tl-writer-options-row,
  .tl-writer-launch-grid{
    grid-template-columns:1fr !important;
  }
  .tl-writer-result-head{
    align-items:stretch;
    flex-direction:column;
  }
  .tl-writer-copy-btn,
  .tl-writer-generate{
    width:100%;
  }
  .tl-writer-result-box{
    font-size:16px !important;
    min-height:300px !important;
    padding:16px !important;
  }
  .tl-writer-beginner-card p,
  .tl-writer-use-card ol,
  .tl-writer-launch-card p{
    font-size:15px;
  }
}
