.app-container{padding:0rem 2rem 2rem;font-family:Arial,sans-serif;background-color:#fafafa;color:#333}.title{text-align:center;margin-bottom:1rem}.controls{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.calculations{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem;text-align:center;font-size:1.5rem;font-weight:700}.price{color:#01a841}.count{color:#07c}.ranks,.colors,.categories{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.checkbox-label,.radio-label{font-size:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.color-checkbox{font-weight:700;font-size:1.5rem;padding:.2rem .4rem;border-radius:4px;width:3rem;height:1.5rem;color:#fff}.color-checkbox.W{background-color:#fff;color:#000;border:1px solid #ccc}.color-checkbox.B{background-color:#000;color:#fff}.color-checkbox.U{background-color:#1e90ff;color:#fff}.color-checkbox.R{background-color:#ff4500;color:#fff}.color-checkbox.G{background-color:green;color:#fff}input[type=checkbox],input[type=radio]{margin-right:.4rem}.reset-button{margin-left:1rem;padding:.3rem .6rem;border-radius:4px;border:1px solid #0077cc;background-color:#07c;color:#fff;cursor:pointer}.reset-button:hover{background-color:#005fa3}.card-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.card{display:flex;flex-direction:column;align-items:center;width:260px;border-radius:8px;padding:.1rem;transition:transform .2s ease-in-out}.card:hover{transform:translateY(-4px)}.card-image{width:100%;border-radius:6px;object-fit:cover}.card-name{font-weight:700;font-size:.7rem;margin-top:.2rem;margin-bottom:0;text-align:center}.card-price{color:green;font-size:1.1rem;margin-top:.1rem;margin-bottom:0}.card-colors{font-size:.9rem;color:#444;margin-top:.1rem}.rank-button{margin:.2rem;padding:.4rem .8rem;border-radius:4px;border:1px solid #0077cc;background-color:#07c;color:#fff;cursor:pointer;font-size:1rem;width:6rem;height:2rem}.rank-button.active,.rank-button:hover{background-color:#005fa3}.dropdown-toggle,.copy-button{padding:.4rem .8rem;border-radius:4px;border:1px solid #0077cc;background-color:#07c;color:#fff;font-weight:700;font-size:.8rem;cursor:pointer}.zoom-container{display:flex;gap:.5rem;align-items:center;justify-content:center;margin-left:2rem}.zoom-title{font-weight:700;font-size:1.1rem;color:#333}.zoom-button{padding:.4rem .8rem;border-radius:4px;border:1px solid #0077cc;background-color:#07c;color:#fff;font-weight:700;font-size:.8rem;cursor:pointer;transition:background-color .2s ease-in-out,opacity .2s ease-in-out}.zoom-button:hover:not(:disabled){background-color:#005fa3}.zoom-button:disabled{cursor:default;opacity:.5;background-color:#ccc}