html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background-color:#1a1a1a;color:#e6e6e6;height:100%}body{display:flex;flex-direction:column;min-height:100vh}.app-container{flex:1;max-width:1200px;margin:0 auto;padding:1rem;display:flex;flex-direction:column}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{margin:0;font-size:2rem;letter-spacing:1px}.subtitle{font-size:.9rem;color:#9a9a9a}.app-content{flex:1;display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.app-content{flex-direction:row}}.base-selector-panel,.stat-panel{flex:1;background-color:#262626;padding:1rem;border-radius:4px;box-shadow:0 2px 4px #0006}.base-select{width:100%;padding:.5rem;font-size:1rem;background-color:#1e1e1e;color:#e6e6e6;border:1px solid #444;border-radius:4px}.base-search{width:100%;padding:.5rem;margin-bottom:.5rem;font-size:1rem;background-color:#1e1e1e;color:#e6e6e6;border:1px solid #444;border-radius:4px}.base-search::placeholder{color:#777}.base-select option{background-color:#1e1e1e;color:#e6e6e6}.selected-base{margin-top:.5rem;font-style:italic;color:#b3b3b3}.stat-panel h3{margin-top:0;margin-bottom:.5rem}.stat-search{width:100%;padding:.5rem;font-size:1rem;background-color:#1e1e1e;color:#e6e6e6;border:1px solid #444;border-radius:4px}.stat-suggestions{list-style:none;margin:.25rem 0 0;padding:0;max-height:200px;overflow-y:auto;border:1px solid #444;border-radius:4px;background-color:#1e1e1e}.stat-suggestions li{padding:.4rem .6rem;cursor:pointer;border-bottom:1px solid #333}.stat-suggestions li:last-child{border-bottom:none}.stat-suggestions li:hover{background-color:#333}.selected-stats{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.stat-row{display:flex;align-items:center;background-color:#1e1e1e;padding:.4rem;border:1px solid #444;border-radius:4px}.stat-text{flex:1;margin-right:.5rem}.weight-input{width:70px;padding:.2rem;font-size:.9rem;background-color:#2b2b2b;color:#e6e6e6;border:1px solid #555;border-radius:4px;margin-right:.5rem}.remove-stat{background:none;border:none;color:#f66;font-size:1.2rem;cursor:pointer}.remove-stat:hover{color:#ff4c4c}.min-weight{margin-top:1rem;display:flex;align-items:center;gap:.5rem}.min-weight-input{width:80px;padding:.2rem;font-size:.9rem;background-color:#2b2b2b;color:#e6e6e6;border:1px solid #555;border-radius:4px}.suggested-min{font-size:.8rem;color:#888}.item-picker{display:flex;flex-direction:column;gap:.5rem}.picker-search-row{margin-bottom:.5rem}.picker-columns{display:flex;gap:.5rem}.picker-col{flex:1;background-color:#1e1e1e;border:1px solid #333;border-radius:4px;max-height:300px;overflow-y:auto}.picker-list{list-style:none;padding:0;margin:0}.picker-list li{padding:.4rem .6rem;cursor:pointer;border-bottom:1px solid #333}.picker-list li:last-child{border-bottom:none}.picker-list li:hover{background-color:#333}.picker-list li.active{background-color:#3a321f;color:#e0d0b0}.no-results{padding:.4rem .6rem;color:#777;font-style:italic}