/* Isolated preview-only site chrome. Tool widgets/buttons/canvas/input left alone. */
body.fto-v2-secondary{--fto-bg:#f4f6fb;--fto-paper:#fff;--fto-ink:#121729;--fto-muted:#5d6680;--fto-outline:#e0e5f0;--fto-primary:#3154f4;--fto-soft:#e9edff;background:var(--fto-bg)!important;color:var(--fto-ink);margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
body.fto-v2-secondary[data-fto-theme="dark"]{--fto-bg:#0e1220;--fto-paper:#171c2d;--fto-ink:#edf0ff;--fto-muted:#adb7d1;--fto-outline:#303950;--fto-primary:#a6b5ff;--fto-soft:#282f54;color-scheme:light}
body.fto-v2-secondary .fto-v2-sitebar{position:sticky;top:0;z-index:1000;margin:0!important;width:100%;box-sizing:border-box;background:var(--fto-paper);border-bottom:1px solid var(--fto-outline);box-shadow:0 7px 22px rgba(10,20,60,.035);color:var(--fto-ink)}
body.fto-v2-secondary .fto-v2-sitebar-inner{max-width:1200px;min-height:70px;display:flex;align-items:center;gap:16px;margin:0 auto;padding:10px 20px;box-sizing:border-box}
body.fto-v2-secondary .fto-v2-sitebar .fto-v2-brand,body.fto-v2-secondary .fto-v2-sitebar .fto-v2-nav a{display:inline-flex!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;box-shadow:none!important;border:none!important;border-radius:0!important;background:transparent!important;color:var(--fto-ink)!important;text-decoration:none!important;transform:none!important;white-space:nowrap}
body.fto-v2-secondary .fto-v2-sitebar .fto-v2-brand{font-size:clamp(17px,2.5vw,22px)!important;font-weight:800!important;gap:10px;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis}
body.fto-v2-secondary .fto-v2-bolt{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:#3256ff;color:white;font-size:21px}
body.fto-v2-secondary .fto-v2-nav{display:flex;align-items:center;gap:18px;margin-left:auto}
body.fto-v2-secondary .fto-v2-sitebar .fto-v2-nav a{font-size:14px!important;font-weight:650!important;color:var(--fto-muted)!important}
body.fto-v2-secondary .fto-v2-sitebar .fto-v2-nav a:hover{color:var(--fto-primary)!important}
body.fto-v2-secondary .fto-v2-sitebar .fto-v2-theme{display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:43px!important;height:43px!important;min-width:43px!important;padding:0!important;margin:0 0 0 8px!important;border:1px solid var(--fto-outline)!important;border-radius:12px!important;box-shadow:none!important;background:var(--fto-paper)!important;color:var(--fto-ink)!important;font-size:23px!important;cursor:pointer}
body.fto-v2-secondary > nav.indexing-nav{max-width:1050px;margin:18px auto 12px!important;padding:10px 16px!important;width:calc(100% - 28px);box-sizing:border-box;border-radius:12px;border:1px solid var(--fto-outline);background:var(--fto-paper);color:var(--fto-muted);box-shadow:none}
body.fto-v2-secondary > nav.indexing-nav a{display:inline!important;width:auto!important;padding:0!important;margin:0!important;box-shadow:none!important;background:none!important;font-size:14px!important;color:var(--fto-primary)!important;transform:none!important}
body.fto-v2-secondary > h1{margin:28px auto 9px!important;padding:0 16px;max-width:1000px;box-sizing:border-box;color:var(--fto-ink)!important;font-size:clamp(29px,5vw,42px)!important;line-height:1.18;letter-spacing:-.03em;text-align:center}
body.fto-v2-secondary > p.tool-description{color:var(--fto-muted)!important;font-size:clamp(15px,2vw,18px);max-width:820px;margin:0 auto 20px!important;padding:0 18px;text-align:center}
body.fto-v2-secondary .tool-box{border-radius:19px;box-shadow:0 8px 27px rgba(17,25,60,.045)}
body.fto-v2-secondary .tool-guide,body.fto-v2-secondary .tool-connections,body.fto-v2-secondary .fto-learning-hub,body.fto-v2-secondary .fto-practice{border:1px solid var(--fto-outline)!important;background:var(--fto-paper)!important;color:var(--fto-ink)!important;border-radius:18px!important;box-shadow:0 8px 28px rgba(17,25,60,.04)!important}
body.fto-v2-secondary .tool-guide h2,body.fto-v2-secondary .tool-guide h3,body.fto-v2-secondary .tool-connections h2,body.fto-v2-secondary .fto-learning-hub h2,body.fto-v2-secondary .fto-practice h2{color:var(--fto-ink)!important}
body.fto-v2-secondary .tool-guide p,body.fto-v2-secondary .tool-guide li,body.fto-v2-secondary .fto-learning-hub p,body.fto-v2-secondary .fto-practice p{color:var(--fto-muted)!important}
body.fto-v2-secondary .tool-guide pre,body.fto-v2-secondary .fto-practice pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}
body.fto-v2-secondary .page-header{background:var(--fto-paper)!important;border-bottom-color:var(--fto-outline)!important}
body.fto-v2-secondary .page-header h1,body.fto-v2-secondary .info-card h2{color:var(--fto-ink)!important}
body.fto-v2-secondary .page-header p,body.fto-v2-secondary .info-card p{color:var(--fto-muted)!important}
body.fto-v2-secondary .info-card{border-color:var(--fto-outline)!important;background:var(--fto-paper)!important}
body.fto-v2-secondary .site-footer,body.fto-v2-secondary > footer{border-top:1px solid var(--fto-outline);background:var(--fto-paper)!important;color:var(--fto-muted)!important}
body.fto-v2-secondary .site-footer a,body.fto-v2-secondary > footer a{color:var(--fto-muted)!important;background:transparent!important;box-shadow:none!important}
body.fto-v2-secondary .site-footer a:hover,body.fto-v2-secondary > footer a:hover{color:var(--fto-primary)!important}
body.fto-v2-secondary :focus-visible{outline:2px solid var(--fto-primary);outline-offset:3px}
@media(max-width:760px){body.fto-v2-secondary .fto-v2-nav{display:none}body.fto-v2-secondary .fto-v2-sitebar .fto-v2-theme{margin-left:auto!important}body.fto-v2-secondary .fto-v2-sitebar-inner{padding:8px 14px;min-height:65px}}
@media(max-width:430px){body.fto-v2-secondary .fto-v2-sitebar .fto-v2-brand{font-size:17px!important}body.fto-v2-secondary .fto-v2-bolt{width:39px;height:39px}}
@media(prefers-reduced-motion:reduce){body.fto-v2-secondary .fto-v2-sitebar *{transition:none!important}}


/* FTO_PREVIEW_HEADER_EDGE_FIX_1: make the added site header span the full viewport.
   Original tool content retains its existing 20px body padding. */
body.fto-v2-secondary > .fto-v2-sitebar {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc((100% - 100vw) / 2) !important;
}
/* Tool pages load css/style.css, which adds 20px body padding.
   Cancel only the space ABOVE the new header, not the tool spacing. */
@supports selector(body:has(> .tool-guide)) {
  body.fto-v2-secondary:has(> .tool-guide) > .fto-v2-sitebar {
    margin-top: -20px !important;
  }
}