body main.tools-shell.wbs-tool-family:has(> #ts-studio) {
  width: min(1500px, calc(100vw - 40px)); margin: 24px auto 80px; padding: 0;
}
#ts-studio.tsv2 {
  width: auto; max-width: 1440px; margin: 0 auto; padding: 25px 16px 48px;
  position: relative; z-index: 1;
}
#ts-studio .wbs-diff-cover { border-radius: inherit; object-position: right 24%; }
#ts-studio .wbs-diff-hero-copy { width: min(100%, 690px); }
#ts-studio .wbs-diff-hero h1 { overflow-wrap: anywhere; }
#ts-studio .wbs-diff-hero-copy > p:not(.wbs-cmd-kicker) { max-width: 43ch; }
#ts-studio .wbs-diff-photo::after {
  background: linear-gradient(90deg, #0d132bf5 2%, #0d132bc5 38%, #0d132b10 85%);
}
#ts-studio.tsv2 > .wbs-diff-columns {
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: 16px;
}
#ts-studio.tsv2 > .wbs-diff-columns > .tsv2-side { gap: 10px; }
#ts-studio.tsv2 .tsv2-layout > .tsv2-side,
#ts-studio.tsv2 .tsv2-layout > .tsv2-result {
  padding: 16px; border: 1px solid #b4b7dd55; border-radius: 1.1rem;
  background: radial-gradient(ellipse at 0 0, #b69aff22, transparent 75%), #0d132be0;
  box-shadow: 0 8px 24px #03071955, inset 0 1px #f0e8ff44;
}
#ts-studio.tsv2 .tsv2-layout .tsv2-advanced { padding: 0; }
#ts-studio .tsv2-layout label { margin: 0; }
#ts-studio .tsv2-layout label.tsv2-switch { display: flex; flex-direction: row; margin: 4px 0 12px; }
#ts-studio .tsv2-layout input:is([type=radio], [type=file]) { width: 1px; padding: 0; }
#ts-studio .tsv2-segments--five { grid-template-columns: repeat(5, minmax(0, 1fr)); }
#ts-studio .ts-glass-hint { margin: 0 0 8px; color: #d9dbed; font-size: .8rem; line-height: 1.55; }
#ts-studio .ts-glass-pose-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
#ts-studio .ts-glass-pose-actions button { gap: 7px; min-height: 44px; }
#ts-studio .ts-glass-pose-actions svg { flex: 0 0 17px; }
#ts-studio :is(.tsv2-status:empty, [hidden]) { display: none !important; }
#ts-studio .tsv2-downloads h3 { margin: 0; font-size: 1rem; }
#ts-studio .title-guides .wbs-faq-body { padding: 0; }
#ts-studio .wbs-ts-native-index { display: none; }
#ts-studio .wbs-ts-native-list p { margin: 3px 0 9px; }
#ts-studio #wbs-ts-guide-howto { scroll-margin-top: 24px; }
@media (max-width: 680px) {
  #ts-studio.tsv2 > .wbs-diff-columns { grid-template-columns: minmax(0, 1fr); }
  #ts-studio.tsv2 > .wbs-diff-columns > .tsv2-result { max-width: none; }
}
@media (max-width: 1180px) {
  body main.tools-shell.wbs-tool-family:has(> #ts-studio) {
    width: min(1500px, calc(100vw - 24px));
  }
}
@media (max-width: 700px) {
  body main.tools-shell.wbs-tool-family:has(> #ts-studio) { width: calc(100vw - 16px); }
  #ts-studio .wbs-diff-photo { min-height: 237px; }
  #ts-studio .wbs-diff-photo::after {
    background: linear-gradient(90deg, #0d132bf2 5%, #0d132bc7 60%, #0d132b57);
  }
  #ts-studio .wbs-diff-hero-copy > p:not(.wbs-cmd-kicker) { max-width: 29ch; }
  #ts-studio.tsv2 { padding: 12px 10px 30px; }
}


@media (max-width: 530px) {
  #ts-studio .wbs-diff-hero h1 { font-size: clamp(20px, 6.4vw, 25px); }
  #ts-studio .wbs-diff-photo { padding-bottom: 22px; }
    #ts-studio .wbs-diff-hero .tool-like { bottom: 14px; }
}

#ts-studio.tsv2 .tsv2-side > .tsv2-panel {
  padding: 0; border: 0; border-radius: 0;
  background: transparent; box-shadow: none;
}
#ts-studio.tsv2 .tsv2-side > .tsv2-advanced {
  border-top: 1px solid #b5c8ef55;
}
#ts-studio .ts-copy-mobile { display: none; }
@media (max-width: 530px) {
  #ts-studio .ts-copy-wide { display: none; }
  #ts-studio .ts-copy-mobile { display: inline; }
  #ts-studio .wbs-diff-visits { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 370px) {
  #ts-studio .wbs-diff-photo { padding-bottom: 65px; }
}
