.recipe-reference-controls{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end;padding:1rem;border:1px solid var(--line,#35404a);background:var(--panel,#171d22);border-radius:.5rem;margin:1rem 0}.recipe-reference-controls[hidden],[data-reference-card][hidden],[data-reference-group][hidden],[data-reference-empty][hidden]{display:none}.recipe-reference-controls label{display:grid;gap:.3rem;min-width:10rem;flex:1;font-size:.9rem}.recipe-reference-controls input,.recipe-reference-controls select,.recipe-reference-controls button{min-height:44px;max-width:100%;font:inherit;color:inherit;background:var(--surface,#161e23);border:1px solid var(--line,#35404a);padding:.5rem;border-radius:.3rem}.recipe-reference-controls p{flex-basis:100%;margin:0;font-size:.85rem}.recipe-reference-controls :focus-visible,.fob-tier-path a:focus-visible{outline:2px solid var(--accent,#eab86a);outline-offset:3px}.recipe-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.5rem;font-size:.85rem;line-height:1.55;clear:both}.recipe-flow-inputs{list-style:none;padding:0;margin:0}.recipe-flow-inputs li{padding:.3rem 0}.recipe-flow-inputs img{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-right:.3rem}.recipe-flow-arrow{font-size:1.4rem;color:var(--accent,#eab86a)}.recipe-flow-output{margin:0;padding:.5rem;border:1px solid var(--line,#35404a);border-radius:.3rem}.recipe-flow-output>span,.recipe-flow-output small{display:block;color:var(--muted,#bac5ce)}.fob-tier-path{border-left:3px solid var(--accent,#eab86a);padding:.5rem 1rem;margin:1rem 0}.fob-tier-path summary{cursor:pointer}.fob-tier-path ol{padding-left:1.2rem;line-height:1.8}.fob-tier-path p{font-size:.85rem}@media(max-width:480px){.recipe-flow{grid-template-columns:minmax(0,1fr)}.recipe-flow-arrow{transform:rotate(90deg);justify-self:center}.recipe-reference-controls label{flex-basis:100%}}