body:has(#studio-navigator) .catalog-hero>.quiet{font-size:14px;line-height:1.7;max-width:80ch;margin:32px 0 0;padding-top:24px;border-top:1px solid #b9c4be;color:#536269}body:has(#studio-navigator) .catalog-hero{padding-bottom:48px}body:has(#studio-navigator) .catalog-hero .actions{row-gap:12px}
#visualizers.studio-tools{display:block;padding:32px 0;margin:0 0 56px;background:transparent;border:0;border-block:1px solid #aebdb7;border-radius:0;box-shadow:none}#visualizers.studio-tools>h2{font:400 clamp(28px,3vw,40px)/1.15 Georgia,serif;letter-spacing:-.025em;margin:0 0 28px;max-width:30ch}#visualizers .studio-tool-path{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px 0;border-top:1px solid #d1d6ce}#visualizers .studio-tool-path h3{font:650 17px/1.4 system-ui,sans-serif;margin:0 0 10px;color:#142b34}#visualizers .studio-tool-path p{font-size:16px;line-height:1.65;max-width:65ch;color:#425b64}#visualizers .studio-tool-path :is(a,button){min-width:210px;min-height:48px;justify-content:center;margin:0}#visualizers.studio-tools .visualizer-status{max-width:75ch;margin:12px 0 0;padding-top:16px;font-size:14px!important;line-height:1.65;color:#536269}#visualizers.studio-tools :is(a,button):focus-visible{outline:3px solid #947044;outline-offset:4px}
#studio-navigator{position:sticky;top:var(--tbc-header-height,80px);z-index:18;background:#f4eee2;border-block:1px solid #aebdb7;padding:12px 0;margin:24px 0;box-sizing:border-box}#studio-navigator form{display:grid;grid-template-columns:minmax(160px,1fr) minmax(260px,520px) auto;gap:16px;align-items:center;margin:0}#studio-navigator label{font:600 15px/1.4 system-ui,sans-serif;color:#142b34}#studio-navigator select{min-width:0;width:100%;height:46px;padding:10px 32px 10px 12px;background:#fffdf8;border:1px solid #9daea9;border-radius:3px;color:#142b34;font:500 14px/1.4 system-ui,sans-serif}#studio-navigator button{min-height:46px;margin:0;padding:10px 20px;border:1px solid #142b34;border-radius:3px;background:#142b34;color:#f4eee2;font:600 14px/1.4 system-ui,sans-serif;white-space:nowrap}#studio-navigator button:hover{background:#29464e}#studio-navigator :is(select,button):focus-visible{outline:3px solid #947044;outline-offset:3px}#studios [data-studio-id]{scroll-margin-top:calc(var(--tbc-header-height,80px) + 96px)}#studios .studio-target-heading:focus{outline:3px solid #947044;outline-offset:5px}#studios-heading{scroll-margin-top:calc(var(--tbc-header-height,80px) + 24px)}
@media(max-width:700px){body:has(#studio-navigator) .catalog-hero>.quiet{margin-top:28px;padding-top:20px;font-size:14px}body:has(#studio-navigator) .catalog-hero{padding-bottom:36px}#visualizers.studio-tools{padding:28px 0;margin-bottom:40px}#visualizers.studio-tools>h2{font-size:28px;margin-bottom:24px}#visualizers .studio-tool-path{grid-template-columns:1fr;gap:18px;padding:24px 0}#visualizers .studio-tool-path :is(a,button){width:100%;min-width:0}#visualizers .studio-tool-path p{font-size:15px}#visualizers.studio-tools .visualizer-status{margin-top:4px;padding-top:16px}#studio-navigator form{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px}#studio-navigator label{grid-column:1/-1;font-size:13px}#studio-navigator select{font-size:13px;height:46px;padding-left:10px}#studio-navigator button{padding-inline:16px}#studios [data-studio-id]{scroll-margin-top:calc(var(--tbc-header-height,72px) + 122px)}}
@media print{#studio-navigator{display:none}}