/* Turningline Photo Editor module v1.0.4 */
.tl-photo-dashboard{
  margin-top:8px;
}
.tl-photo-dashboard .tl-photo-header-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.tl-photo-guide-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:86px;
  min-height:42px;
  padding:0 16px;
  border-radius:14px;
  text-decoration:none;
  color:#eef3ff;
  font-weight:800;
  background:linear-gradient(180deg,rgba(33,49,91,.96),rgba(19,29,61,.98));
  border:1px solid rgba(121,144,204,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 26px rgba(0,0,0,.20);
}
.tl-photo-guide-link:hover{ border-color:rgba(72,219,255,.62); }

.tl-photo-top-layout{
  display:grid;
  grid-template-columns:minmax(260px,320px) minmax(0,1fr);
  gap:16px;
  margin-top:16px;
  align-items:start;
}
.tl-photo-tools-panel,
.tl-photo-preview-panel,
.tl-photo-guide-wrap,
.tl-photo-tool-section,
.tl-photo-info-card{
  min-width:0;
}
.tl-photo-tools-panel{
  padding:20px;
}
.tl-photo-tools-panel h2,
.tl-photo-guide-wrap h2,
.tl-photo-tool-section h2,
.tl-photo-info-card h3{
  margin:0 0 8px;
  color:#fff;
}
.tl-photo-tools-panel .tl-field{
  margin-bottom:14px;
}
.tl-photo-tools-panel label{
  display:block;
  margin-bottom:8px;
  color:#dce5ff;
  font-weight:700;
  font-size:13px;
}
.tl-photo-tools-panel .tl-textarea{
  min-height:96px;
}
.tl-photo-action-stack{
  display:grid;
  gap:10px;
  margin-top:8px;
}
.tl-photo-apply-btn,
.tl-photo-secondary-btn,
.tl-photo-card-btn,
.tl-photo-chip{
  appearance:none;
  border:none;
  border-radius:14px;
  font-weight:800;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,opacity .16s ease;
}
.tl-photo-apply-btn,
.tl-photo-card-btn{
  color:#fff;
  background:linear-gradient(90deg,#b64cff 0%,#7569ff 100%);
  box-shadow:0 12px 26px rgba(132,78,255,.22);
}
.tl-photo-secondary-btn{
  min-height:44px;
  padding:0 16px;
  color:#eef3ff;
  border:1px solid rgba(121,144,204,.38);
  background:linear-gradient(180deg,rgba(35,48,91,.92),rgba(18,29,62,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.tl-photo-apply-btn:hover,
.tl-photo-secondary-btn:hover,
.tl-photo-card-btn:hover,
.tl-photo-chip:hover{
  transform:translateY(-1px);
}
.tl-photo-apply-btn{
  min-height:48px;
  padding:0 16px;
}
.tl-photo-note-card{
  margin-top:12px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(52,217,255,.18);
  background:rgba(52,217,255,.05);
  color:#c9d4f2;
  font-size:13px;
  line-height:1.55;
}
.tl-photo-note-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:999px;
  color:#7fe2ff;
  background:rgba(83,212,255,.12);
  font-size:16px;
  flex:0 0 28px;
}

.tl-photo-preview-panel{
  padding:16px;
}
.tl-photo-compare-stack{
  display:grid;
  grid-template-rows:minmax(290px,38vh) minmax(290px,38vh);
  gap:12px;
}
.tl-photo-preview-card{
  position:relative;
  overflow:hidden;
  min-height:290px;
  border-radius:18px;
  border:1px solid rgba(111,132,191,.30);
  background:linear-gradient(135deg,rgba(18,30,60,.98),rgba(8,18,39,.98));
  display:flex;
  align-items:center;
  justify-content:center;
}
.tl-photo-preview-card img,
.tl-photo-preview-card canvas{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#07101f;
}
.tl-photo-preview-label{
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(6,10,18,.74);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.tl-photo-placeholder{
  color:#93a5cd;
  text-align:center;
  font-size:15px;
  padding:20px;
}
.tl-photo-edit-note{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:2;
  max-width:70%;
  border-radius:999px;
  background:rgba(0,0,0,.58);
  color:#eff4ff;
  padding:6px 10px;
  font-size:12px;
}

.tl-photo-guide-wrap{
  margin-top:16px;
  padding:18px;
}
.tl-photo-guide-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.tl-photo-guide-head p{ margin:0; color:#aebce0; font-size:13px; }
.tl-photo-section-kicker{
  margin:0 0 8px;
  color:#d26eff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.tl-photo-result-box{
  min-height:170px !important;
  white-space:pre-wrap;
  font-size:15px !important;
  line-height:1.7 !important;
}
.tl-photo-status{
  margin-top:10px;
  color:#4ae7a0;
  font-weight:900;
  font-size:13px;
}

.tl-photo-tool-section{
  margin-top:16px;
  padding:18px;
}
.tl-photo-section-head p{ margin:0; color:#aebce0; font-size:14px; }
.tl-photo-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 14px;
}
.tl-photo-chip{
  min-height:34px;
  padding:0 12px;
  background:rgba(17,26,51,.9);
  border:1px solid rgba(112,132,190,.32);
  color:#dce6ff;
  font-size:12px;
}
.tl-photo-chip.is-active{
  background:linear-gradient(90deg,#7b54ff 0%,#c04fff 100%);
  border-color:transparent;
  color:#fff;
}
.tl-photo-tool-grid{
  display:grid;
  gap:12px;
}
.tl-photo-tool-grid-large{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.tl-photo-tool-grid-animate{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.tl-photo-tool-card{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(112,132,190,.32);
  background:linear-gradient(180deg,rgba(25,37,72,.92),rgba(14,22,48,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  text-align:center;
}
.tl-photo-tool-card.is-hidden{
  display:none;
}
.tl-photo-tool-logo{
  width:56px;
  height:56px;
  margin:0 auto 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  border:1px solid rgba(112,132,190,.32);
  background:linear-gradient(180deg,rgba(35,48,91,.96),rgba(17,27,57,.98));
  color:#fff;
  font-size:30px;
  font-weight:900;
}
.tl-photo-tool-card h3{
  margin:0 0 6px;
  color:#fff;
  font-size:16px;
}
.tl-photo-tool-tagline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(19,171,151,.22);
  border:1px solid rgba(19,171,151,.30);
  color:#65f0c3;
  font-size:12px;
  font-weight:800;
  margin-bottom:10px;
}
.tl-photo-tool-meta{
  color:#d0daf4;
  font-size:13px;
  line-height:1.45;
  min-height:72px;
  margin-bottom:12px;
}
.tl-photo-tool-meta span{ color:#97aacd; }
.tl-photo-card-btn{
  width:100%;
  min-height:40px;
  padding:0 12px;
  font-size:14px;
}
.tl-photo-tool-card-small .tl-photo-tool-meta{ min-height:52px; }

.tl-photo-info-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:16px;
}
.tl-photo-info-card{
  padding:18px;
}
.tl-photo-info-card ol,
.tl-photo-info-card ul{
  margin:10px 0 0 20px;
  color:#d1dbf4;
  line-height:1.75;
}
.tl-photo-info-card li + li{ margin-top:4px; }

@media (max-width: 1220px){
  .tl-photo-tool-grid-large{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .tl-photo-tool-grid-animate{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width: 960px){
  .tl-photo-top-layout{
    grid-template-columns:1fr;
  }
  .tl-photo-compare-stack{
    grid-template-rows:minmax(240px,35vh) minmax(240px,35vh);
  }
  .tl-photo-guide-head,
  .tl-photo-dashboard .tl-photo-header-row{
    flex-direction:column;
    align-items:stretch;
  }
  .tl-photo-info-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 760px){
  .tl-photo-tool-grid-large,
  .tl-photo-tool-grid-animate{
    grid-template-columns:1fr;
  }
  .tl-photo-chip-row{
    overflow:auto;
    flex-wrap:nowrap;
    padding-bottom:4px;
  }
  .tl-photo-chip{ white-space:nowrap; }
  .tl-photo-guide-link,
  .tl-photo-secondary-btn,
  .tl-photo-apply-btn{ width:100%; }
}

/* v1.0.5: fixed Animate Your Photo destination URLs. */