.result-tools{display:grid;gap:18px;margin-top:24px}.result-tools[hidden],#resultToolsLegacy[hidden]{display:none}.result-tools .panel,.type-example{padding:24px;margin-top:20px}.result-tools .panel{margin-top:0}.result-tools p,.type-example p{color:#526078;font-size:1rem;line-height:1.8}.result-tools h3{margin-bottom:12px}.type-example summary,.condition-panel summary{cursor:pointer;min-height:44px;font-weight:700;color:#27334b;line-height:1.7}.type-example article+article{margin-top:20px;border-top:1px solid #e2e7ef;padding-top:12px}.type-example h4{color:#315ce8;margin:12px 0}.champion-search label,.result-preferences label{display:block;font-size:.875rem;font-weight:600;color:#526078}.champion-search>div{display:flex;gap:10px;margin-top:8px}.champion-search input,.result-preferences select{font:inherit;font-size:1rem;min-width:0;min-height:48px;border:1px solid #c6d0e1;border-radius:10px;padding:12px;background:#fff;color:#27334b}.champion-search input{flex:1;width:0}.champion-search .primary-btn{min-width:0;padding:12px 20px;white-space:nowrap}.result-preferences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.result-preferences select{display:block;width:100%;margin-top:8px}.condition-actions{display:flex;flex-wrap:wrap;gap:10px}.condition-actions button{min-height:48px;min-width:0}.condition-actions button:disabled{opacity:.45;cursor:default}.comparison-heading{display:flex;gap:16px;align-items:center;margin-top:20px}.comparison-heading img{border-radius:12px;flex-shrink:0}.comparison-heading h3{margin:0 0 6px}.comparison-heading strong{color:#315ce8}.comparison-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison-columns h4{margin-bottom:8px;color:#27334b}#comparisonOutput:empty{display:none}#conditionStatus:empty,#comparisonStatus:empty{display:none}#comparisonOutput:focus{outline:none}.result-tools :is(input,select,summary,button):focus-visible{outline:3px solid #7e9bfa;outline-offset:3px}@media(max-width:600px){.result-tools .panel,.type-example{padding:20px}.result-preferences,.comparison-columns{grid-template-columns:1fr}.champion-search>div{flex-wrap:wrap}.champion-search input{flex-basis:160px}.condition-actions button{width:100%}.result-tools p{font-size:.9375rem}}