.development-badge { display:inline-block; margin-left:.75rem; padding:.25rem .6rem; border:1px solid #3c5a74; border-radius:4px; color:#b6dcff; background:#112333; text-transform:none }
.tool-page .phero .studio-headline { color:#fff; font-size:1.25rem }
.studio-connectivity,.studio-availability { margin:2rem 0; padding:1.5rem; border:1px solid #292a2e; background:#111214 }
.studio-connectivity p,.studio-availability p,.ws > p { color:#bfc0c4; font-size:.9375rem; line-height:1.7; margin:.8rem 0; max-width:85ch }
.ws-shot a { display:block }
.ws-shot a:focus-visible { outline:2px solid #b6dcff; outline-offset:-2px }
.ws-shot figcaption { padding:.65rem .8rem; color:#bfc0c4; font-size:.75rem; line-height:1.5 }
.found h3 { font-size:1rem; margin:0 0 .7rem; font-weight:600 }
.studio-jump { display:flex; flex-wrap:wrap; gap:.5rem; padding:1.2rem 0 2rem }
.studio-jump a { padding:.55rem .9rem; border:1px solid #414149; border-radius:4px; color:#ddd; font-size:.875rem; text-decoration:none }
.studio-jump a:hover,.studio-jump a:focus-visible { background:#22232a; color:#fff; border-color:#b6dcff }
.ws-row[id],.studio-agent { scroll-margin-top:110px }
.tool-page .ws-row { grid-template-columns:minmax(0,3fr) minmax(180px,1fr); gap:2rem; padding:2rem 0 }
.studio-agent { margin:3rem 0; padding:2rem; border:1px solid #3c5a74; background:#101b26 }
.studio-agent h2 { font-size:1.6rem; margin:.6rem 0 }
.studio-agent p { max-width:60ch; color:#bfc0c4; line-height:1.6 }
.studio-agent-actions { display:flex; flex-wrap:wrap; gap:1.5rem; margin-top:1.5rem; color:#b6dcff; font-size:.875rem }
.studio-agent { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); align-items:center; gap:2rem }
.studio-agent-shot { margin:0; min-width:0 }
.studio-agent-shot a { display:block; position:relative; aspect-ratio:760 / 560; overflow:hidden; border-radius:12px; background:#232323 }
.studio-agent-shot img { position:absolute; width:335.132%; max-width:none; height:auto; left:-117.368%; top:-78.393% }
.studio-agent-shot a:focus-visible { outline:2px solid #b6dcff; outline-offset:4px }
@media(max-width:850px) { .studio-agent { grid-template-columns:1fr } }
@media(max-width:700px) { .tool-page .ws-row { grid-template-columns:1fr; gap:1rem } .studio-agent { padding:1.25rem } }