/* Embedded pilots retain the site's existing controls and renderer. */
.guide-tool { margin:1.25rem 0 2.5rem; padding-bottom:1.5rem; border-bottom:1px solid var(--border,#253241); }
.guide-tool > h2 { margin-top:0; }
.guide-tool > p { max-width:75ch; }
.guide-tool .tool-layout { align-items:start; }
.guide-tool .preview-box { min-height:140px; }
.guide-tool .ascii-output { min-height:240px; }
.guide-tool #ascii-output,.guide-tool #text-ascii-output { min-height:200px; }
.guide-image-options { margin:1rem 0; border-block:1px solid var(--border,#253241); padding:.75rem 0; }
.guide-image-options > summary { cursor:pointer; min-height:44px; display:flex; align-items:center; gap:.5rem; }
.guide-image-options > summary::before { content:'+'; color:var(--accent,#2dd4bf); }
.guide-image-options[open] > summary::before { content:'−'; }
.guide-image-options .field { margin-top:1rem; }
.guide-tool .growth-image-examples { margin-block:1rem; }
.growth-composer.guide-tool .tool-layout > .panel:first-child { display:block; }
.guide-text-options { margin-top:1rem; padding-top:.75rem; border-top:1px solid var(--border,#253241); }
.guide-text-options > summary { cursor:pointer; min-height:44px; }
.guide-text-options .field { margin-top:1rem; }
.guide-tool :is(a,button,summary,select):focus-visible { outline:2px solid var(--accent,#2dd4bf); outline-offset:4px; }
@media(max-width:760px) { .guide-tool .tool-layout { grid-template-columns:minmax(0,1fr); } .guide-tool .panel { min-width:0; } }